skills.rest
Keimoshi
KeimoshiCOMMUNITY
Explore all skills by this author →
GitHub

simple-deck

Generates single-file horizontal-swipe HTML slide decks from a seed template and layout library.

Updated May 20, 2026
Search Tags:#template#presentation#slides#pitch deck#generate#html deck#scroll-snap
One-click install
npx skills add https://github.com/Keimoshi/Silverloft --skill simple-deck-keimoshi
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: simple-deck
Source: https://github.com/Keimoshi/Silverloft/tree/main/open-design-port/skills/simple-deck
Command: npx skills add https://github.com/Keimoshi/Silverloft --skill simple-deck-keimoshi

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and assets (resource) components.

What problem does it solve? Creating presentation decks usually means fighting slide software or writing fragile HTML from scratch. This Skill produces a self-contained, single-file HTML deck with keyboard navigation, scroll-snap, and a proven iframe-safe nav script, so the output works immediately in the OpenDesign preview. ## Core Features & Use Cases - Seed-based generation: Copies assets/template.html with pre-wired theme tokens, slide primitives, and a 5-rule navigation script that handles iframe scroller detection, dual capture-phase listeners, and position persistence. - 8 paste-ready layouts: Cover, body, big stat, three-point row, pipeline, pull quote, before/after, and closing CTA from references/layouts.md, with theme-rhythm rules (light/dark alternation) to keep decks visually engaging. - Self-review checklist: A P0/P1/P2 checklist enforces theme classes on every slide, no 3+ same-theme runs, serif display type, and data-screen-label tags for chat-based slide editing. - Use Case: Ask for a 6-slide pitch deck for a product launch; the Skill plans the slide rhythm, pastes layouts, fills real copy, and emits one index.html artifact. ## Quick Start Ask the AI to create a 6-slide pitch deck for your product using the simple-deck skill, providing your topic and key points.

Frequently Asked Questions about simple-deck

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create an HTML slide deck without presentation software?▼

Use this Skill to copy the seed template, paste slide layouts from the layout library, and fill in your copy. The output is a single self-contained HTML file with scroll-snap navigation, keyboard controls, and a progress bar.

What slide layouts are included in the deck template?▼

Eight layouts are provided: cover, body slide, big stat, three-point row, numbered pipeline, pull quote, before/after comparison, and closing CTA. Each is a paste-ready HTML section with predefined classes from the seed stylesheet.

Why do arrow keys not work in an iframe HTML deck?▼

Naive scripts fail because the real scroller may be body or documentElement, and focus may not be in the iframe. The seed's nav script detects the actual scroller, listens on both window and document in capture phase, and auto-focuses the body.

Can I customize the colors and fonts of the generated deck?▼

Yes. Replace the six CSS variables in the `:root` block of the seed with tokens from your active design system, covering background, foreground, muted, border, accent, and surface colors plus display, body, and mono fonts.

How many slides should a pitch deck have?▼

The Skill defaults to 6 slides for product overviews and lightning talks, 8-10 for pitch decks, and 12-18 for longer investor updates. Theme rhythm rules require alternating light and dark slides with no 3+ same-theme runs.

When should I use simple-deck instead of a magazine-style deck?▼

Use simple-deck for straightforward pitch decks, product overviews, and study material where a clean horizontal-swipe format suffices. Choose the magazine-web-ppt skill when you need a richer editorial magazine aesthetic.

Related Skills

Explore More Design & Creative Skills→
AradotsoAradotso
3

awesome-claude-design

Generate design tokens and UI components from DESIGN.md files.

Official
Basic
LingoJackLingoJack
6

html-ppt

Generate static HTML presentation decks with themes, layouts, animations, and keyboard navigation.

Community
Advanced
anaregdesignanaregdesign
2

theme-template-ppt

Generate PowerPoint decks from structured JSON plans using specified templates.

Official
Advanced
zaiyemeiyou404zaiyemeiyou404

guizang-ppt-skill

Generate horizontal swipe web PPTs with WebGL backgrounds and custom styles.

Community
Advanced