이정민 Tony Lee

Build single-file HTML horizontal-swipe presentation decks using the Tightened Slide process with locked layouts, strict grid rules, theme presets, image slot discipline, and validation.

End-to-end HTML slide workflow. Trigger when the user wants a slide deck as editable HTML/CSS/JS from a reference design, source files, and a deck prompt. Runs design, plan, prompt, and render stages in order.

End-to-end GPT image slide workflow. Trigger when the user wants to create a slide deck as generated images from a reference slide, source files, and a deck prompt. Runs design, plan, prompt, and render stages in order.

Takes your goal, brand guidelines, and evidence and produces a slide-by-slide blueprint—order, visual cues, where the proof goes—so you build once, confident.

Third HTML slide stage. Trigger when the user wants only page-by-page implementation instructions, html_slide_prompts.json, or HTML/CSS slide build prompts from DESIGN.md and slide_plan.json.

Final HTML slide stage. Trigger when the user wants to implement or render an editable HTML slide deck from DESIGN.md, slide_plan.json, and html_slide_prompts.json.

Analyzes your best slide deck and extracts its design rules — colors, fonts, spacing, component patterns — into a reusable blueprint that Claude applies to every deck it builds afterward.

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.

Page-level GPT image slide prompting skill. Converts DESIGN.md and slide_plan.json into detailed slide-generation prompts in JSON while preserving theme, body-slide consistency, and layout discipline.

Render slide images sequentially from DESIGN.md and slide prompt JSON using Codex native image generation, saving each output into the workspace with page-number filenames.