메뉴
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.
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.
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.
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.
| name | html-slide |
| description | 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. |
Use this skill when the user asks for the full HTML slide workflow, for example:
$html-slideThis is the HTML orchestrator. If the user asks for only one step, use the matching step skill instead:
$slide-design for DESIGN.md$html-slide-plan for slide_plan.json$html-slide-prompt for html_slide_prompts.json$html-slide-render for final HTML/CSS/JS slide filesRun these stages in order:
DESIGN.md from the reference visual.slide_plan.json from DESIGN.md, user files, and the deck request.html_slide_prompts.json with per-slide implementation instructions.The full workflow should leave these files in the workspace:
DESIGN.mdslide_plan.jsonhtml_slide_prompts.jsonslides-html/If the user asks for GPT native image generation, PNG pages, or imagegen output, use the gpt-image-slide skill family instead.