{"id":"a5e3b1f1-1483-4db4-8cc2-9f12569a0967","shortId":"WMwugr","kind":"skill","title":"replit-deck","tagline":"Single-file horizontal-swipe HTML deck in the style of Replit Slides's\nlanding-page template gallery. Eight distinct themes (helix, holm, vance,\nbevel, world-dark, world-mint, atlas, bluehouse) — each a complete visual\nsystem (palette + type + accent) captured from replit.com/sli","description":"# Replit Deck Skill\n\nProduce 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.\n\n## Resource map\n\n```\nreplit-deck/\n├── SKILL.md ← you're reading this\n├── assets/\n│ └── template.html ← seed: 8 themes via [data-theme=*], proven iframe-nav script (READ FIRST)\n├── references/\n│ ├── themes.md ← 8 themes: when-to-pick / do / don't / primary layouts\n│ ├── layouts.md ← 10 paste-ready slide layouts, cross-theme\n│ ├── components.md ← shared primitives (eyebrow, kpi-row, image-grid, meta-bar)\n│ └── checklist.md ← P0/P1/P2 self-review + theme lock-in gate\n└── examples/ ← four reference decks across the most contrasting themes\n ├── example-helix.html (SaaS board update · light minimal)\n ├── example-holm.html (legal fintech memo · cream editorial serif)\n ├── example-atlas.html (quarterly history chapter · black + vermilion)\n └── example-bluehouse.html (real estate ROI · navy + gradient cards)\n```\n\n## Workflow\n\n### Step 0 — Pre-flight (mandatory reads)\n\n1. Read `assets/template.html` end-to-end. The `[data-theme]` blocks carry the tokens; the `