Coding Agent 把 CSS 写好了，半年之内冒出一整个新品类：把文档变成不像机器做的幻灯片的 Skill。这一页收录了 203 个，其中四个 star 数都超过 2 万。

而所有关于它们的排名，都只是 star 数的重新排序。star 衡量的是作者会不会发推，不能告诉你 哪一个能处理好你的代码块，也不能告诉你财务总监能不能编辑第 12 页。

这个仓库就是用一页纸回答这件事：

1. 全部收齐 —— 两条路线值得知道的 skill 都在，带实时数据。由 data/skills.json 自动生成，数字不会悄悄烂掉。
2. 按真正决定选择的点来对比 —— 先回答路线问题，再看每个到底 适合干什么。都是你能自己核对的事实，不是我编的分数。
3. 八条原则 —— 从这些项目源码里提炼，30 个团队各自独立收敛到的同一批做法， 这是这个领域目前最接近「证据」的东西。

挑一个、装上、继续干活。这就是全部意图。

60 秒做出同款

先看图库，看中一张图之后照这三步走。下面用一个真实例子从头走一遍。

第一步：从图注里抄下风格 ID。 每张图下面都有一行说明，长这样：

Soft Editorial · 4 · soft-editorial · screenshots/soft-editorial-4.png

等宽字体的 soft-editorial 就是风格 ID —— 抄它。它属于哪个 skill，看这组图上方的标题 （这里是 Frontend Slides）。

第二步：装这个 skill。 命令就印在那组图上面，直接复制。这个例子里是 plugin 方式， 两条命令都在 Claude Code 里面敲，不是终端：

/plugin marketplace add https://github.com/zarazhangrui/frontend-slides
/plugin install frontend-slides@frontend-slides

一共有五种安装方式，含义不同（clone 是克隆进 ~/.claude/skills/ 并需要重开会话， python 要本机装依赖，npx 是建项目而不是装 skill）。对照表在 看中一张图，怎么做出来。

第三步：把风格 ID 写进你的话里。 它不是命令行参数，就是提示词的一部分：

用 soft-editorial 这个模板，把 docs/roadmap.md 做成一份 12 页的 deck，
面向投资人，我会现场讲，所以每页字少一点。

就这样。点名风格 ID 等于跳过挑选环节 —— frontend-slides 默认会先生成 3 个预览让你选， 你直接点名就是告诉它别问了，照这个做。想看选项就别点名，直接说「帮我做一份关于 X 的 deck」。

不想自己翻这一页？下一节把这个仓库本身装成 skill，让 agent 替你选。

让 agent 直接帮你挑

这个仓库本身也是一个 skill。装上之后，你不用自己翻这一页 —— 直接说「我要做一份给投资人的 deck」，它会先问路线问题，再给出具体的 skill、安装命令和风格 ID。

# 作为 Claude Code 插件
/plugin marketplace add https://github.com/brycewang-stanford/many-ppt-skills
/plugin install many-ppt-skills@many-ppt-skills

# 或者直接克隆成个人 skill
git clone https://github.com/brycewang-stanford/many-ppt-skills ~/.claude/skills/many-ppt-skills

背后是一个命令行查询层，你也可以自己用：

python scripts/pick.py route                  # 路线问题 + 各路线数量
python scripts/pick.py list --route pptx      # 某条路线下的 skill
python scripts/pick.py show ppt-master        # 安装命令、风格 ID、能力
python scripts/pick.py styles frontend-slides # 全部风格 ID 及对应样例图
python scripts/pick.py find editorial         # 搜风格 ID 和描述

它只做选型，不生成 deck，也不会替你编造别人项目的调用语法 —— 那以各项目自己的 SKILL.md 为准。详见 SKILL.md。

从这里开始：你走哪条路线？

这是唯一真正重要的决策，而且它和审美无关。

有人需要用 PowerPoint 打开你的交付物并编辑它吗？

不需要 → 走 HTML。 天花板高得多，而且不是一点点。零依赖单文件十年后照样能打开。 需要 → 走 PPTX。 如果财务总监改不了第 12 页，其他都白搭。

这不是新旧之争，是两种不同的活。

交付物需要对方用 PowerPoint 编辑吗？
├─ 需要 ──▶ 原生 PPTX
│   ├─ 要最好的视觉 + 真原生对象 ········ ppt-master
│   ├─ 必须严格套企业模板母版 ·········· pptx-from-layouts-skill
│   ├─ 对已有 deck 做程序化改造 ········ Anthropic pptx（官方）
│   ├─ 咨询 / 董事会 / 投资备忘录 ······· Mck-ppt-design-skill
│   └─ 会议报告 / 答辩 / 基金汇报 ······· academic-pptx-skill
│
└─ 不需要 ──▶ HTML 路线
    ├─ 不知道自己想要什么风格 ·········· frontend-slides
    ├─ 中文编辑风强一致性（注意 AGPL）·· guizang-ppt-skill
    ├─ 还要原型 / 动效 / 信息图 ········· huashu-design
    ├─ 团队长期做 deck，要演讲者模式 ···· open-slide
    ├─ 技术图解 / diff 评审 / 项目复盘 ·· visual-explainer
    ├─ 教学培训，在意知识留存 ·········· visual-cognition-slides
    └─ HTML 和可编辑 PPTX 都要 ········· huashu-design · frontend-slides-editable

如果只装一个

Frontend Slides，作者 Zara Zhang。它定义了这个品类的交互范式 —— 不问你想要什么风格，而是直接生成三个「你这份 deck」的真实预览让你指。社区最大，遇到问题 最容易搜到答案。

再加 PPT Master 作为第二个，基本覆盖所有场景。

登记册

Tier S — 大规模验证（5k+ star）

Tier A — 生产可用（100–5k star）

Tier B — 垂直与新兴（<100 star）

其他精选列表

<sub>† 来自自动发现，只核对了仓库自己写的一句话与协议，没人读过它的 SKILL.md，因此还没有安装命令和能力数据。没有剑标的是人工逐个读过的。
* monorepo star 数，反映整个仓库而非这一个 skill。~ 上次刷新失败，为陈旧值。⚠️ copyleft 协议，商用前请确认。</sub>

每个到底能做什么

上面的登记册说的是每个项目是什么，这里说的是它的文档声称它能做什么 —— 也就是通常 真正决定选择的那几列。

_{✅ 文档声明支持 · — 文档明确说明不支持 · · 文档未提及，这不等于不支持 · n/a 该问题对这条路线不适用。全部读自各项目自己的 SKILL.md 与 README，不是实跑验证；每个 ✅ 的出处引文都在 data/capabilities.json。}

中间那个值要看仔细：· 表示文档从未提及，这不等于「不支持」。这些项目里有好几个做的比 写下来的多。如果某项能力对你重要，data/capabilities.json 里的 引文会告诉你该去核对哪一句话。

它们长什么样

上面两张表说的是每个项目是什么、声称能做什么。但都没回答你真正的问题： 你喜不喜欢它出的东西。 所以这里把这些项目自己公开的成品图，能收的都收进来了。

全部按原尺寸铺开，不做缩略图。 幻灯片是高密度的东西，缩成一排小图只能看出配色， 看不出字体、层次和留白 —— 而要挑的恰恰是后面这些。页面因此很长，用下面的目录直接跳。

风格名和说明全部读自项目自己的文件名与图注，不是本仓库起的。每张图下面都标着出处路径 并链回原文件，所以标错了也是看得出来的。

请按它的本来面目看：每一张都是各团队自己挑的那一帧。一堆宣传图不是同题横评 —— 这些 deck 甚至不是同一份内容，谁也没跑过谁的题。它真正的用处在别处：三十秒之内砍掉 一半候选，而这恰恰是大多数人来这一页要做的事。

看中一张图，怎么做出来

一、记下图下面那两样东西。 每张图的说明行长这样：

Soft Editorial · 4 · soft-editorial · screenshots/soft-editorial-4.png

粗体是人话名字，等宽 的那个是风格 ID —— 这是你等下要点名的字符串。最后是出处文件， 点进去能看到原件。

二、装它所属的 skill。 命令就在这一节每个 skill 的标题下面，直接复制。 但五种安装方式的含义不一样，别装错地方：

三、跟 agent 说人话，并点名风格 ID。 风格名不是命令行参数，是给 agent 的指令内容：

用 soft-editorial 这个模板，把 docs/roadmap.md 做成一份 12 页的 deck，
面向投资人，讲的时候我会展开，所以每页字少一点。

四、知道你在跳过什么。 有些 skill 默认会先生成几个预览让你挑 —— 比如 frontend-slides 的 SKILL.md 写着默认生成 3 个预览（1 个稳妥预设 + 1 个 bold 模板 + 1 个 wildcard）。 你直接点名模板 ID，就是跳过这一步，它会去读那个模板的 design.md 然后照着做。 想让它给你几个选项，就别点名，直接说「帮我做一份关于 X 的 deck」。

两点实话。 安装命令来自人工维护的 data/skills.json，风格 ID 来自 项目自己的文件 —— 我核对过 soft-editorial 等确实是 frontend-slides 自带 bold-template-pack/selection-index.json 里的 slug（共 34 个）。但本仓库一个 skill 的调用 都没有实跑过，各项目的具体触发词和参数以它自己的 SKILL.md 为准。 第四步那句关于预览的描述，是从 frontend-slides 的 SKILL.md 里读到的，只对它成立。

跳到：PPT Master ₂₄ · Frontend Slides ₂₄ · Guizang PPT Skill ₁₃ · Huashu Design ₂₄ · HTML PPT Studio ₂₄ · open-slide ₁₆ · Beautiful HTML Templates ₂₄ · PPT Agent Workflow San ₁₀ · Frontend Slides Editable ₂₄ · PPT SVG Generator ₂ · Mck PPT Design System ₆ · PPT Agent Skill ₂₄ · HTML Slides ₄ · KingDee PPT Skill ₁ · Slide Creator ₂₃ · next-slide ₁ · Slide Writer ₅ · Skills Slides ₄ · PowerPoint Fancy Design ₂₄ · PPTX from Layouts ₁

PPT Master · 41,774 ⭐ · PPTX

_{把文档或主题变成真正原生可编辑的 PPTX。}

_{取自 hugohe3/ppt-master 的 46 张图，此处 24 张，靠前的几张是项目自己放在 README 里的}

git clone https://github.com/hugohe3/ppt-master && pip install -r requirements.txt

_{下面出现的风格 global-ai-capital · swiss-grid · glassmorphism-demo · sugar-rush-memphis · indie-bookstore-zine · pritzker-2026 · academic-medical · dark-art-mv · launch-xiaomi · magazine-garden · nature-wildlife · tech-claude-plans —— 要哪个就在提示里点名。这些是项目自己用的字符串，取自每张图下面链接的文件名与说明，不是本仓库起的名字。}

_{Data journalism — Global AI Capital 2026 · docs/assets/screenshots/preview_global_ai_capital.png}

_{Swiss typographic grid — Grid Systems primer · swiss-grid · docs/assets/screenshots/preview_swiss_grid.png}

_{Glassmorphism SaaS — AI Agent engineering demo · glassmorphism-demo · docs/assets/screenshots/preview_glassmorphism_demo.png}

_{Memphis pop — Sugar Rush festival · sugar-rush-memphis · docs/assets/screenshots/preview_sugar_rush_memphis.png}

_{Risograph zine — Indie bookstore guide · indie-bookstore-zine · docs/assets/screenshots/preview_indie_bookstore_zine.png}

_{杂志风 — 普利兹克奖 2026 · pritzker-2026 · docs/assets/screenshots/preview_pritzker_2026.png}

_{Academic Medical · docs/assets/screenshots/archive/preview_academic_medical.png}

_{Dark Art Mv · docs/assets/screenshots/archive/preview_dark_art_mv.png}

_{Launch Xiaomi · docs/assets/screenshots/archive/preview_launch_xiaomi.png}

_{Magazine Garden · docs/assets/screenshots/archive/preview_magazine_garden.png}

_{Nature Wildlife · docs/assets/screenshots/archive/preview_nature_wildlife.png}

_{Tech Claude Plans · docs/assets/screenshots/archive/preview_tech_claude_plans.png}

_{Retro Style · examples/ppt169_home_design_trends_2026/images/retro_style.png}

_{Cream Style · examples/ppt169_home_design_trends_2026/images/cream_style.png}

_{Bohemian Style · examples/ppt169_home_design_trends_2026/images/bohemian_style.png}

_{Liziqi Colors · docs/assets/hero-liziqi-colors.gif}

_{3d Isometric · skills/ppt-master/references/ai-image-comparison/rendering/3d-isometric.png}

_{Blueprint · skills/ppt-master/references/ai-image-comparison/rendering/blueprint.png}

_{Chalkboard · skills/ppt-master/references/ai-image-comparison/rendering/chalkboard.png}

_{Corporate Photo · skills/ppt-master/references/ai-image-comparison/rendering/corporate-photo.png}

_{Digital Dashboard · skills/ppt-master/references/ai-image-comparison/rendering/digital-dashboard.png}

_{Editorial · skills/ppt-master/references/ai-image-comparison/rendering/editorial.png}

_{Fantasy Animation · skills/ppt-master/references/ai-image-comparison/rendering/fantasy-animation.png}

_{Flat · skills/ppt-master/references/ai-image-comparison/rendering/flat.png}

Frontend Slides · 26,568 ⭐ · HTML

_{用 Coding Agent 的前端能力做好看的网页幻灯片。}

_{取自 zarazhangrui/frontend-slides 的 102 张图，此处 24 张，靠前的几张是项目自己放在 README 里的}

/plugin marketplace add https://github.com/zarazhangrui/frontend-slides
/plugin install frontend-slides@frontend-slides

_{下面出现的风格 soft-editorial · editorial-forest · pin-and-paper · sakura-chroma · stencil-tablet · cobalt-grid · vellum · emerald-editorial —— 要哪个就在提示里点名。这些是项目自己用的字符串，取自每张图下面链接的文件名与说明，不是本仓库起的名字。}

_{Soft Editorial — slide 4 · screenshots/soft-editorial-4.png}

_{Soft Editorial — slide 6 · screenshots/soft-editorial-6.png}

_{Soft Editorial — slide 10 · screenshots/soft-editorial-10.png}

_{Editorial Forest — slide 1 · screenshots/editorial-forest-1.png}

_{Editorial Forest — slide 2 · screenshots/editorial-forest-2.png}

_{Editorial Forest — slide 5 · screenshots/editorial-forest-5.png}

_{Pin & Paper — slide 1 · pin-and-paper · screenshots/pin-and-paper-1.png}

_{Pin & Paper — slide 11 · pin-and-paper · screenshots/pin-and-paper-11.png}

_{Pin & Paper — slide 3 · pin-and-paper · screenshots/pin-and-paper-3.png}

_{Sakura Chroma — slide 1 · screenshots/sakura-chroma-1.png}

_{Sakura Chroma — slide 3 · screenshots/sakura-chroma-3.png}

_{Sakura Chroma — slide 4 · screenshots/sakura-chroma-4.png}

_{Stencil & Tablet — slide 1 · stencil-tablet · screenshots/stencil-tablet-1.png}

_{Stencil & Tablet — slide 3 · stencil-tablet · screenshots/stencil-tablet-3.png}

_{Stencil & Tablet — slide 8 · stencil-tablet · screenshots/stencil-tablet-8.png}

_{Cobalt Grid — slide 1 · screenshots/cobalt-grid-1.png}

_{Cobalt Grid — slide 3 · screenshots/cobalt-grid-3.png}

_{Cobalt Grid — slide 5 · screenshots/cobalt-grid-5.png}

_{Vellum — slide 1 · screenshots/vellum-1.png}

_{Vellum — slide 4 · screenshots/vellum-4.png}

_{Vellum — slide 8 · screenshots/vellum-8.png}

_{Emerald Editorial — slide 1 · screenshots/emerald-editorial-1.png}

_{Emerald Editorial — slide 3 · screenshots/emerald-editorial-3.png}

_{Emerald Editorial — slide 6 · screenshots/emerald-editorial-6.png}

Guizang PPT Skill · 22,694 ⭐ · HTML

_{杂志编辑风与瑞士国际风 HTML 幻灯片，以「锁死约束」保证一致性。}

_{取自 op7418/guizang-ppt-skill 的 13 张图，此处 13 张，靠前的几张是项目自己放在 README 里的}

npx skills add https://github.com/op7418/guizang-ppt-skill --skill guizang-ppt-skill

_{下面出现的风格 ppt-skill-showcase —— 要哪个就在提示里点名。这些是项目自己用的字符串，取自每张图下面链接的文件名与说明，不是本仓库起的名字。}

_{Style A 电子杂志风效果展示 · GitHub 附件图}

_{Style B 瑞士国际主义效果展示 · GitHub 附件图}

_{墨水经典主题预览 · GitHub 附件图}

_{靛蓝瓷主题预览 · GitHub 附件图}

_{森林墨主题预览 · GitHub 附件图}

_{牛皮纸主题预览 · GitHub 附件图}

_{沙丘主题预览 · GitHub 附件图}

_{克莱因蓝瑞士主题预览 · GitHub 附件图}

_{柠檬黄瑞士主题预览 · GitHub 附件图}

_{柠檬绿瑞士主题预览 · GitHub 附件图}

_{安全橙瑞士主题预览 · GitHub 附件图}

_{360 安全龙虾 / Kimi work / Cola Skill 金牌赞助 · GitHub 附件图}

_{Ppt Skill Showcase · assets/ppt-skill-showcase.png}

Huashu Design · 22,190 ⭐ · 双路线

_{HTML 原生设计 skill —— 高保真原型、幻灯片、动效与设计评审，不止是 PPT。}

_{取自 alchaincyf/huashu-design 的 24 张图，此处 24 张}

npx skills add alchaincyf/huashu-design

_{下面出现的风格 ppt-build · ppt-pentagram · ppt-takram · ainav-build · ainav-pentagram · ainav-takram · aiwriting-build · aiwriting-pentagram · aiwriting-takram · devdocs-build · devdocs-pentagram · devdocs-takram —— 要哪个就在提示里点名。这些是项目自己用的字符串，取自每张图下面链接的文件名与说明，不是本仓库起的名字。}

_{Ppt Build · assets/showcases/ppt/ppt-build.png}

_{Ppt Pentagram · assets/showcases/ppt/ppt-pentagram.png}

_{Ppt Takram · assets/showcases/ppt/ppt-takram.png}

_{Ainav Build · assets/showcases/website-ai-nav/ainav-build.png}

_{Ainav Pentagram · assets/showcases/website-ai-nav/ainav-pentagram.png}

_{Ainav Takram · assets/showcases/website-ai-nav/ainav-takram.png}

_{Aiwriting Build · assets/showcases/website-ai-writing/aiwriting-build.png}

_{Aiwriting Pentagram · assets/showcases/website-ai-writing/aiwriting-pentagram.png}

_{Aiwriting Takram · assets/showcases/website-ai-writing/aiwriting-takram.png}

_{Devdocs Build · assets/showcases/website-devdocs/devdocs-build.png}

_{Devdocs Pentagram · assets/showcases/website-devdocs/devdocs-pentagram.png}

_{Devdocs Takram · assets/showcases/website-devdocs/devdocs-takram.png}

_{Homepage Build · assets/showcases/website-homepage/homepage-build.png}

_{Homepage Pentagram · assets/showcases/website-homepage/homepage-pentagram.png}

_{Homepage Takram · assets/showcases/website-homepage/homepage-takram.png}

_{Saas Build · assets/showcases/website-saas/saas-build.png}

_{Saas Pentagram · assets/showcases/website-saas/saas-pentagram.png}

_{Saas Takram · assets/showcases/website-saas/saas-takram.png}

_{Infographic Build · assets/showcases/infographic/infographic-build.png}

_{Infographic Pentagram · assets/showcases/infographic/infographic-pentagram.png}

_{Infographic Takram · assets/showcases/infographic/infographic-takram.png}

_{Cover Build · assets/showcases/cover/cover-build.png}

_{Cover Pentagram · assets/showcases/cover/cover-pentagram.png}

_{Cover Takram · assets/showcases/cover/cover-takram.png}

HTML PPT Studio · 7,473 ⭐ · HTML

_{24 主题 × 31 布局 × 20+ 动效的专业 HTML 演示。}

_{取自 lewislulu/html-ppt-skill 的 63 张图，此处 24 张，靠前的几张是项目自己放在 README 里的}

git clone https://github.com/lewislulu/html-ppt-skill ~/.claude/skills/html-ppt-skill

_{下面出现的风格 themes · templates · layouts · layouts-live · hero · presenter-mode · animations · animation-showcase —— 要哪个就在提示里点名。这些是项目自己用的字符串，取自每张图下面链接的文件名与说明，不是本仓库起的名字。}

_{36 themes · 8 of them · docs/readme/themes.png}

_{14 full-deck templates · docs/readme/templates.png}

_{31 single-page layouts · docs/readme/layouts.png}

_{31 layouts auto-cycling through real template files · layouts-live · docs/readme/layouts-live.gif}

_{html-ppt — cover with live previews · hero · docs/readme/hero.gif}

_{Presenter mode with 4 magnetic cards · docs/readme/presenter-mode.png}

_{47 animations — 27 CSS + 20 canvas FX · docs/readme/animations.png}

_{Animation Showcase · 01 · scripts/verify-output/animation-showcase/animation-showcase_01.png}

_{Animation Showcase · 02 · scripts/verify-output/animation-showcase/animation-showcase_02.png}

_{Animation Showcase · 03 · scripts/verify-output/animation-showcase/animation-showcase_03.png}

_{Animation Showcase · 04 · scripts/verify-output/animation-showcase/animation-showcase_04.png}

_{Animation Showcase · 05 · scripts/verify-output/animation-showcase/animation-showcase_05.png}

_{Animation Showcase · 06 · scripts/verify-output/animation-showcase/animation-showcase_06.png}

_{Animation Showcase · 07 · scripts/verify-output/animation-showcase/animation-showcase_07.png}

_{Animation Showcase · 08 · scripts/verify-output/animation-showcase/animation-showcase_08.png}

_{Animation Showcase · 09 · scripts/verify-output/animation-showcase/animation-showcase_09.png}

_{Animation Showcase · 10 · scripts/verify-output/animation-showcase/animation-showcase_10.png}

_{Animation Showcase · 11 · scripts/verify-output/animation-showcase/animation-showcase_11.png}

_{Animation Showcase · 12 · scripts/verify-output/animation-showcase/animation-showcase_12.png}

_{Animation Showcase · 13 · scripts/verify-output/animation-showcase/animation-showcase_13.png}

_{Animation Showcase · 14 · scripts/verify-output/animation-showcase/animation-showcase_14.png}

_{Animation Showcase · 15 · scripts/verify-output/animation-showcase/animation-showcase_15.png}

_{Animation Showcase · 16 · scripts/verify-output/animation-showcase/animation-showcase_16.png}

_{Animation Showcase · 17 · scripts/verify-output/animation-showcase/animation-showcase_17.png}

open-slide · 6,042 ⭐ · 框架

_{为 Agent 而生的幻灯片框架 —— React 组件渲染到固定 1920×1080 画布。}

_{取自 1weiho/open-slide 的 16 张图，此处 16 张，靠前的几张是项目自己放在 README 里的}

npx @open-slide/cli init my-slide

_{下面出现的风格 replit-features-result · create-slide-skill · openslide-home · replit-agent-home · assets-manager · inspector · presenter · theme · svgl · open-slide · replit-deploy · init-command —— 要哪个就在提示里点名。这些是项目自己用的字符串，取自每张图下面链接的文件名与说明，不是本仓库起的名字。}

_{open-slide github cover · GitHub 附件图}

_{Replit Features Result · apps/demo/slides/open-slide-on-replit/assets/replit-features-result.webp}

_{Create Slide Skill · apps/demo/slides/open-slide-on-replit/assets/create-slide-skill.webp}

_{Openslide Home · apps/demo/slides/open-slide-on-replit/assets/openslide-home.webp}

_{Replit Agent Home · apps/demo/slides/open-slide-on-replit/assets/replit-agent-home.webp}

_{Assets Manager · apps/web/public/assets/screenshots/assets-manager.webp}

_{Inspector · apps/web/public/assets/screenshots/inspector.webp}

_{Presenter · apps/web/public/assets/screenshots/presenter.webp}

_{Theme · apps/web/public/assets/screenshots/theme.webp}

_{Svgl · apps/web/public/assets/screenshots/svgl.webp}

_{Open Slide · 封面 · apps/web/public/assets/screenshots/open-slide-cover.webp}

_{Replit Deploy · apps/demo/slides/open-slide-on-replit/assets/replit-deploy.webp}

_{Init Command · apps/demo/slides/open-slide-on-replit/assets/init-command.webp}

_{Open Slide · apps/demo/slides/open-slide-launch/assets/open-slide.png}

_{Open Slide · apps/web/public/open-slide.png}

_{Opengraph Image · apps/web/app/opengraph-image.png}

Beautiful HTML Templates · 3,940 ⭐ · 模板库

_{34 套 HTML 幻灯片模板，配 index.json 元数据供任意 Agent 检索选用。}

_{取自 zarazhangrui/beautiful-html-templates 的 102 张图，此处 24 张，靠前的几张是项目自己放在 README 里的}

git clone https://github.com/zarazhangrui/beautiful-html-templates

_{下面出现的风格 soft-editorial · editorial-forest · pin-and-paper · sakura-chroma · stencil-tablet · cobalt-grid · vellum · emerald-editorial —— 要哪个就在提示里点名。这些是项目自己用的字符串，取自每张图下面链接的文件名与说明，不是本仓库起的名字。}

_{Soft Editorial — slide 4 · screenshots/soft-editorial-4.png}

_{Soft Editorial — slide 6 · screenshots/soft-editorial-6.png}

_{Soft Editorial — slide 10 · screenshots/soft-editorial-10.png}

_{Editorial Forest — slide 1 · screenshots/editorial-forest-1.png}

_{Editorial Forest — slide 2 · screenshots/editorial-forest-2.png}

_{Editorial Forest — slide 5 · screenshots/editorial-forest-5.png}

_{Pin & Paper — slide 1 · pin-and-paper · screenshots/pin-and-paper-1.png}

_{Pin & Paper — slide 11 · pin-and-paper · screenshots/pin-and-paper-11.png}

_{Pin & Paper — slide 3 · pin-and-paper · screenshots/pin-and-paper-3.png}

_{Sakura Chroma — slide 1 · screenshots/sakura-chroma-1.png}

_{Sakura Chroma — slide 3 · screenshots/sakura-chroma-3.png}

_{Sakura Chroma — slide 4 · screenshots/sakura-chroma-4.png}

_{Stencil & Tablet — slide 1 · stencil-tablet · screenshots/stencil-tablet-1.png}

_{Stencil & Tablet — slide 3 · stencil-tablet · screenshots/stencil-tablet-3.png}

_{Stencil & Tablet — slide 8 · stencil-tablet · screenshots/stencil-tablet-8.png}

_{Cobalt Grid — slide 1 · screenshots/cobalt-grid-1.png}

_{Cobalt Grid — slide 3 · screenshots/cobalt-grid-3.png}

_{Cobalt Grid — slide 5 · screenshots/cobalt-grid-5.png}

_{Vellum — slide 1 · screenshots/vellum-1.png}

_{Vellum — slide 4 · screenshots/vellum-4.png}

_{Vellum — slide 8 · screenshots/vellum-8.png}

_{Emerald Editorial — slide 1 · screenshots/emerald-editorial-1.png}

_{Emerald Editorial — slide 3 · screenshots/emerald-editorial-3.png}

_{Emerald Editorial — slide 6 · screenshots/emerald-editorial-6.png}

PPT Agent Workflow San · 618 ⭐ · HTML

_{渐进交互式 PPT 生成 skill。}

_{取自 mucsbr/ppt-agent-workflow-san 的 10 张图，此处 10 张，靠前的几张是项目自己放在 README 里的}

git clone https://github.com/mucsbr/ppt-agent-workflow-san

_{下面出现的风格 html-slide-to-pptx-preview · ppt-workflow-preview · ppt-workflow · 02-core-conclusion · 03-positioning · 04-users-scenarios · 05-growth-flywheel · 06-competition · 07-risks · 08-conclusion —— 要哪个就在提示里点名。这些是项目自己用的字符串，取自每张图下面链接的文件名与说明，不是本仓库起的名字。}

_{html-slide-to-pptx-preview · 2.png}

_{ppt-workflow-preview · 1.png}

_{Ppt Workflow · 封面 · ppt-workflow/01-cover.png}

_{02 Core Conclusion · ppt-workflow/02-core-conclusion.png}

_{03 Positioning · ppt-workflow/03-positioning.png}

_{04 Users Scenarios · ppt-workflow/04-users-scenarios.png}

_{05 Growth Flywheel · ppt-workflow/05-growth-flywheel.png}

_{06 Competition · ppt-workflow/06-competition.png}

_{07 Risks · ppt-workflow/07-risks.png}

_{08 Conclusion · ppt-workflow/08-conclusion.png}

Frontend Slides Editable · 446 ⭐ · 双路线

_{可编辑 HTML 幻灯片：拖拽缩放、页序调整、本地保存、PPTX 互转。}

_{取自 archlizheng/frontend-slides-editable 的 114 张图，此处 24 张，靠前的几张是项目自己放在 README 里的}

git clone https://github.com/archlizheng/frontend-slides-editable

_{下面出现的风格 cobalt-grid · studio-volt · soft-editorial · bold-signal · electric-studio · creative-voltage · dark-botanical · notebook-tabs · pastel-geometry · split-pastel · vintage-editorial · neon-cyber —— 要哪个就在提示里点名。这些是项目自己用的字符串，取自每张图下面链接的文件名与说明，不是本仓库起的名字。}

_{Cobalt Grid editable deck preview · 封面 · docs/preset-previews/cobalt-grid-cover.png}

_{Studio editable deck preview · studio-volt · 封面 · docs/preset-previews/studio-volt-cover.png}

_{Soft Editorial editable deck preview · 封面 · docs/preset-previews/soft-editorial-cover.png}

_{Bold Signal — first slide · 封面 · docs/preset-previews/bold-signal-cover.png}

_{Electric Studio — first slide · 封面 · docs/preset-previews/electric-studio-cover.png}

_{Creative Voltage — first slide · 封面 · docs/preset-previews/creative-voltage-cover.png}

_{Dark Botanical — first slide · 封面 · docs/preset-previews/dark-botanical-cover.png}

_{Notebook Tabs — first slide · 封面 · docs/preset-previews/notebook-tabs-cover.png}

_{Pastel Geometry — first slide · 封面 · docs/preset-previews/pastel-geometry-cover.png}

_{Split Pastel — first slide · 封面 · docs/preset-previews/split-pastel-cover.png}

_{Vintage Editorial — first slide · 封面 · docs/preset-previews/vintage-editorial-cover.png}

_{Neon Cyber — first slide · 封面 · docs/preset-previews/neon-cyber-cover.png}

_{Terminal Green — first slide · 封面 · docs/preset-previews/terminal-green-cover.png}

_{Swiss Modern — first slide · 封面 · docs/preset-previews/swiss-modern-cover.png}

_{Paper and Ink — first slide · paper-ink · 封面 · docs/preset-previews/paper-ink-cover.png}

_{8-Bit Orbit — cover slide · 封面 · docs/preset-previews/8-bit-orbit-cover.png}

_{8-Bit Orbit — mid slide · 8-bit-orbit-mid · docs/preset-previews/8-bit-orbit-mid.png}

_{8-Bit Orbit — later slide · 8-bit-orbit-later · docs/preset-previews/8-bit-orbit-later.png}

_{Biennale Yellow — cover slide · 封面 · docs/preset-previews/biennale-yellow-cover.png}

_{Biennale Yellow — mid slide · biennale-yellow-mid · docs/preset-previews/biennale-yellow-mid.png}

_{Biennale Yellow — later slide · biennale-yellow-later · docs/preset-previews/biennale-yellow-later.png}

_{BlockFrame — cover slide · block-frame · 封面 · docs/preset-previews/block-frame-cover.png}

_{BlockFrame — mid slide · block-frame-mid · docs/preset-previews/block-frame-mid.png}

_{BlockFrame — later slide · block-frame-later · docs/preset-previews/block-frame-later.png}

PPT SVG Generator · 248 ⭐ · PPTX

_{Markdown → PPT / PDF，经 SVG 中转，多种预设风格。}

_{取自 vigorX777/ppt-svg-generator 的 2 张图，此处 2 张，靠前的几张是项目自己放在 README 里的}

git clone https://github.com/vigorX777/ppt-svg-generator

_{image · GitHub 附件图}

_{PixPin_2026-01-25_15-58-40 · GitHub 附件图}

Mck PPT Design System · 230 ⭐ · PPTX

_{咨询公司风设计系统：70 种布局，扁平设计，python-pptx。}

_{取自 likaku/Mck-ppt-design-skill 的 6 张图，此处 6 张，靠前的几张是项目自己放在 README 里的}

git clone https://github.com/likaku/Mck-ppt-design-skill

_{Cover · GitHub 附件图}

_{Content · GitHub 附件图}

_{Table · GitHub 附件图}

_{4-Column · GitHub 附件图}

_{Colors · GitHub 附件图}

_{Summary · GitHub 附件图}

PPT Agent Skill · 116 ⭐ · HTML

_{26 种风格、18 种图表，对标 Linear / Anthropic / Stripe / Apple / NYT。}

_{取自 Akxan/ppt-agent-skill 的 32 张图，此处 24 张，靠前的几张是项目自己放在 README 里的}

git clone https://github.com/Akxan/ppt-agent-skill

_{下面出现的风格 all · vibrant · natural-retro · dark-professional · light-premium · cultural-oriental · bauhaus-block · blue-white · botanic-forest · candy-pastel · champagne-gold · chrome-y2k —— 要哪个就在提示里点名。这些是项目自己用的字符串，取自每张图下面链接的文件名与说明，不是本仓库起的名字。}

_{26 风格预览 · all · assets/hero-all.png}

_{活力鲜明 4 风格 · vibrant · assets/hero-vibrant.png}

_{自然/复古 4 风格 · natural-retro · assets/hero-natural-retro.png}

_{暗色专业 7 风格 · dark-professional · assets/hero-dark-professional.png}

_{浅色高级 8 风格 · light-premium · assets/hero-light-premium.png}

_{东方文化 3 风格 · cultural-oriental · assets/hero-cultural-oriental.png}

_{Bauhaus Block · ppt-output/style-gallery/bauhaus_block.png}

_{Blue White · ppt-output/style-gallery/blue_white.png}

_{Botanic Forest · ppt-output/style-gallery/botanic_forest.png}

_{Candy Pastel · ppt-output/style-gallery/candy_pastel.png}

_{Champagne Gold · ppt-output/style-gallery/champagne_gold.png}

_{Chrome Y2k · ppt-output/style-gallery/chrome_y2k.png}

_{Cyberpunk Neon · ppt-output/style-gallery/cyberpunk_neon.png}

_{Dark Tech · ppt-output/style-gallery/dark_tech.png}

_{Earth Concrete · ppt-output/style-gallery/earth_concrete.png}

_{Fresh Green · ppt-output/style-gallery/fresh_green.png}

_{Gov Authority · ppt-output/style-gallery/gov_authority.png}

_{Ink Jade · ppt-output/style-gallery/ink_jade.png}

_{Kindergarten Pop · ppt-output/style-gallery/kindergarten_pop.png}

_{Liquid Glass · ppt-output/style-gallery/liquid_glass.png}

_{Luxury Purple · ppt-output/style-gallery/luxury_purple.png}

_{Medical Pulse · ppt-output/style-gallery/medical_pulse.png}

_{Minimal Gray · ppt-output/style-gallery/minimal_gray.png}

_{Mocha Editorial · ppt-output/style-gallery/mocha_editorial.png}

HTML Slides · 70 ⭐ · HTML

_{带演讲者备注的 HTML 幻灯片，配套放映 app。}

_{取自 bluedusk/html-slides 的 4 张图，此处 4 张}

git clone https://github.com/bluedusk/html-slides

_{下面出现的风格 screenshot · hero —— 要哪个就在提示里点名。这些是项目自己用的字符串，取自每张图下面链接的文件名与说明，不是本仓库起的名字。}

_{Screenshot · eval/content/assets/screenshot.jpg}

_{Screenshot · testing/assets/screenshot.jpg}

_{Hero · eval/content/assets/hero.jpg}

_{Hero · testing/assets/hero.jpg}

KingDee PPT Skill · 56 ⭐ · HTML

_{将内容快速生成金蝶风格 PPT。}

_{取自 WayneZhon/KingDee-PPT-Skill 的 1 张图，此处 1 张}

git clone https://github.com/WayneZhon/KingDee-PPT-Skill

_{下面出现的风格 closing —— 要哪个就在提示里点名。这些是项目自己用的字符串，取自每张图下面链接的文件名与说明，不是本仓库起的名字。}

_{Closing · 结尾页 · assets/closing_thanks.png}

Slide Creator · 46 ⭐ · 双路线

_{AI 规划 + 风格发现 + PPTX 导出。}

_{取自 kaisersong/slide-creator 的 23 张图，此处 23 张，靠前的几张是项目自己放在 README 里的}

git clone https://github.com/kaisersong/slide-creator

_{下面出现的风格 strategy-consulting · blue-sky · bold-signal · electric-studio · creative-voltage · dark-botanical · notebook-tabs · pastel-geometry · split-pastel · vintage-editorial · neon-cyber · terminal-green —— 要哪个就在提示里点名。这些是项目自己用的字符串，取自每张图下面链接的文件名与说明，不是本仓库起的名字。}

_{Strategy Consulting · demos/screenshots/strategy-consulting.png}

_{Blue Sky · demos/screenshots/blue-sky.png}

_{Bold Signal · demos/screenshots/bold-signal.png}

_{Electric Studio · demos/screenshots/electric-studio.png}

_{Creative Voltage · demos/screenshots/creative-voltage.png}

_{Dark Botanical · demos/screenshots/dark-botanical.png}

_{Notebook Tabs · demos/screenshots/notebook-tabs.png}

_{Pastel Geometry · demos/screenshots/pastel-geometry.png}

_{Split Pastel · demos/screenshots/split-pastel.png}

_{Vintage Editorial · demos/screenshots/vintage-editorial.png}

_{Neon Cyber · demos/screenshots/neon-cyber.png}

_{Terminal Green · demos/screenshots/terminal-green.png}

_{Swiss Modern · demos/screenshots/swiss-modern.png}

_{Paper & Ink · paper-ink · demos/screenshots/paper-ink.png}

_{Aurora Mesh · demos/screenshots/aurora-mesh.png}

_{Enterprise Dark · demos/screenshots/enterprise-dark.png}

_{Glassmorphism · demos/screenshots/glassmorphism.png}

_{Neo-Brutalism · demos/screenshots/neo-brutalism.png}

_{Chinese Chan · demos/screenshots/chinese-chan.png}

_{Data Story · demos/screenshots/data-story.png}

_{Modern Newspaper · demos/screenshots/modern-newspaper.png}

_{Neo-Retro Dev Deck · demos/screenshots/neo-retro-dev.png}

_{Japanese Zen · demos/screenshots/japanese-zen.png}

next-slide · 43 ⭐ · HTML

_{「你的下个 slide，何必是 PPT」—— 26+ 风格，零依赖，中英双语。}

_{取自 codesstar/next-slide 的 1 张图，此处 1 张}

git clone https://github.com/codesstar/next-slide

_{下面出现的风格 motion-brand-showcase —— 要哪个就在提示里点名。这些是项目自己用的字符串，取自每张图下面链接的文件名与说明，不是本仓库起的名字。}

_{Motion Brand Showcase · scenarios/images/motion-brand-showcase.webp}

Slide Writer · 40 ⭐ · HTML

_{从想法、大纲、文档或演讲稿生成企业级 HTML 演示。}

_{取自 FeeiCN/slide-writer 的 5 张图，此处 5 张，靠前的几张是项目自己放在 README 里的}

git clone https://github.com/FeeiCN/slide-writer

_{下面出现的风格 before-after · writer · test-antgroup-eric · test-tencent-pony-ma · test-alibaba-jack-ma —— 要哪个就在提示里点名。这些是项目自己用的字符串，取自每张图下面链接的文件名与说明，不是本仓库起的名字。}

_{Slide-Writer Demo · before-after · examples/before-after.png}

_{Slide-Writer · examples/slide-writer.png}

_{Test Antgroup Eric · examples/test-antgroup-eric.png}

_{Test Tencent Pony Ma · examples/test-tencent-pony-ma.png}

_{Test Alibaba Jack Ma · examples/test-alibaba-jack-ma.png}

Skills Slides · 29 ⭐ · HTML

_{50 美学 × 20 配色 × 10 字体 × 5 布局 × 30+ 特效 = 5 万种组合。}

_{取自 nghiahsgs/skills-slides 的 4 张图，此处 4 张，靠前的几张是项目自己放在 README 里的}

git clone https://github.com/nghiahsgs/skills-slides

_{下面出现的风格 06-features · 07-checklist · 03-50k —— 要哪个就在提示里点名。这些是项目自己用的字符串，取自每张图下面链接的文件名与说明，不是本仓库起的名字。}

_{Feature grid — 6 cards with 3D tilt hover · 06-features · examples/screenshots/slide-06-features.png}

_{Anti-slop checklist — 10-point quality gate · 07-checklist · examples/screenshots/slide-07-checklist.png}

_{Title · 标题页 · examples/screenshots/slide-01-title.png}

_{03 50k · examples/screenshots/slide-03-50k.png}

PowerPoint Fancy Design · 27 ⭐ · 双路线

_{结构化 Markdown → 1600×900 HTML 幻灯片 + PNG 渲染 + 可导出。}

_{取自 Phlegonlabs/Powerpoint-fancy-design 的 30 张图，此处 24 张，靠前的几张是项目自己放在 README 里的}

git clone https://github.com/Phlegonlabs/Powerpoint-fancy-design

_{下面出现的风格 swiss-international · east-asian-minimalism · risograph-print · bauhaus-geometry · organic-handcrafted · art-deco-luxury · neo-brutalism · retro-futurism · dark-editorial · memphis-pop —— 要哪个就在提示里点名。这些是项目自己用的字符串，取自每张图下面链接的文件名与说明，不是本仓库起的名字。}

_{Swiss International · assets/style-preview-a.png}

_{East Asian Minimalism · assets/style-preview-b.png}

_{Risograph Print · assets/style-preview-c.png}

_{Bauhaus Geometry · assets/style-preview-d.png}

_{Organic Handcrafted · assets/style-preview-e.png}

_{Art Deco Luxury · assets/style-preview-f.png}

_{Neo Brutalism · assets/style-preview-g.png}

_{Retro Futurism · assets/style-preview-h.png}

_{Dark Editorial · assets/style-preview-i.png}

_{Memphis Pop · assets/style-preview-j.png}

_{assets/style-preview-zh-a.png}

_{assets/style-preview-zh-b.png}

_{assets/style-preview-zh-c.png}

_{assets/style-preview-zh-d.png}

_{assets/style-preview-zh-e.png}

_{assets/style-preview-zh-f.png}

_{assets/style-preview-zh-g.png}

_{assets/style-preview-zh-h.png}

_{assets/style-preview-zh-i.png}

_{assets/style-preview-zh-j.png}

_{assets/style-preview-zh-tw-a.png}

_{assets/style-preview-zh-tw-b.png}

_{assets/style-preview-zh-tw-c.png}

_{assets/style-preview-zh-tw-d.png}

PPTX from Layouts · 9 ⭐ · PPTX

_{严格通过模板母版版式，从 Markdown 生成 PPTX。}

_{取自 tristan-mcinnis/pptx-from-layouts-skill 的 1 张图，此处 1 张}

git clone https://github.com/tristan-mcinnis/pptx-from-layouts-skill

_{下面出现的风格 thumbnail —— 要哪个就在提示里点名。这些是项目自己用的字符串，取自每张图下面链接的文件名与说明，不是本仓库起的名字。}

_{Thumbnail · examples/q1-strategy/thumbnail.jpg}

_{以下项目的仓库里没有可用图片：Slidev、Quarkdown、Banana Slides、Visual Explainer、HTML Anything、Dashi PPT Skill、Codex PPT Skill、NanoBanana PPT Skills、Baoyu Design、Gorden PPT Skill、Codex Claude Academic Skills、Oh My PPT、Image to Editable PPT Skill、Gorden Super PPT Skills、CyberPPT、Ian Handdrawn PPT、PPT Image First、GPT Image2 PPT Skills、PPT Agent Skills、Humanize PPT、Claude Office Skills、Academic PPTX、Claude Skills、Power Design、Reveal.js Skill、Visual Style PPT Skill、Beamer Skill、RW Consulting PPT、Paper2Anything、DOM to PPTX、Marp Slides、Beamer Academic、Planners PPT Hell、Thesis Defense PPTX Skill、Apple Bento Grid、Codex PPT Skill、Hands on Deck、Skywork Skills、PPT Image2 Editable Rebuild、Slide Image to Editable PPTX、Magic Slide、Presentation Skills、Claude Design Skill、Servasyy Skills、Ultimate PPT Master Skill、Future Slide、Slide Deck Generator、HTML PPT Designer、Presentation Skills、PowerPoint Skill、Make Slide、PPT Report Skills、AI Paper to Slide Skill、Literature Report PPT Builder、Image to PPTX Skill、Visual Cognition Slides、CN Academic Spark、Knowledge Cat PPT Skill、SJTU PPT Template Skill、Deck Factory、Space Multi Design PPT、Lieflat HTML Design、Jiarui SVG Skills、Awesome PPT Skills、Editable Image to PPT Skill、Presentation、Huawei Style PPT Skill、HTML to Editable PPTX、Claude Code Codex Slide、Baoyu Xuanyi Skills、Beautiful Hackathon Slides、ImageGen PPTX Pipeline、Paper PPT Skill、Presentation Skill、Codex Image to Editable PPT、Slidev Skills、PPT Skill、BL Captain PPT Skill、HTML to PPT PDF、Slides AI Plugin、Scholar PPT CN、Narrative Engine、Image PPT King、PPT Design DNA、PPT Creator Skills、Beamer Skill、Jingge Sense Deck、Presentation Skill、Econ Empirical Paper PPT Skill、HTML to PPTX、Neon Slides、Claude HTML Slide Builder、30x McKinsey Research Deck、Keynote Slides Skill、PPT Agent、Interactive Slides、PPTX Template Skills、KAI Presentation、AI Draw Skill、Keynot、MBB Decks、Slide Wright、CyberBin PPT Skill、Competition PPT Template Skill、Four-Up PPT Generator、NanoBanana PPT Skills、NanoBanana PPT Skills、PPT Image Share Builder、HalfAI Gufa PPT、Slide Design Skill、Better PPT HTML Deck、Create HTML Deck、AWS HTML Slides、Prada Slides、Japanese Corporate PPTX Skill、Editable Leadership PPTX、SlideStage Pack、Deckset Claude Skill、McKinsey HTML Design Skill、IML PPTX、GZR NSFC PPT Skill、HTML to PPTX Skill、Bento PPT Skill、SlideSmith、Fudan University PPT Skill、Presentation Chef、Paper Figure PPTX Skill、AI Editable PPT Skill、Hand-Drawn PPT Skill、Guizang PPT Skill、TalkTrack、HTML PPT Skill、HTML to PPTX、PPT Expert Team、Vela Slides、Paper to LaTeX PPT、SOIL Deck Skills、PPT Master、PPT Image to Editable、Modern PPT、Bruce PPTX Generator、PPT Skill、Xidian Slides Skill、Presentation Forge、Tekion Slide Generator、Paper to Slides Skill、PPT Skills、Editable PPTX Skill、Pitch Deck Iterator、Zhongguose PPT Skill、ZJ Lab Academic PPTX Skills、Research Group PPT Skill、Paper to Scholar Slides、Consulting Diagnosis PPT Skill、Token Slides、Aham PPT、Notrat PPT Studio、Web PPT、Codex XKPPT Skill、High Quality Slides、PPT Design Skill、PowerPoint Skill、Slide Weaver、Competition PPT Skill、HFUT Presentation Studio、SJTU Beamer PPT、Frontend Slides、HTML Report Generator、Demo Prep Skill、Avatar PPT Master、Special Achievement Report、HTML PPT Academic Skill、HTML PPT Video Skill、PPT Template Fill、AI PPT Skill、SVG to PPTX Skill、Doc to PPT Skill、Economics Empirical PPT Skill、SlideSage、USTC PPT Template、Anthropic PPTX (official)、Baoyu Skills、AI Skills (Cross-Platform)。}

_{共 278 张，全部来自各项目自己的仓库，按原尺寸完整展示、不做缩略图 —— 幻灯片信息密度高，缩到 300px 根本看不清字体和层次。每张都读自锁定的 commit，出处写在它上方的说明里，并且直接由原仓库提供、没有复制到本仓库。没有任何一张是本仓库跑出来的，所以它反映的是每个团队愿意拿出来展示的样子，不是同题横评。用 python scripts/fetch_samples.py 重新生成。}

横评 —— 已搁置

原本的计划是拿一份公开评分卡给每个 skill 打分。工具链是真的建好了并且能跑：三份 语料、七维度评分卡、机械化的数据保真与图表校验、 双盲评审。

但它被搁置了，原因是算术。 PPTX 路线生成一份 deck 约需 $10 的 agent 成本，而且这个价还没 跑完；Tier S 全覆盖跑一遍要几百美元 —— 而评分卡自己写着，实测次数不到两位数时分数没有意义。 也就是说，要花几个月和真金白银才能得到第一个站得住的排名，这不该是这个仓库把自己耗进去的地方。 用上面的表来选，那是事实，不是分数。

这次尝试真正留下的东西比分数更值钱 —— 那些测量工具，以及一个现在成了 原则 7 实证的发现。

八条原则

三十来个团队并行解决了同一个问题。他们各自独立收敛到的地方，是这个领域最可靠的信号。 阅读全部原则 →

第 2 条的证据最硬：frontend-slides 和 Anthropic 官方 pptx skill 各自独立地、用几乎 一样的措辞，禁止了「标题下方的装饰线」。当一个社区和一个模型厂商收敛到同一条如此具体的禁令 时，那就是机器生成设计的真实指纹。

这份数据怎么保持准确

手工维护的列表一定会烂。这份是生成的：

data/skills.json       ──▶ 人工调研内容，唯一手写的文件
data/stats.json        ──▶ GitHub 实时数据，CI 每天刷新
data/capabilities.json ──▶ 文档声称的能力，每条都带出处引文
data/samples.json      ──▶ 样例图，锁定到读取时的那个 commit
        │
        └──▶ scripts/render.py ──▶ 生成两个 README 里的所有表格和图库

python scripts/fetch_stats.py       # 刷新 star / fork / license / 活跃度
python scripts/fetch_samples.py     # 重新抓取各仓库的样例图
python scripts/fetch_samples.py --verify   # 校验每张锁定的图仍然存在
python scripts/render.py            # 重新生成两个 README 的全部表格
python scripts/render.py --check    # CI 卡口：README 过期就失败

图库里的图一张都没有复制进本仓库，全部是指向原项目文件、且锁死 commit 的链接 —— 这样图不会在说明文字底下悄悄变掉，署名也丢不了。

GitHub Action 每天跑一次，数字变化时自动开 PR。手工改表格是无效操作 —— 下次生成会覆盖。 要改请改 data/skills.json。

参与贡献

新 skill、勘误，尤其是实测跑分 —— 见 CONTRIBUTING.md。

如果你是这些 skill 的作者，而这里写错了，请开 issue。我会改；如果是某次实测有问题，会重跑， 并把原始记录留在 git 历史里。

诚实的局限

• star 数衡量的是关注度，不是质量。 这里好几个项目的增长很大程度来自作者可观的社交影响 力。那是关于社区规模的真实信号，仅此而已。这正是横评存在的理由。
• 目前还没有实测数据。 本页的排序不是质量排名，而是一份按热度排序、并明确标注了这一 点的登记册 —— 在真实分数出现之前都是如此。
• 生成式的方差是真实存在的。 同一个 skill、同一个 prompt，两次产出就是不一样。在样本量 进入两位数之前，小的分差不说明任何问题。
• 描述基于文档，不是基于「我亲手都做过 deck」。登记册里 26 个是人工逐个读过 SKILL.md 的， 其余带 † 的只核对了仓库自己写的一句话。我实际跑过的，档案里会写明。
• 这是个快速变化的领域。 所有内容都带日期，请看清楚。

来源与前人工作

有两份精选列表走在这个仓库之前，也是本仓库的线索来源 —— ToseaAI/awesome-html-slide-skills 和 software-ai-life/Awesome-PPT-Design-Skills。 两者都聚焦 HTML 路线；本登记册同时覆盖 PPTX 路线 —— 而这个领域 star 数最高的那个项目，恰恰 就在那条路线上。

更长的调研笔记（含支撑八条原则的一手材料阅读）： docs/research-notes-2026-07.md。

所有 star、fork、license 和活跃度数据均由 GitHub REST API 实时抓取，从不转载其他列表。