Replit Deck

Generates single-file horizontal-swipe HTML decks using eight frozen visual systems lifted from Replit Slides: helix for SaaS metrics, holm for legal memos, vance for gallery catalogs, bevel for Y2K campaigns, world-dark and world-mint for policy reports, atlas for museum chapters, bluehouse for consumer product showcases. Each theme is a complete palette and type system. You pick one and stick with it for the entire deck. The skill enforces this with a grep-based theme lock before emit and won't let you mix tokens across slides. Ships with paste-ready layouts for covers, KPI rows, split insights, three-ups, and closing screens. Useful when the brief explicitly asks for Replit style or you need one of these specific visual identities without building from scratch.

skills.sh installs: 209
GitHub stars: 106.9K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add nexu-io/open-design --skill replit-deck --agent claude-code

Installs into .claude/skills of the current project.

Files

Replit Deck Skill

Produce a single-file horizontal-swipe HTML deck in one of eight Replit-Slides themes. Every theme is a complete visual system — do not mix tokens across themes.

Resource map

replit-deck/
├── SKILL.md                ← you're reading this
├── assets/
│   └── template.html       ← seed: 8 themes via [data-theme=*], proven iframe-nav script (READ FIRST)
├── references/
│   ├── themes.md           ← 8 themes: when-to-pick / do / don't / primary layouts
│   ├── layouts.md          ← 10 paste-ready slide layouts, cross-theme
│   ├── components.md       ← shared primitives (eyebrow, kpi-row, image-grid, meta-bar)
│   └── checklist.md        ← P0/P1/P2 self-review + theme lock-in gate
└── examples/               ← four reference decks across the most contrasting themes
    ├── example-helix.html       (SaaS board update · light minimal)
    ├── example-holm.html        (legal fintech memo · cream editorial serif)
    ├── example-atlas.html       (quarterly history chapter · black + vermilion)
    └── example-bluehouse.html   (real estate ROI · navy + gradient cards)