HTML PPT Studio allows technical presenters, founders, and content creators to author slide-based documents as static files. It replaces traditional presentation software with a template-driven system that supports diverse layouts and animations without requiring a build step.
The skill provides a comprehensive library of themes—ranging from corporate-clean and VC pitch decks to specialized styles for Xiaohongshu—alongside a runtime that enables keyboard and touch navigation.
Follow the documented setup, then try a first task.
Installs: Complete html-ppt skill bundle · AgentSkills-compatible agents
Run this terminal command to register the complete repository skill with the agent runtime.
npx skills add https://github.com/lewislulu/html-ppt-skill
Installs: Complete html-ppt skill bundle · AgentSkills-compatible agents
Run from: The directory containing the transferred html-ppt-skill folder
Fetch the repository elsewhere if necessary and transfer the complete html-ppt-skill folder to the target machine using Git, a ZIP archive, USB, or another suitable method.
From the directory containing the transferred html-ppt-skill folder, run this terminal command.
npx skills add ./html-ppt-skill
Installs: Complete html-ppt skill bundle, installed at either project or global scope · Claude Code, Codex, Cursor, OpenCode, Gemini CLI, Windsurf
Copy the complete repository folder into the directory scanned by the selected agent. Use `.claude/skills/html-ppt/` or `~/.claude/skills/html-ppt/` for Claude Code; `.agents/skills/html-ppt/` or `~/.codex/skills/html-ppt/` for Codex; `.agents/skills/html-ppt/` or `~/.cursor/skills/html-ppt/` for Cursor; `.agents/skills/html-ppt/` or `~/.config/opencode/skills/html-ppt/` for OpenCode; `.agents/skills/html-ppt/` or `~/.gemini/skills/html-ppt/` for Gemini CLI; and `.windsurf/skills/html-ppt/` or `~/.codeium/windsurf/skills/html-ppt/` for Windsurf. The first path in each pair is project scope and the second is global scope.
Uses html-ppt
Use the html-ppt skill to turn this outline into a concise pitch deck: [paste outline]. Use the pitch-deck template and replace its demo content with my material. Intended audience: [audience].
Uses html-ppt
Use the html-ppt skill to create an 8-slide technical-sharing presentation about [topic] for [audience]. Use the presenter-mode-reveal template and add a conversational 150–300-word speaker script inside each slide's notes.
Uses html-ppt
Use the html-ppt skill to create a 9-slide Xiaohongshu-style carousel about [topic]. Use the xhs-post 3:4 scaffold and a soft white visual style. Base the copy on [paste source content].
Claude
Codex
Cursor
Gemini CLI
OpenClaw
Windsurf
OpenCode
Hermes