html-ppt-skill
HTML PPT Studio — AgentSkill with 24 themes, 31 layouts, 20+ animations for building professional HTML presentations
HTML PPT Studio is an agent skill that equips AI assistants with the ability to create professional HTML-based presentation decks through natural language requests. It provides 36 customizable themes, 31 page layouts, 47 animations (27 CSS and 20 canvas effects), and 15 complete deck templates covering scenarios from pitch decks to technical talks. The skill includes a dedicated presenter mode with synchronized previews, speaker notes, and timer functionality, all delivered as static HTML/CSS/JS files requiring no build tooling.
Key Features
Use Cases
- 01Generating technical presentation decks from outlines or meeting notes via conversational prompts
- 02Creating visual social media content like 9-slide Xiaohongshu posts with pastel card aesthetics
- 03Building pitch decks for investor presentations with VC-optimized layouts and professional theming
- 04Producing weekly report or product launch presentations with consistent corporate branding
- 05Designing course module slides with speaker scripts for educational content delivery
- 06Prototyping interactive presentation experiences with synchronized presenter view and audience display
Related Skills
View moresuperpowers
An agentic skills framework & software development methodology that works.
skills
Skills for Real Engineers. Straight from my .agents directory.
skills
Public repository for Agent Skills
ponytail
Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.
html-ppt-skill — FAQ
What is html-ppt-skill?+
It is an AgentSkill that enables AI agents to author professional HTML presentation decks by selecting from 36 themes, 31 layouts, and 47 animations. Agents can generate complete presentations from natural language requests like 'create an 8-page tech talk using cyberpunk theme.'
How do I install html-ppt-skill?+
Run 'npx skills add https://github.com/lewislulu/html-ppt-skill' to register the skill with your agent runtime. After installation, any agent supporting AgentSkills can invoke it through natural language requests to create presentations.
Which AI clients work with this agent skill?+
Any agent runtime or framework that supports the AgentSkills standard can use this skill. The README demonstrates installation via the 'npx skills add' command pattern, suggesting compatibility with Node.js-based agent platforms.
Do I need API keys or external services?+
No API keys are required. The skill generates pure static HTML/CSS/JS files that run entirely in the browser, with optional CDN dependencies only for webfonts, syntax highlighting, and chart rendering.
Is html-ppt-skill free to use?+
Yes, it is open source under the MIT license, allowing free use, modification, and distribution for personal and commercial projects.
How do I use the presenter mode?+
Press the 'S' key on any generated deck to open a dedicated presenter window with current slide, next slide preview, speaker script, and timer—all synchronized via BroadcastChannel. Presenter mode works out of the box with no configuration needed.
How do I install html-ppt-skill?+
Open the source repository on GitHub and follow its README. html-ppt-skill is a skill — MCP Agents Market links you directly to the official repo.
Is html-ppt-skill free?+
html-ppt-skill is an open-source project hosted on GitHub. Check the repository for its license and any usage requirements.