create-html-deck

Installation
SKILL.md

Create HTML Deck

Build a complete local HTML presentation with a fixed 1920×1080 design canvas, responsive viewport fitting, keyboard navigation, portable assets, and evidence-based visual verification.

Preserve the output contract

  • Deliver a presentation, not a long document broken into pages. Make each slide legible in a few seconds and useful while someone is speaking.
  • Treat supplied notes, screenshots, specs, handoffs, and existing decks as source material. Do not ask again for facts already present there.
  • Ask only when a missing choice would materially change the audience, story, brand, or delivery format. Otherwise state the assumption and proceed.
  • Produce working HTML and assets. Do not stop at an outline, mockup screenshot, or design recommendation unless the user requested only that stage.
  • Keep claims honest and source links recoverable. Mark uncertain or draft content instead of polishing it into a false fact.

Choose the path

  • For a new deck, copy assets/deck-template.html into the requested output location and replace its sample content.
  • For an existing deck, inspect its HTML, CSS, JavaScript, images, and current screenshots before editing. Preserve its visual language unless the user asks for a redesign.
  • If the user explicitly requires .pptx, use a PowerPoint-specific skill instead. Do not rename HTML to .pptx.

Build the story first

Installs
4
GitHub Stars
11
First Seen
11 days ago
create-html-deck — awesome-skills/create-html-deck