Html Ppt
Generates professional static HTML presentations with 36 themes, 15 full-deck templates, and 31 layouts, all driven by pure CSS and no build step. The standout feature is presenter mode: hit S and you get a popup with live previews of current and next slides, draggable speaker notes (150–300 words of 逐字稿 per slide), and a timer. Everything stays pixel-perfect in sync via iframes and postMessage. Use this when someone asks for slides, a pitch deck, or says they're giving a talk and need a script to stay on track. It handles English tech presentations and Chinese 小红书 posts equally well, with themes ranging from Tokyo Night to cyberpunk neon. Keyboard navigation is built in, and you can export to PNG via headless Chrome.
- skills.sh installs
- 208
- GitHub stars
- 106.9K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add nexu-io/open-design --skill html-ppt --agent claude-codeInstalls into .claude/skills of the current project.
Files
html-ppt — HTML PPT Studio
Author professional HTML presentations as static files. One theme file = one
look. One layout file = one page type. One animation class = one entry effect.
All pages share a token-based design system in assets/base.css.
Install
npx skills add https://github.com/lewislulu/html-ppt-skill
One command, no build. Pure static HTML/CSS/JS with only CDN webfonts.
What the skill gives you
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/nexu-io/open-design
- Categories
- Frontend Development, Git & Pull Requests, Productivity & Planning, Design & UI/UX, Office & Documents
- First seen
- Jun 3, 2026
More from nexu-io/open-design
All 217- Html Ppt Pitch Deck190
- Html Ppt Course Module186
- Html Ppt Obsidian Claude Gradient186
- Html Ppt Hermes Cyber Terminal185
- Html Ppt Weekly Report185
- Html Ppt Graphify Dark Graph184
- Html Ppt Knowledge Arch Blueprint184
- Html Ppt Xhs Pastel Card184
- Html Ppt Tech Sharing183
- Html Ppt Dir Key Nav Minimal182
- Html Ppt Presenter Mode182
- Html Ppt Testing Safety Alert182
- Html Ppt Xhs White Editorial182
- Html Ppt Product Launch181
- Html Ppt Xhs Post181
- Web Prototype Taste Editorial171
- Web Prototype Taste Soft166
- Web Prototype Taste Brutalist164
- Html Ppt Taste Editorial160
- Html Ppt Taste Brutalist158
- Open Design Landing Deck138
- Kami Deck133
- Kami Landing132
- Live Artifact123
Recommended
More Frontend Development
angular-bootstrapoguzhan18/angular-ecosystem-skillsALWAYS use when working with Angular Bootstrap, ng-bootstrap, Bootstrap components in Angular, or Bootstrap 5 integration.205skills.sh installs
animation-best-practicesmillionco/react-doctorCSS and UI animation patterns for responsive, polished interfaces. Use when implementing hover effects, tooltips, button feedback, transitions, or fixing animat200skills.sh installs
new-componentlongbridge/gpui-componentCreate new GPUI components. Use when building components, writing UI elements, or creating new component implementations.197skills.sh installsangular-jestoguzhan18/angular-ecosystem-skillsALWAYS use when testing Angular applications with Jest, configuring Jest, or migrating from Jasmine/Karma to Jest.190skills.sh installsangular-standaloneoguzhan18/angular-ecosystem-skillsALWAYS use when working with Angular Standalone Components, imports array, bootstrapping, or migrating from NgModules in Angular applications.189skills.sh installs
html-ppt-weekly-reportnexu-io/open-designTeam weekly / status-update deck — corporate clarity, 8-cell KPI grid, shipped list, 8-week bar chart, next-week table. Use for 周报, business reviews, team statu185skills.sh installs