A curated list of HTML slide generation skills and template libraries for Claude Code, Codex, Cursor, OpenClaw, and Hermes. 精选 HTML 演示文稿 Skill 与模板库。
SaferSkills independently audited awesome-html-slide-skills (Agent Skill) and scored it 100/100 (green). The audit ran 55 deterministic rules across Security, Supply Chain, Maintenance, Transparency, and Community; it found 0 high-severity and 0 lower-severity findings. The full rule-by-rule trace and per-finding evidence are below. Free, methodology-open.
Findings & checks · 0 flagged
Every scanned point with the score it earned and what moved between them.
First recorded scan — no prior version to compare against.
The primary manifest — the file an agent reads to learn what this artifact does.
<h1 align="center">Awesome HTML Slide Skills</h1>
<p align="center"><i>The definitive list of agent skills and template libraries for generating beautiful, single-file HTML presentations — for Claude Code, Codex, Cursor, OpenClaw, and Hermes.</i></p>
<p align="center"> <a href="LICENSE"><img alt="License: CC BY 4.0" src="https://img.shields.io/badge/License-CC%20BY%204.0-lightgrey.svg"></a> <a href="https://tosea.ai/slide-skills"><img alt="Live on Tosea.ai" src="https://img.shields.io/badge/Live%20on-Tosea.ai-000000?style=flat&logo=safari&logoColor=white"></a> <a href="https://tosea.ai"><img alt="Made by Tosea.ai" src="https://img.shields.io/badge/Made%20by-Tosea.ai-000000?style=flat"></a> <a href="https://github.com/ToseaAI/awesome-html-slide-skills/stargazers"><img alt="GitHub stars" src="https://img.shields.io/github/stars/ToseaAI/awesome-html-slide-skills?style=flat&color=yellow"></a> <a href="https://github.com/ToseaAI/awesome-html-slide-skills/network/members"><img alt="GitHub forks" src="https://img.shields.io/github/forks/ToseaAI/awesome-html-slide-skills?style=flat&color=blue"></a> <a href="https://awesome.re"><img alt="Awesome" src="https://awesome.re/badge-flat2.svg"></a> </p>
<p align="center"><b>English</b> · <a href="README.zh-CN.md">中文</a></p>
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](https://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](https://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.
<table align="center"><tr> <td align="center" width="25%"><a href="#2-alchaincyfhuashu-design--19547"><img src="https://github.com/alchaincyf/huashu-design/releases/download/v2.0/c2-slides-pptx-en.gif" width="220" alt="huashu-design — slides + PPTX export"/></a><br><sub><b>huashu-design</b><br>19.5k ⭐</sub></td> <td align="center" width="25%"><a href="#4-nicobailonvisual-explainer--8837"><img src="https://raw.githubusercontent.com/nicobailon/visual-explainer/main/banner.png" width="220" alt="visual-explainer banner"/></a><br><sub><b>visual-explainer</b><br>8.8k ⭐</sub></td> <td align="center" width="25%"><a href="#5-lewisluluhtml-ppt-skill--6411"><img src="https://raw.githubusercontent.com/lewislulu/html-ppt-skill/main/docs/readme/hero.gif" width="220" alt="html-ppt-skill hero"/></a><br><sub><b>html-ppt-skill</b><br>6.4k ⭐</sub></td> <td align="center" width="25%"><a href="#6-1weihoopen-slide--5498"><img src="https://github.com/user-attachments/assets/02f5e6d7-12a7-4a8e-88e7-ae8770a96584" width="220" alt="open-slide cover"/></a><br><sub><b>open-slide</b><br>5.5k ⭐</sub></td> </tr><tr> <td align="center" width="25%"><a href="#9-archlizhengfrontend-slides-editable--362"><img src="https://raw.githubusercontent.com/archlizheng/frontend-slides-editable/main/docs/preset-previews/bold-signal-cover.png" width="220" alt="bold-signal cover preset"/></a><br><sub><b>frontend-slides-editable</b><br>362 ⭐</sub></td> <td align="center" width="25%"><a href="#11-likakumck-ppt-design-skill--198"><img src="https://github.com/user-attachments/assets/075ec46d-dd73-4454-92d0-84184b78d276" width="220" alt="Mck-ppt-design cover slide"/></a><br><sub><b>Mck-ppt-design-skill</b><br>198 ⭐</sub></td> <td align="center" width="25%"><a href="#t1-zarazhangruibeautiful-html-templates--3096"><img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/soft-editorial-4.png" width="220" alt="soft editorial template"/></a><br><sub><b>beautiful-html-templates</b><br>3.1k ⭐</sub></td> </tr></table>
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.
#### 1. zarazhangrui/frontend-slides · ⭐ 22,614
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.
#### 2. alchaincyf/huashu-design · ⭐ 19,547
"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.
<p align="center"> <a href="https://github.com/alchaincyf/huashu-design"><img src="https://github.com/alchaincyf/huashu-design/releases/download/v2.0/c2-slides-pptx-en.gif" width="720" alt="huashu-design — sentence to slides + editable PPTX"/></a> <br><sub>Above: one sentence → HTML deck + editable PPTX in ~15 min (the README's own demo).</sub> </p>
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.
#### 3. op7418/guizang-ppt-skill · ⭐ 18,604
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).
#### 4. nicobailon/visual-explainer · ⭐ 8,837
Agent skill that generates rich HTML pages or slide decks for diagrams, diff reviews, plan audits, data tables, and project recaps.
<p align="center"> <a href="https://github.com/nicobailon/visual-explainer"><img src="https://raw.githubusercontent.com/nicobailon/visual-explainer/main/banner.png" width="720" alt="visual-explainer banner"/></a> </p>
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)
#### 5. lewislulu/html-ppt-skill · ⭐ 6,411
HTML PPT Studio — A world-class AgentSkill for producing professional HTML presentations.
<p align="center"> <a href="https://github.com/lewislulu/html-ppt-skill"><img src="https://raw.githubusercontent.com/lewislulu/html-ppt-skill/main/docs/readme/hero.gif" width="720" alt="html-ppt-skill — hero with live previews"/></a> <br><sub>Above: hero loop from the project's README — live previews cycling through themes.</sub> </p>
By far the most feature-loaded skill on this list. Pure static HTML/CSS/JS, no build step, true presenter mode with pixel-perfect previews + speaker script + timer.
minimal-white, editorial-serif, soft-pastel, arctic-cool, catppuccin-latte, catppuccin-mocha, dracula, tokyo-night, nord, solarized-light, gruvbox-dark, rose-pine, neo-brutalism, glassmorphism, bauhaus, swiss-grid, xiaohongshu-white, 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, and more.xhs-white-editorial, graphify-dark-graph, knowledge-arch-blueprint, hermes-cyber-terminal, obsidian-claude-gradient, testing-safety-alert, xhs-pastel-card, dir-key-nav-minimal) plus 7 scenario decks (pitch-deck, product-launch, tech-sharing, weekly-report, xhs-post 9-slide 3:4, course-module, presenter-mode-reveal 🎤 with 150–300 word speaker scripts on every slide).<p align="center"> <a href="https://github.com/lewislulu/html-ppt-skill"><img src="https://raw.githubusercontent.com/lewislulu/html-ppt-skill/main/docs/readme/themes.png" width="720" alt="html-ppt-skill — 8 of 36 themes"/></a> <br><sub>8 of 36 themes.</sub> </p>
#### 6. 1weiho/open-slide · ⭐ 5,498
The slide framework built for agents. Describe your deck in natural language — your coding agent writes the React. open-slide handles the canvas, scaling, navigation, hot reload, and present mode so the agent can focus on content.
<p align="center"> <a href="https://github.com/1weiho/open-slide"><img src="https://github.com/user-attachments/assets/02f5e6d7-12a7-4a8e-88e7-ae8770a96584" width="720" alt="open-slide cover"/></a> </p>
Architecturally different from the rest of Tier S — open-slide is a framework, not a pure markdown skill. Every slide renders into a fixed 1920×1080 canvas as an arbitrary React component, not a constrained DSL. The scaffolder ships with two agent skills (/create-slide and /slide-authoring) so the deck-authoring loop stays inside Claude Code / Codex / Cursor.
Highlights
/create-slide drafts a deck end-to-end (asks four scoping questions, picks an id, writes the pages); /slide-authoring is the technical reference for canvas, type-scale, palette, and layout rules.@slide-comment markers; /apply-comments lets the agent apply them all in one pass.Install: npx @open-slide/cli init my-slide.
#### 7. zarazhangrui/beautiful-html-templates · ⭐ 3,096
A library of HTML slide templates designed so any coding agent can pick the right one and produce a beautiful deck on the user's behalf, automatically.
<p align="center"> <a href="https://github.com/zarazhangrui/beautiful-html-templates"><img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/soft-editorial-4.png" width="720" alt="soft editorial template"/></a> <br><sub>Soft Editorial — one of 32 templates, each with cover · mid-deck · later variants.</sub> </p>
Sibling repo to frontend-slides — pure templates, no skill logic. 32 templates, 3 slides each (cover · mid-deck · later) to give an agent a sense of how each visual system handles different layout duties before committing.
Also listed under Templates below.
Mature, actively maintained skills with a clear style point of view. Best when you know roughly what you want — e.g. "I need a McKinsey-style consulting deck" — and want a skill that does only that, well.
#### 8. mucsbr/ppt-agent-workflow-san · ⭐ 597
渐进交互式 PPT 生成 skill — progressive interactive PPT generation.
<p align="center"> <a href="https://github.com/mucsbr/ppt-agent-workflow-san"><img src="https://raw.githubusercontent.com/mucsbr/ppt-agent-workflow-san/main/1.png" width="720" alt="ppt-workflow preview"/></a> </p>
Two-stage workflow split across sub-repos:
ppt-workflow/ — generates PPT content plans and exports HTML or PNG previews.html-slide-to-pptx/ — converts structured HTML slides into editable PPTX.Notable for treating the HTML→PPTX export problem as a first-class concern, not an afterthought.
#### 9. archlizheng/frontend-slides-editable · ⭐ 362
Editable HTML presentation skill for Codex/Claude Code with drag-resize editing, slide reordering, local save/export, and PPTX-to-web conversion.
<p align="center"> <a href="https://github.com/archlizheng/frontend-slides-editable"><img src="https://raw.githubusercontent.com/archlizheng/frontend-slides-editable/main/docs/preset-previews/bold-signal-cover.png" width="260" alt="Bold Signal"/> <img src="https://raw.githubusercontent.com/archlizheng/frontend-slides-editable/main/docs/preset-previews/electric-studio-cover.png" width="260" alt="Electric Studio"/> <img src="https://raw.githubusercontent.com/archlizheng/frontend-slides-editable/main/docs/preset-previews/neon-cyber-cover.png" width="260" alt="Neon Cyber"/></a> <br><sub>Three preset covers — Bold Signal · Electric Studio · Neon Cyber.</sub> </p>
Editable fork of zarazhangrui/frontend-slides. Keeps the upstream style discovery, viewport discipline, and PPT conversion, then adds a full in-browser editing runtime: drag objects, resize blocks, edit text, reorder slides, save locally, export a clean standalone HTML.
Real decks should still implement each preset's signature layout from STYLE_PRESETS.md. Edit mode is an add-on, not permission to reuse a generic slide prototype for every aesthetic.#### 10. vigorX777/ppt-svg-generator · ⭐ 238
Skill that converts Markdown into HTML/PDF presentations with multiple preset styles.
<p align="center"> <a href="https://github.com/vigorX777/ppt-svg-generator"><img src="https://github.com/user-attachments/assets/2454e688-d3b8-40a2-a3f8-893bbe5060ee" width="720" alt="ppt-svg-generator preview"/></a> </p>
| Style | Character | Use case |
|---|---|---|
| 极简主义 | Pure white, lots of whitespace, Klein-blue accents | Product launches, design sharing, TED talks |
| 商务咨询 | Deep blue, McKinsey-style, orange emphasis | Proposals, consulting reports, investor pitches |
| 科技暗黑 | Dark background, neon gradients, glassmorphism | Tech sharing, product demos, hackathons |
| 瑞士平面 | High contrast, Bauhaus, signal red | Creative pitches, brand showcases |
| 品牌蓝 | Blue-purple-cyan palette, modern professional | Corporate training, formal presentations |
#### 11. likaku/Mck-ppt-design-skill · ⭐ 198
Consulting firm–style PowerPoint design system for AI agents. 70 layout patterns, flat design, python-pptx. 麦麸风格 PPT 设计系统。
<p align="center"> <a href="https://github.com/likaku/Mck-ppt-design-skill"><img src="https://github.com/user-attachments/assets/075ec46d-dd73-4454-92d0-84184b78d276" width="380" alt="Mck cover slide"/> <img src="https://github.com/user-attachments/assets/3b25f071-8a81-48e3-a62b-9d9be9026f2e" width="380" alt="Mck content slide"/></a> </p>
AI-native PowerPoint design system — 67 layouts · Harness Engineering · BLOCK_ARC charts · QA pipeline · Python runtime. The most opinionated McKinsey/BCG-style skill in the list; outputs lean PPTX rather than HTML, useful when the audience expects a .pptx file but you want consulting-grade typography.
#### 12. bytonylee/future-slide-skill · ⭐ 135
Reusable slide-generation skill for image-based and HTML-based AI workflows.
<p align="center"> <a href="https://github.com/bytonylee/future-slide-skill"><img src="https://raw.githubusercontent.com/bytonylee/future-slide-skill/main/public/four-skill-flow.png" width="720" alt="future-slide-skill flow"/></a> </p>
One of the few skills designed to switch cleanly between image-rendered slides (e.g. for social media carousels) and live HTML decks from the same content IR.
Smaller star counts, but several of these are the best option for their niche — Huawei-style strategy decks, knowledge-retention teaching slides, anti-AI-slop design tokens, etc.
#### 13. Akxan/ppt-agent-skill · ⭐ 91
World-class AI presentation generator · 26 styles · 18 charts · benchmarked against Linear / Anthropic / Stripe / Apple / NYT.
<p align="center"> <a href="https://github.com/Akxan/ppt-agent-skill"><img src="https://raw.githubusercontent.com/Akxan/ppt-agent-skill/main/assets/hero-all.png" width="720" alt="Akxan hero — 26 styles"/></a> </p>
Models a full agency workflow rather than "outline → template": research first, content drives layout, global style stays consistent, real data fills placeholders. Visual fidelity is benchmarked against actual production CSS of brands like Linear and Anthropic — not screenshots, the real implementations.
Style families
references/styles/dark.md)references/styles/light.md)references/styles/vibrant.md)references/styles/cultural.md)references/styles/natural.md)#### 14. edu-ai-builders/visual-cognition-slides · ⭐ 72
An HTML slide design skill grounded in cognitive science and instructional design. Outputs presentation decks optimized for knowledge retention.
Every decision — narrative structure, per-slide layout, animation choice — answers a single question: what cognitive action does the audience need to perform here?
Best for: teachers, researchers, PhD students, content creators (voice-over videos, knowledge channels), internal training and talks. Not for: pure commercial decks (PowerPoint / Keynote ship faster), real-time collaborative editing (use Google Slides).
#### 15. software-ai-life/Awesome-PPT-Design-Skills · ⭐ 56
Agent-agnostic PPT design skills for generating polished PowerPoint decks with ppt-master.
Meta-collection rather than a single skill. The author packages multiple distinct visual systems (japanese-style-ppt-skill, soft-3d-clay-ppt-skill, futuristic-tech-editorial-ppt-skill, minimalist-luxury-branding-ppt-skill, modern-illustration-editorial-ppt-skill, japanese-hand-drawn-editorial-ppt-skill) and ships them as a stable visual layer for whichever coding agent you happen to use (Codex, Claude Code, Cursor, OpenCode, OpenClaw, Hermes). Traditional Chinese decks are first-class.
Also listed under Templates below.
#### 16. WayneZhon/KingDee-PPT-Skill · ⭐ 54
将文字、大纲、文档一键转换为金蝶官方风格 .pptx 或交互式 HTML 幻灯片。
Fully reproduces the 2026 official Kingdee International template design language. Dual-style system (Classic / Bento Motion), 29 layouts, 7 auto-detected thinking models, embedded official background and logo, zero-config.
#### 17. kaisersong/slide-creator · ⭐ 44
A skill for Claude Code and OpenClaw that generates stunning, zero-dependency HTML presentations.
<p align="center"> <a href="https://github.com/kaisersong/slide-creator"><img src="https://raw.githubusercontent.com/kaisersong/slide-creator/main/demos/screenshots/bold-signal.png" width="380" alt="Bold Signal demo"/> <img src="https://raw.githubusercontent.com/kaisersong/slide-creator/main/demos/screenshots/electric-studio.png" width="380" alt="Electric Studio demo"/></a> </p>
--plan distills BRIEF.json, --generate renders from the IR.--review for on-demand diagnosis; Polish auto-runs review; three rule types (hard / context-aware / advisory).#### 18. FeeiCN/slide-writer · ⭐ 37
A slide-writing skill that generates enterprise HTML presentations from ideas, outlines, documents, and speech drafts.
<p align="center"> <a href="https://github.com/FeeiCN/slide-writer"><img src="https://raw.githubusercontent.com/FeeiCN/slide-writer/main/examples/slide-writer.png" width="720" alt="slide-writer example"/></a> </p>
#### 19. zuiho-kai/huawei-style-ppt-skill · ⭐ 35
华为风格 PPT Skill — high-density information PPT workflow.
<p align="center"> <a href="https://github.com/zuiho-kai/huawei-style-ppt-skill"><img src="https://raw.githubusercontent.com/zuiho-kai/huawei-style-ppt-skill/master/docs/demo-1.jpg" width="720" alt="Huawei-style demo"/></a> </p>
End-to-end workflow specifically tuned for Huawei-style strategy pages, architecture overviews, data insights, and side-by-side solution comparisons — i.e. document-style high-density decks that are intentionally heavier than a typical slide.
#### 20. codesstar/next-slide · ⭐ 34
你的下个 slide，何必是 PPT — AI-powered HTML presentations. 26+ styles, zero dependencies, bilingual. Works with Claude Code & OpenClaw, Hermes Agent.
Each style is a complete design system: curated typography, color palette, layout patterns, signature animations, responsive breakpoints.
| Category | Count | Styles | Vibe |
|---|---|---|---|
| Dark | 11 | Keynote Noir, Bold Signal, Neon Cyber, Terminal Green, Midnight Corporate, Cinema Scope, Dark Botanical, Starfield, Dark Premium, Dark Cinema, Futuristic Blue | Conferences, launches, tech talks |
| Light | 11 | Swiss Modern, Paper & Ink, Notebook Tabs, Pastel Geometry, Morning Brief, Campus White, Soft Landing, Watercolor Wash, Korean Soft, Claymorphism 3D, Wabi-Sabi Zen | Academic, business, teaching |
| Editorial | 4 | Editorial Serif, Fashion Editorial, Newsprint Broadsheet, Vintage Editorial | Magazine layouts, thought leadership |
| Bold | 7 | Electric Studio, Creative Voltage, Split Pastel, Pop Art, Bold Typography, Neon Brutalism, Memphis Pop | Startups, creative pitches |
| Retro | 5 | Grainy Retro, Art Deco Gatsby, Risograph Overprint, Vintage Poster, Retro Arcade | Nostalgic, stylized |
| Artistic | 7 | Surrealism Gallery, Scrapbook Portfolio, Blue Collage, Pink Handwritten, Art Nouveau Botanical, Soft Dreamy, Terracotta Earth | Art, design, portfolio |
| Cultural | 8 | 东方墨韵, 和風, Gradient Dreams, Blueprint, Bauhaus Primary, Swiss Grid, Aurora Mesh, Chinese Ink Wash | Cultural events, themed talks |
#### 21. Phlegonlabs/Powerpoint-fancy-design · ⭐ 25
A presentation-design skill for Codex and Claude Code that turns page-structured Markdown into styled 1600x900 HTML slides, PNG renders, and exportable PPTX decks.
<p align="center"> <a href="https://github.com/Phlegonlabs/Powerpoint-fancy-design"><img src="https://raw.githubusercontent.com/Phlegonlabs/Powerpoint-fancy-design/main/assets/style-preview-a.png" width="720" alt="Swiss International preview"/></a> </p>
Use it for:
#### 22. xhshow2025/-PPT-sense-deck-skill- · ⭐ 22
鲸格 PPT — a Codex Skill for generating high-quality browser-native presentations.
Static HTML/CSS/JS output with a complete pipeline: content IR, theme system, full deck templates, single-page layouts, animation runtime, presenter mode, editable mode, gesture controls, export helpers.
Distinctive themes
apple-bento-glass — AI / product strategy / new-category launches.executive-clean — board reports, strategy updates, investor updates, weekly reports.semantic-dark — tech sharing, architecture walkthroughs, AI systems, developer demos.xhs-editorial — Xiaohongshu image-text, social carousels, consumer education.cyber-neon — Demo Day, RGB hardware, cyberpunk launches.warm-paper — courses, lecture notes, stories, cultural themes.nordic-childrens-picture-book — Nordic children's-book nostalgia and humor.neon-noir-city — cyberpunk city, AI future life, 2098-style narratives.#### 23. nghiahsgs/skills-slides · ⭐ 22
50,000+ unique HTML presentation designs. Zero dependencies. Anti-AI-slop. A Claude Code skill.
<p align="center"> <a href="https://github.com/nghiahsgs/skills-slides"><img src="https://raw.githubusercontent.com/nghiahsgs/skills-slides/main/examples/screenshots/slide-06-features.png" width="720" alt="skills-slides features slide"/></a> </p>
Fights AI-generated mediocrity with a token-based design system and a strict anti-slop checklist that catches generic patterns before the deck is delivered. Result: decks that look intentionally designed, not template-generated.
startup-pitch, neon-cyber, editorial-minimal, luxury-noir, consulting-swiss, vaporwave, terminal-hacker, ai-ml-showcase, and more. Each defines compatible palettes, fonts, layouts, and signature effects.midnight-aurora, crimson-signal, electric-indigo, rose-gold, arctic-frost, carbon-fiber, etc. WCAG contrast ratios shipped for every palette.clash-satoshi, fraunces-worksans, syne-spacemono, bodoni-dmsans).particle-bg, gradient-mesh, aurora-flow, grid-overlay, glassmorphism, noise-texture, magnetic-cursor.Hand-crafted HTML template libraries — drop them into a project, point your agent at the folder, get a deck.
#### T1. zarazhangrui/beautiful-html-templates · ⭐ 3,096
A library of HTML slide templates designed so any coding agent can pick the right one and produce a beautiful deck on the user's behalf, automatically.
<p align="center"> <a href="https://github.com/zarazhangrui/beautiful-html-templates"><img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/vellum-1.png" width="260" alt="Vellum cover"/> <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/stencil-tablet-1.png" width="260" alt="Stencil Tablet cover"/> <img src="https://raw.githubusercontent.com/zarazhangrui/beautiful-html-templates/main/screenshots/neo-grid-bold-1.png" width="260" alt="Neo Grid Bold cover"/></a> <br><sub>Three of 32 templates — Vellum · Stencil Tablet · Neo Grid Bold.</sub> </p>
32 templates, three slides per template (cover · mid-deck · later) to show how each visual system handles different layout duties. The de-facto reference template library for the Claude Code skill ecosystem — many skills above will pull from or reference these templates directly.
#### T2. software-ai-life/Awesome-PPT-Design-Skills · ⭐ 56
Agent-agnostic PPT design skills, distributed as a library of style packs.
Acts as a multi-style template library when you don't want to commit to one aesthetic:
#FDF5E6, 鼠尾草綠 #B2AC88, 莫蘭迪粉 #DBADAD, 柔霧感幾何形狀.#FFFFFF, 電光藍 #2F6BFF, 石墨灰 #2B2B2B, 細線 grid, 資料感模組, 平面銳利.#F5EFE6, 柔棕色 #A68A64, 深灰文字 #3A3A3A, 襯線標題 + 無襯線內文, 精品感節奏.#F7F3EE, 霧藍 #A7C7E7, 灰橘 #E8A87C, 炭灰 #2F2F2F, 柔和向量插畫.#F8F6F2, 墨黑線條 #2B2B2B, 柔灰 #BDBDBD, 低彩靛藍 #6C7A89, 鉛筆/墨線插畫 + 淡水彩.PRs welcome — see CONTRIBUTING.md. The bar:
<p align="center"><img></p> block linking to the raw asset URL — see existing entries for the pattern.If you find a broken link, a stale star count, or a project we missed, open an issue.
Curated content (this README, the structure, the descriptive text) is licensed under CC BY 4.0. Each linked project retains its own license — check the linked repos before reuse.
Inline preview images are hot-linked from each project's own GitHub repository (under raw.githubusercontent.com or github.com/user-attachments). They remain the copyright of their respective authors and are shown here as fair-use thumbnails to help readers identify each project at a glance. If you are the author of a project featured here and would like a preview removed or swapped, open an issue and we'll fix it immediately.
<p align="center"> Maintained by <a href="https://tosea.ai"><b>Tosea.ai</b></a> · <a href="https://tosea.ai/slide-skills">Browse on the web</a> · <a href="https://github.com/ToseaAI/awesome-gpt-image-2-prompts">Also see: awesome-gpt-image-2-prompts</a> </p>
~30 seconds. Free. No account. Every finding cites a rule and a line of evidence.