html-showcase

HTML Showcase

Use this skill when the deck is primarily a screen experience: live talk, recording, video insertion, interactive browser slides, or a high-visual one-off presentation where editability is not required.

Method Call

/html-showcase(source_material, audience, duration, visual_style?) -> HTML deck plan + asset plan + verification plan

Fit Check

Use HTML showcase when:

• The user says HTML is acceptable or editability is not required.
• Motion, browser rendering, keyboard navigation, or recording matters.
• The deck is for a talk, demo day, private sharing, product narrative, or video chapter.

Do not use it when:

• The user needs .pptx with editable objects.
• A fixed school/company template must be preserved.
• The output will be revised by nontechnical PowerPoint users.

Workflow

1. Route through ppt-maker:ppt-route if editability is unclear.
2. Confirm audience, duration, material source, image availability, and hard constraints.
3. Plan a slide rhythm before writing any page:
   • hook
   • context
   • core points
   • contrast or shift
   • takeaway
4. Choose implementation family:
   • guizang-style single HTML for electronic magazine presentation.
   • Slidev/reveal-style for Markdown-driven technical talks.
   • static HTML screenshots for video frame pipelines.
5. Plan assets with ppt-maker:image-assets if covers, diagrams, or explainer images are needed.
6. Verify with ppt-maker:deck-verification using browser screenshots or rendered PDF/PNG.

Handoff Contract

When finishing a plan or implementation, state:

• artifact type: HTML / PDF / screenshots / video frames
• editability: not editable in PowerPoint
• source folder
• preview command or file path
• screenshot/render evidence

本 skill 的 deletion-spec

• 触发删除条件：When HTML deck creation is fully handled by a more specific frontend or presentation plugin with equivalent PPT routing safeguards, this skill can be removed.
• 禁用方式：Remove plugins/ppt-maker/skills/html-showcase/, bump plugin version, regenerate marketplace files.
• 卸载清单：Update ppt-route routing table, README.md, and any references to html-showcase-mode.