메뉴
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.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
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 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.
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.
Shared slide-style extraction skill for GPT-image and HTML slide workflows. Converts one or more reference visuals into a reusable DESIGN.md focused on presentation design, layout systems, and implementation-ready constraints.
Persuasive GPT image deck-planning skill. Uses extracted DESIGN.md, user files, and the user's goal to decide slide ordering, page count, evidence placement, and narrative flow in JSON.
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.
| name | html-slide-plan |
| description | 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. |
Use this skill for commands like:
$html-slide-planCreate slide_plan.json: the deck story, slide order, content mapping, and HTML-friendly layout direction for each page.
DESIGN.mdReturn valid JSON only. Include:
DESIGN.md as visual constraints.slide_plan.json unless the user explicitly asks to continue.