Html Slide Plan
- 21 installs
- 145 repo stars
- Updated June 2, 2026
- jyoung105/future-slide-skill
Helps with productivity & planning tasks.
About
html-slide-plan is a Claude Code skill for productivity & planning. It helps solo builders move faster with AI-assisted coding.
- html-slide-plan
- Productivity & Planning
- AI-coding skill
Html Slide Plan by the numbers
- 21 all-time installs (skills.sh)
- +1 installs in the week ending Aug 2, 2026 (Skillselion tracking)
- Ranked #2,002 of 3,282 Productivity & Planning skills by installs in the Skillselion catalog
- Data as of Aug 4, 2026 (Skillselion catalog sync)
npx skills add https://github.com/jyoung105/future-slide-skill --skill html-slide-planAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| Installs | 21 |
|---|---|
| repo stars | ★ 145 |
| Last updated | June 2, 2026 |
| Repository | jyoung105/future-slide-skill ↗ |
What it does
Helps with productivity & planning tasks.
Files
HTML Slide Plan
Use this skill for commands like:
$html-slide-plan- "plan the HTML slide deck"
- "create slide_plan.json for web slides"
- "decide slide order before implementation"
Goal
Create slide_plan.json: the deck story, slide order, content mapping, and HTML-friendly layout direction for each page.
Inputs
DESIGN.md- user files or source material
- user deck goal, audience, language, and constraints
Required Output
Return valid JSON only. Include:
- deck metadata
- design dependency
- content inventory
- story arc
- ordered slides
- per-slide role, page family, core message, evidence, recommended HTML layout, and header/body/footer plan
Hard Rules
- Do not write HTML yet.
- Do not create image-generation prompts.
- Use
DESIGN.mdas visual constraints. - Prefer layouts that can be built cleanly with semantic HTML and CSS.
- Stop after
slide_plan.jsonunless the user explicitly asks to continue.
Related skills
Grill MeHave an agent relentlessly pressure-test their plan or design until every decision branch is resolved and shared understanding is reached.691k196kGrill With DocsPressure-test architecture decisions against their live codebase and living documentation before writing production code.585k196k
Lark CalendarLet their coding agents read, create, and manage events inside Lark (Feishu) Calendar directly from natural language instructions.493kLark ImLet their coding agent send instant notifications, post updates, and receive commands directly inside Lark (Feishu) workspaces.493kLark ContactLet their AI coding agents read and write contacts, send messages, and manage user data inside Lark (Feishu).493kLark AttendanceAutomatically fetch and report daily attendance data from Lark (Feishu) into their own tools or agents.493k