Loading repository data…
ToseaAI / repository
A curated list of HTML slide generation skills and template libraries for Claude Code, Codex, Cursor, OpenClaw, and Hermes. 精选 HTML 演示文稿 Skill 与模板库。
A curated, open-source list of HTML slide generation skills — packaged agent skills (Claude Code / Codex / Hermes / OpenClaw / Cursor) and template libraries that turn one prompt, outline, or markdown file into a polished, zero-dependency, single-file HTML presentation.
Every entry below is a real, publicly available GitHub repository. Stars are pulled fresh from the GitHub API and used as the sole ordering signal. Descriptions, feature highlights, and inline previews are drawn from each project's own README — credit to the original authors.
Browse it on the web → tosea.ai/slide-skills. Same curation, rendered as a faster-to-scan gallery with live GitHub stats. This README is the source of truth; the web page mirrors it.
Maintained by Tosea.ai — we build AI-native presentation tooling. If you ship an HTML slide skill or template library, open a PR and we'll add it.
A glance at what these skills actually produce. Every preview below is the linked project's own demo — click an image to jump to that entry.
What counts as an "HTML slide skill"?
A skill is a self-contained package — usually a SKILL.md, a folder of reference styles, and a small runtime — that an AI coding agent can load to produce a finished HTML deck. Most projects below target Claude Code's Agent Skills format, but many are agent-agnostic and work with Codex, Cursor, OpenClaw, Hermes, or anything that can read a markdown instruction file.
Skills vs. templates.
Why this list exists.
HTML decks have quietly become the format of choice for AI-generated presentations: they render anywhere, embed anything, version-control cleanly, and never crash a board meeting because PowerPoint couldn't find a font. The ecosystem exploded in early 2026 — we counted 20+ serious skill packages in two months — but no one had collected them in one place. This is that place.
Ordered by GitHub star count, descending. Star counts last refreshed 2026-06-23. Tier cutoffs are heuristics, not value judgments — a 24-star skill targeting Huawei-style decks is probably more useful for that use case than a 17k-star generalist.
These are the projects most of the others reference, fork, or benchmark against. If you're new to HTML slide skills, start here.
Create beautiful slides on the web using Claude's frontend skills.
The project that kicked off the modern HTML-slide-skill wave. Built on a "show, don't tell" philosophy: instead of asking you to describe your aesthetic preferences in words, it generates visual previews and lets you pick what you like. Designed so non-designers can produce decks without ever touching CSS or JavaScript.
Themes (16, grouped by feel)
Why it stands out: ergonomic style-discovery flow, a healthy fork ecosystem (see frontend-slides-editable below), and Anthropic itself uses the project as an example of what skills can do. The full demo video and additional assets live on the project's README.
"Type. Hit enter. A finished design lands in your lap." — HTML-native design skill for Claude Code · Agent-agnostic · 20 design philosophies · 5-dimension critique · MP4 export.
Not "decent for AI" quality — the output looks like a real design team made it. Give it your brand assets (logo, colors, UI screenshots) and it reads your brand voice; give it nothing and the 20 built-in design vocabularies still keep the output out of AI-slop territory.
| Capability | Deliverable | Typical time |
|---|---|---|
| Interactive prototype (App / Web) | Single-file HTML · real iPhone bezel · clickable · Playwright-verified | 10–15 min |
| Slide decks | HTML deck (browser presentation) + editable PPTX (text frames preserved) | 15–25 min |
| Motion design | MP4 (25fps / 60fps interpolation) + GIF (palette-optimized) + BGM | 8–12 min |
| Design variations | 3+ side-by-side · live param tweaks · cross-dimension exploration | 10 min |
| Infographic / data viz | Print-quality typography · exports to PDF / PNG / SVG | 10 min |
| Design direction advisor | 5 schools × 20 philosophies · 3 directions recommended · demos generated in parallel | 5 min |
| 5-dimension expert critique | Radar chart + Keep / Fix / Quick Wins · actionable punch list | 3 min |
Install: npx skills add alchaincyf/huashu-design.
A Claude Code Skill that turns prompts into horizontal-swipe magazine-style HTML decks — 10 layouts, 5 curated themes, WebGL hero backgrounds, single-file output.
The "magazine voice" of the ecosystem. Two flagship styles you'll recognize on sight:
Fits: offline sharing, industry-internal talks, private salons, AI product launches, demo day, speaker-led personal-style talks. Doesn't fit: dense tabular data, training materials (too low-density), real-time collaborative editing (static HTML).
Agent skill that generates rich HTML pages or slide decks for diagrams, diff reviews, plan audits, data tables, and project recaps.
A "Swiss army knife" skill — it'll happily produce a single landing page, a code-walkthrough deck, or a 40-slide project recap. Especially strong on technical content: diff reviews, plan audits, and inline SVG diagrams.
Aesthetics (4, dark-first by default)
Selected from shared topics, language and repository description—not editorial ratings.
Prat011 /
A curated list of awesome LLM and AI Agent Skills, resources and tools for customising AI Agent workflows - that works with Claude Code, Codex, Gemini CLI and your custom AI Agents
samber /
🤖 A curated list of websites that restrict access to AI Agents, AI crawlers and GPTs
milisp /
A curated collection of awesome ChatGPT & Claude agents, subagents, and AI-powered development tools
linny006 /
Curated, auto-updated awesome-list of vetted AI agent skills with quality ratings for Claude, GPT, a
yatsyk /
A curated list of apps you can use with your own AI API key, plus providers that issue keys.
AICL-Lab /
A curated list of awesome Claude Skills, resources, and tools for customizing Claude AI workflows | Claude Skills 精选列表：定制 Claude AI 工作流的技能、资源和工具合集