Skip to content

HTML Product Launch Deck

Builds a B2B sales-style HTML slide deck for proposing a team tool rollout

Stars
105,448
Licence
Apache-2.0
Files
2 files

What it does

This skill tells an AI agent to create a polished, self-contained HTML slide presentation pitching a team rollout, using the 'product-launch' template from the html-ppt master skill. It guides the agent to copy template files, fix broken asset links so the deck works offline, keep speaker notes hidden from the slide, and structure content as a decision-focused sales proposal. The agent asks for key details first, such as audience, decision goal, and must-keep numbers.

Great for

  • Sales or account teams drafting a decision-grade proposal deck for a prospective customer
  • Designers or front-end builders who want a ready-made HTML slide template with keyboard navigation
  • Teams that want an HTML deck they can open in a browser and share

Skip it if

  • Anyone needing a PowerPoint or Google Slides file, since this outputs HTML
  • Users who need a deck with verified market data, because the skill only supplies structure and layout and the agent must not invent figures
  • Projects requiring a specific brand system, since the skill is tied to the template's visual identity unless themes are swapped

Try asking

  • “Create a launch-and-adoption proposal deck for a design team lead and IT, weighing a switch from closed cloud tools”
  • “Draft a B2B sales deck with speaker notes for a renewal conversation with an existing customer”
  • “Build an HTML slide deck pitching a team rollout, with a slide plan and critic pass for internal forwarding”
Step-by-step guide: how to use HTML Product Launch DeckInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 2 original files, the Apache-2.0 licence and an attribution note.

    html-ppt-product-launch.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip html-ppt-product-launch.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip html-ppt-product-launch.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Provide your must-keep numbers and source materials up front, since the skill asks for them and the agent should not invent figures.
  • Choose Recipe A (copy assets locally) so the deck keeps working outside the repository folder.
  • Keep speaker notes inside the notes element so they stay off the visible slides.

What's inside

  • example.html
  • SKILL.md

Redistributed unmodified from nexu-io/open-design under the Apache-2.0 licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.