Skip to content
Get packs

HTML PPT Studio

Builds styled, keyboard-navigable HTML slide decks with themes, layouts and a presenter mode.

Source Download skill
Repository
lewislulu/html-ppt-skill
Stars
8,947
Licence
MIT
Files
3 files

What it does

When you ask your AI agent for a presentation, slides or a deck, this skill tells it to build the slides as a set of static web pages instead of a PowerPoint file. The agent picks from 36 visual themes, 15 ready-made full decks and 36 page layouts, then adds animations and keyboard controls. It also includes a presenter mode that shows the current and next slide, speaker notes and a timer in a separate window.

Great for

  • Someone preparing a tech talk or team sharing session who wants speaker notes and a presenter view
  • Designers or creators who want a polished, browser-based deck with animations
  • Students or professionals who want a quick, good-looking slide deck without learning a slide tool

Skip it if

  • Users who need an editable .pptx file for colleagues using PowerPoint or Keynote, since the output is HTML
  • Situations requiring offline-only, fully self-contained decks, because some webfonts load from a CDN and fall back to system fonts when offline

Try asking

  • “Make a 10-slide pitch deck for my startup using the pitch-deck-vc style”
  • “Create a technical sharing presentation about Kubernetes with speaker notes for each slide”
  • “Turn these meeting notes into a weekly report deck with a corporate look”
  • “Build a 小红书 style image post series in 3:4 format”
Step-by-step guide: how to use HTML PPT StudioInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 3 original files, the MIT licence and an attribution note.

    html-ppt.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

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

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip html-ppt.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

  • Tell the agent your audience and slide count first, so it can choose a fitting theme and template
  • For talks, ask for the presenter-mode-reveal template so each slide gets a speaker script, then press S in the deck to open presenter view
  • Review the generated HTML and any render or export scripts before running them, since the skill includes scripts the agent may execute

What's inside

  • README.md
  • README.zh-CN.md
  • SKILL.md

Redistributed unmodified from lewislulu/html-ppt-skill under the MIT 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.