Agent skill · Design & Presentation

html-ppt

For consulting delivery work: turn diagnosis, frameworks, and project work into a client-adoptable action plan. Built around the core query "consulting-final-deck", with engagement manager judgment, buyer-ready proof, and this outcome: accept the recommendation and commit owners to the roadmap.

nexu95,528★ · +2,037/wk · 5 repos on radarProfile →
claude-codecodexcursorships scriptsApache-2.0
Install
npx skills add nexu-io/open-design --skill html-ppt --agent claude-code

Same command for any agent — swap --agent for codex, cursor, copilot.

Facts
Files in the skill folder: 225
SKILL.md size: 15 KB
Bundled scripts: yes
Path: design-templates/html-ppt/SKILL.md
Open the folder on GitHub →
Where it comes from
Stars: 83,577 · +1,339 this week
Language: TypeScript
Read our review of the source →

Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.

From the SKILL.md

# 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 ```bash 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 - **36 themes** (`assets/themes/*.css`) — minimal-white, editorial-serif, soft-pastel, sharp-mono, arctic-cool, sunset-warm, catppuccin-latte/mocha, dracula, tokyo-night, nord, solarized-light, gruvbox-dark, rose-pine, neo-brutalism, glassmorphism, bauhaus, swiss-grid, terminal-green, xiaohongshu-white, rainbow-gradient, aurora, blueprint, memphis-pop, cyberpunk-neon, y2k-chrome, retro-tv, japanese-minimal, vaporwave, midcentury, corporate-clean, academic-paper, news-broadcast, pitch-deck-vc, magazine-bold, engineering-whiteprint - **15 full-deck templates** (`templates/full-decks/<name>/`) — complete multi-slide decks with scoped `.tpl-<name>` CSS. 8 extracted from real-world decks (xhs-white-editorial, graphify-dark-graph, knowledge-arch-blueprint, hermes-

What's inside
Steps it walks through
  1. Install
  2. What the skill gives you
  3. When to use
  4. 🎤 Presenter Mode (演讲者模式 + 逐字稿)
  5. Before you author anything — infer first, ask only when blocked
  6. Quick start
  7. Authoring rules (important)
  8. Writing guide
  9. Catalogs (load when needed)
  10. File structure
  11. Rendering to PNG
  12. Keyboard cheat sheet
  13. License & author
Ships with 24 files
  • .clawscan-allow
  • LICENSE
  • README.md
  • README.pt-BR.md
  • README.zh-CN.md
  • assets/animations/animations.css
  • assets/animations/fx-runtime.js
  • assets/animations/fx/_util.js
  • assets/animations/fx/chain-react.js
  • assets/animations/fx/confetti-cannon.js
  • assets/animations/fx/constellation.js
  • assets/animations/fx/counter-explosion.js
  • assets/animations/fx/data-stream.js
  • assets/animations/fx/firework.js
  • assets/animations/fx/galaxy-swirl.js
  • assets/animations/fx/gradient-blob.js
  • assets/animations/fx/knowledge-graph.js
  • assets/animations/fx/letter-explode.js
  • assets/animations/fx/magnetic-field.js
  • assets/animations/fx/matrix-rain.js
  • assets/animations/fx/neural-net.js
  • assets/animations/fx/orbit-ring.js
  • assets/animations/fx/particle-burst.js
  • assets/animations/fx/shockwave.js
first 24 of 225
Commands it runs
npx skills add https://github.com/lewislulu/html-ppt-skill
open examples/my-talk/index.html
More from open-design
All skills →
About this skill
What does the html-ppt skill do?

For consulting delivery work: turn diagnosis, frameworks, and project work into a client-adoptable action plan. Built around the core query "consulting-final-deck", with engagement manager judgment, buyer-ready proof, and this outcome: accept the recommendation and commit owners to the roadmap.

How do I install it?

Run `npx skills add nexu-io/open-design --skill html-ppt --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.

Where does this skill come from?

From nexu-io/open-design, a repository with 83,577 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.

Is a popular skill a good skill?

Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.

Keep going