# HTML Slide Plan

> Second HTML slide stage. Trigger when the user wants only deck planning, slide ordering, evidence mapping, or slide_plan.json before implementing an HTML slide deck.

- Skill: `bytonylee/html-slide-plan` (Agent Skill)
- Install (CLI): `npx skillmds@latest add bytonylee/html-slide-plan`
- Raw SKILL.md: https://api.skillmd.com/api/skills/bytonylee/html-slide-plan/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: bytonylee (https://skillmd.com/u/bytonylee)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/bytonylee/html-slide-plan

---


# 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.md` as visual constraints.
- Prefer layouts that can be built cleanly with semantic HTML and CSS.
- Stop after `slide_plan.json` unless the user explicitly asks to continue.