Coding Agent 把 CSS 写好了，半年之内冒出一整个新品类：把文档变成不像机器做的幻灯片的 Skill。这一页收录了 227 个，其中四个 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 里的 引文会告诉你该去核对哪一句话。

动效：谁会动，怎么动

上面那张表里的「动效」一列只回答了「会不会动」。真正决定选择的是下一个问题：动的是什么， 以及最后交出去的是什么文件。 因为「做个带动画的 PPT」这句话，在这三十几个项目里指的是 三件互不兼容的事 —— 而这三件事之间几乎没法互相转换。

先想清楚你要交付什么，再往下看：

• 对方要在 PowerPoint 里打开、并且自己改 → 只能看第一组，名单很短
• 发个链接或者一个 HTML 文件就行 → 第二组，绝大多数项目在这里
• 要发到群里 / 社交平台，一个视频文件 → 第三组

动画写在 .pptx 文件里

_{PowerPoint 直接放，不经浏览器，收件人还能自己改时序。也是三条路里最难做的，所以这份名单只有这么长。}

动效跑在浏览器里

_{便宜、能做得花，但对方一句「给我 PPT 源文件」就全没了。本登记册里的动效绝大多数在这一档。}

产物是视频文件

_{它不是拿来讲的 deck，而是发出去的文件 —— MP4 / GIF，有的还带配音。严格说是另一件事，放在这里是因为有一半人说「要动画」指的就是它。}

_{✅ 该说法有项目文档原文佐证，引文在 data/capabilities.json 里 · · 该说法来自项目自己的一句话简介，没有人对着它的 SKILL.md 核对过。
**另外 191 个 skill，在本登记册读过的地方一个字都没提动效。**这是「查无此说」，不是「确定没有」—— 其中好几个几乎肯定会动，只是没写下来。}

一句话总结这张表：动效便宜的地方在浏览器，贵的地方在 .pptx。 如果你的交付物必须是 甲方能二次编辑的 PowerPoint 文件，可选项会立刻从二十几个缩到两个 —— 这个落差本身， 往往比任何一行说明都更能帮你定方案。

它们长什么样

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

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

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

请按它的本来面目看：每一张都是各团队自己挑的那一帧。一堆宣传图不是同题横评 —— 这些 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 ₂₄ · Codex Slides ₂₄ · 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 ₂₄ · Excalidraw Slides Generator ₅ · PPTX from Layouts ₁ · OpenCode PPT Studio ₃ · Econ Slides Skill ₅ · KR Brand Decks ₂₄ · 3D HTML Slide Skill ₂ · Image to Editable PPT Skill (zhoujie97) ₄ · CUHK Slides Template (HTML) ₂ · TaoHtml ₁₂ · PPTWork ₂₄ · TikTok Slideshow Command Center ₆ · University PPT Skill ₁₀ · Claude PPT Skills ₃ · Course HTML Slides Builder ₉ · Inspiration Deck Workshop ₂₃ · PPTX Deck Creation Kit ₃ · PPT Deck Builder Skill ₄ · Paper Deck Reveal ₂₂ · GHB PPT Skill ₁ · Google Slides Deck Skill ₁ · HTML Presentation Skill ₅ · Slide Deck Skill ₆ · Marp Slides Studio ₉

PPT Master · 44,208 ⭐ · 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 · 27,210 ⭐ · 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 · 23,632 ⭐ · 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,712 ⭐ · 双路线

_{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,759 ⭐ · 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,119 ⭐ · 框架

_{为 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 · 4,131 ⭐ · 模板库

_{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}

Codex Slides · 794 ⭐ · 框架

_{面向 Codex 的 AI 幻灯片工作台:图像原生画布、并行渲染、支持 PDF/PPTX 导出。}

_{取自 nexu-io/codex-slides 的 48 张图，此处 24 张，靠前的几张是项目自己放在 README 里的}

git clone https://github.com/nexu-io/codex-slides && cd codex-slides

_{下面出现的风格 hero · 01-home-community · 02-community-styles · 04-project-questions · 06-visual-style · 07-parallel-generation · 08-editor · 09-presenter-mode · 10-export · nb-vintage-patent · nb-visual-info-guide · market-report —— 要哪个就在提示里点名。这些是项目自己用的字符串，取自每张图下面链接的文件名与说明，不是本仓库起的名字。}

_{Codex Slides — the open-source AI slide studio inside your coding agent, operated in the Codex in-app Browser · hero · docs/assets/readme/hero.png}

_{Codex Slides home with the prompt composer, scenario shortcuts, and Community Styles · 01-home-community · docs/assets/readme/01-home-community.png}

_{Community Styles gallery with 73 visual directions · 02-community-styles · docs/assets/readme/02-community-styles.png}

_{English clarification form inside a Codex Slides project · 04-project-questions · docs/assets/readme/04-project-questions.png}

_{Ranked visual direction picker inside a Codex Slides project · 06-visual-style · docs/assets/readme/06-visual-style.png}

_{English slide generation with completed and pending pages visible · 07-parallel-generation · docs/assets/readme/07-parallel-generation.png}

_{English slide editor with the complete 16:9 canvas contained in view, editing toolbar, speaker notes, and thum · 08-editor · docs/assets/readme/08-editor.png}

_{Audience playback and Presenter Mode menu with the complete slide visible behind it · 09-presenter-mode · docs/assets/readme/09-presenter-mode.png}

_{English PDF and PowerPoint export menu above a fully contained 16:9 slide · 10-export · docs/assets/readme/10-export.png}

_{Vintage patent filing style technical page · nb-vintage-patent · public/community/nb-vintage-patent.jpg}

_{Clean visual information guide layout · nb-visual-info-guide · public/community/nb-visual-info-guide.jpg}

_{Business and market report deck · docs/assets/readme/case-market-report.png}

_{Data visualization dashboard deck · docs/assets/readme/case-data.png}

_{Product keynote deck · docs/assets/readme/case-keynote.png}

_{Editorial magazine-style deck · docs/assets/readme/case-editorial.png}

_{Bold high-contrast product ad slide · nb-bold-product-ad · public/community/nb-bold-product-ad.jpg}

_{Warm golden serif quote slide · nb-golden-serif-quote · public/community/nb-golden-serif-quote.jpg}

_{Midnight investor pitch title slide · foryou-pitch-midnight-traction · public/community/foryou-pitch-midnight-traction.jpg}

_{Answer-first data slide with a national map and KPI callouts · foryou-data-answer-first · public/community/foryou-data-answer-first.jpg}

_{Editorial ink-and-paper report title slide · foryou-craft-editorial-ink · public/community/foryou-craft-editorial-ink.jpg}

_{Warm chalkboard lesson layout with hand-drawn diagrams · nb-chalkboard-lesson · public/community/nb-chalkboard-lesson.jpg}

_{Scenario library with 24 presentation workflows · 03-scenarios · docs/assets/readme/03-scenarios.png}

_{Source-backed English research brief in Design Files · 05-research-brief · docs/assets/readme/05-research-brief.png}

_{Editable English presentation outline · 05-research-outline · docs/assets/readme/05-research-outline.png}

PPT Agent Workflow San · 626 ⭐ · 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 · 454 ⭐ · 双路线

_{可编辑 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 · 250 ⭐ · 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 · 246 ⭐ · 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 · 122 ⭐ · 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 · 73 ⭐ · 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 · 44 ⭐ · 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 · 30 ⭐ · 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}

Excalidraw Slides Generator · 18 ⭐ · 框架

_{两阶段工作流:把文本转成 16:9 Excalidraw 幻灯片,并自动生成配套 SVG 插图。}

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

_{image · GitHub 附件图}

_{image · GitHub 附件图}

_{image · GitHub 附件图}

_{image · GitHub 附件图}

_{image · GitHub 附件图}

PPTX from Layouts · 15 ⭐ · 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}

OpenCode PPT Studio · 13 ⭐ · 双路线

_{网页应用:先出大纲初稿,再开新会话精修,然后生成 HTML slides 并本地构建 PPTX。}

_{取自 Honghurumeng/oc_sdk_ppt 的 3 张图，此处 3 张，靠前的几张是项目自己放在 README 里的}

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

_{HTML 预览与版本切换：支持按意见调整并激活某个版本 · images/3.png}

_{主页：创建/恢复任务与 LLM 配置入口 · images/1.png}

_{构建日志：校验失败后自动修复并重试 · images/2.png}

Econ Slides Skill · 10 ⭐ · 框架

_{把经济学论文转成 Beamer 研讨会报告,并附带按时长排布的逐字讲稿。}

_{取自 hanlulong/econ-slides-skill 的 5 张图，此处 5 张，靠前的几张是项目自己放在 README 里的}

git clone https://github.com/hanlulong/econ-slides-skill ~/.claude/skills/econ-slides

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

_{Punchline slide from an AI-built Beamer talk: the main result, one supporting heterogeneity pattern, and the i · docs/images/sample-punchline.png}

_{Main-result slide: four exact Table 2 estimates with one highlighted cell and a concise economic reading · mainresult · docs/images/sample-mainresult.png}

_{Fig2 Event Study · docs/sample-talk/figures-slides/fig2_event_study.png}

_{Fig1 Rollout · docs/sample-talk/figures-slides/fig1_rollout.png}

_{Fig3 Cohorts · docs/sample-talk/figures-slides/fig3_cohorts.png}

KR Brand Decks · 5 ⭐ · 模板库

_{23 个 skill,每个对应一家韩国企业品牌,从零构建符合该品牌规范的 PPTX。}

_{取自 sylvanus4/kr-brand-decks 的 30 张图，此处 24 张，靠前的几张是项目自己放在 README 里的}

/plugin marketplace add sylvanus4/kr-brand-decks && /plugin install kr-brand-decks@kr-brand-decks

_{下面出现的风格 gallery · themes-gallery · celltrion · cj-cheiljedang · doosan · hanwha · hd-hyundai · hyundai-motor · kakao · kb-financial · kia · lg-electronics —— 要哪个就在提示里点名。这些是项目自己用的字符串，取自每张图下面链接的文件名与说明，不是本仓库起的名字。}

_{Gallery of 23 brand cover slides · docs/gallery.png}

_{Themes Gallery · docs/themes-gallery.png}

_{Celltrion · 封面 · skills/deck-celltrion/examples/celltrion-cover.png}

_{Cj Cheiljedang · 封面 · skills/deck-cj-cheiljedang/examples/cj-cheiljedang-cover.png}

_{Doosan · 封面 · skills/deck-doosan/examples/doosan-cover.png}

_{Hanwha · 封面 · skills/deck-hanwha/examples/hanwha-cover.png}

_{Hd Hyundai · 封面 · skills/deck-hd-hyundai/examples/hd-hyundai-cover.png}

_{Hyundai Motor · 封面 · skills/deck-hyundai-motor/examples/hyundai-motor-cover.png}

_{Kakao · 封面 · skills/deck-kakao/examples/kakao-cover.png}

_{Kb Financial · 封面 · skills/deck-kb-financial/examples/kb-financial-cover.png}

_{Kia · 封面 · skills/deck-kia/examples/kia-cover.png}

_{Lg Electronics · 封面 · skills/deck-lg-electronics/examples/lg-electronics-cover.png}

_{Lg Energy · 封面 · skills/deck-lg-energy/examples/lg-energy-cover.png}

_{Naver · 封面 · skills/deck-naver/examples/naver-cover.png}

_{Ncsoft · 封面 · skills/deck-ncsoft/examples/ncsoft-cover.png}

_{Tmpc · 01 · skills/deck-ncsoft/examples/tmpc-01.png}

_{Nongshim · 封面 · skills/deck-nongshim/examples/nongshim-cover.png}

_{Posco · 封面 · skills/deck-posco/examples/posco-cover.png}

_{Samsung Mobile · 封面 · skills/deck-samsung-mobile/examples/samsung-mobile-cover.png}

_{Samsung Sdi · 封面 · skills/deck-samsung-sdi/examples/samsung-sdi-cover.png}

_{Samsung Semi · 封面 · skills/deck-samsung-semi/examples/samsung-semi-cover.png}

_{Tmpc · 01 · skills/deck-samsung-semi/examples/tmpc-01.png}

_{Shinhan · 封面 · skills/deck-shinhan/examples/shinhan-cover.png}

_{Sk Hynix · 封面 · skills/deck-sk-hynix/examples/sk-hynix-cover.png}

3D HTML Slide Skill · 3 ⭐ · HTML

_{Claude Code 技能:一键生成带 Three.js 线框背景的单文件 HTML 演示幻灯片。}

_{取自 yoshifujidesign/3d-html-slide-skill 的 2 张图，此处 2 张，靠前的几张是项目自己放在 README 里的}

_{WS002985 · GitHub 附件图}

_{EP133-2_2 · GitHub 附件图}

Image to Editable PPT Skill (zhoujie97) · 3 ⭐ · PPTX

_{把截图与信息图重建为可编辑的 PowerPoint 文本框、原生形状与 SVG 图标。}

_{取自 zhoujie97/image-to-editable-ppt-skill 的 4 张图，此处 4 张，靠前的几张是项目自己放在 README 里的}

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

_{alt text · 效果图1 · 效果图/效果图1.png}

_{alt text · 效果图2 · 效果图/效果图2.png}

_{alt text · 原图2 · 效果图/原图2.png}

_{alt text · 原图1 · 效果图/原图1.jpg}

CUHK Slides Template (HTML) · 3 ⭐ · 模板库

_{一份自包含的港中大配色 HTML 幻灯片模板,附带 Markdown 转幻灯片的 skill。}

_{取自 HarlandZZC/cuhk-slides-template-html 的 2 张图，此处 2 张，靠前的几张是项目自己放在 README 里的}

git clone https://github.com/HarlandZZC/cuhk-slides-template-html && cp -r skills/md-to-cuhk-slides .claude/skills/

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

_{Title slide preview · docs/screenshots/title.png}

_{Your Figure · your-figure.png}

TaoHtml · 3 ⭐ · HTML

_{把已有的 Word、PDF 或 PPT 重新设计成带分步动效、可离线交付的 16:9 HTML 演示文稿。}

_{取自 TaoGEO/TaoHtml 的 12 张图，此处 12 张，靠前的几张是项目自己放在 README 里的}

_{下面出现的风格 reference-style-reconstruction · corporate-template-fidelity · built-in-visual-systems · reference-vi-board · corporate-family · 01-ai-search-mechanism · 02-geo-four-keywords · 03-recall-process · 04-retest-report · corporate-template-reference · corporate-family-section —— 要哪个就在提示里点名。这些是项目自己用的字符串，取自每张图下面链接的文件名与说明，不是本仓库起的名字。}

_{参考风格重构 VI 设计标准图 · reference-style-reconstruction · docs/assets/readme/v0.3.0/reference-style-reconstruction.png}

_{企业模板保真五页合成样例 · corporate-template-fidelity · docs/assets/readme/v0.3.0/corporate-template-fidelity.png}

_{TaoHtml 四套内置视觉系统各五页总览 · built-in-visual-systems · docs/assets/readme/v0.3.0/built-in-visual-systems.png}

_{Reference Vi Board · examples/corporate-template-fidelity/reference-vi-board.png}

_{Corporate Family · 封面 · tests/fixtures/corporate-family-cover.png}

_{01 Ai Search Mechanism · docs/assets/cases/geo-salon/01-ai-search-mechanism.png}

_{02 Geo Four Keywords · docs/assets/cases/geo-salon/02-geo-four-keywords.png}

_{03 Recall Process · docs/assets/cases/geo-salon/03-recall-process.png}

_{04 Retest Report · docs/assets/cases/geo-salon/04-retest-report.png}

_{Corporate Template Reference · tests/fixtures/corporate-template-reference.png}

_{Corporate Family Section · tests/fixtures/corporate-family-section.png}

_{Corporate Family · 目录页 · tests/fixtures/corporate-family-toc.png}

PPTWork · 2 ⭐ · PPTX

_{两个 Anthropic 风格技能:从 HTML 规划、写作并导出 PowerPoint 演示文稿。}

_{取自 JunfengRan/PPTWork 的 28 张图，此处 24 张，靠前的几张是项目自己放在 README 里的}

git clone https://github.com/JunfengRan/PPTWork && cd PPTWork/ppt && npm install

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

_{PPTWork capabilities cover slide · showcase · 封面 · examples/showcase/showcase-cover.png}

_{Two skills bento layout · showcase-bento · examples/showcase/showcase-bento.png}

_{AI agent market KPI row · showcase-kpi · examples/showcase/showcase-kpi.png}

_{Competitive landscape two-column slide · showcase-two-col · examples/showcase/showcase-two-col.png}

_{Four-step CLI workflow · showcase-export · examples/showcase/showcase-export.png}

_{Thumbnail · examples/ai-agent-landscape-2026/closing/thumbnail.png}

_{Thumbnail · examples/ai-agent-landscape-2026/cover/thumbnail.png}

_{Thumbnail · examples/ai-agent-landscape-2026/landscape/thumbnail.png}

_{Thumbnail · examples/ai-agent-landscape-2026/market-size/thumbnail.png}

_{Thumbnail · examples/ai-agent-landscape-2026/problem/thumbnail.png}

_{Thumbnail · examples/ai-agent-landscape-2026/roadmap/thumbnail.png}

_{Thumbnail · examples/ai-agent-landscape-2026/tech-trends/thumbnail.png}

_{Thumbnail · examples/pptwork-capabilities/p01-cover/thumbnail.png}

_{Thumbnail · examples/pptwork-capabilities/p03-bento/thumbnail.png}

_{Thumbnail · examples/pptwork-capabilities/p04-metrics/thumbnail.png}

_{Thumbnail · examples/pptwork-capabilities/p06-workflow/thumbnail.png}

_{Thumbnail · examples/pptwork-capabilities/p07-philosophy/thumbnail.png}

_{Thumbnail · examples/pptwork-capabilities/p08-closing/thumbnail.png}

_{Thumbnail · ppt/assets/claude-warm/_preview/bento-asymmetric/thumbnail.png}

_{Thumbnail · ppt/assets/claude-warm/_preview/cover-editorial/thumbnail.png}

_{Thumbnail · ppt/assets/claude-warm/_preview/flow-timeline/thumbnail.png}

_{Thumbnail · ppt/assets/claude-warm/_preview/quote-highlight/thumbnail.png}

_{Thumbnail · ppt/assets/claude-warm/_preview/section-divider/thumbnail.png}

_{Thumbnail · ppt/assets/corporate-light/_preview/agenda-grid/thumbnail.png}

TikTok Slideshow Command Center · 2 ⭐ · 图片

_{规划 TikTok 图文轮播:内容切角、单页设计与发布节奏一次成型。}

_{取自 Meliwat/vyral-tiktok-slideshow-skill 的 6 张图，此处 6 张，靠前的几张是项目自己放在 README 里的}

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

_{Slide 1 · skill/examples/renders/slide-01.jpg}

_{Slide 3 · skill/examples/renders/slide-03.jpg}

_{Slide 5 · skill/examples/renders/slide-05.jpg}

_{The Command Center planning board · docs/command-center.png}

_{Renders · skill/examples/renders/slide-02.jpg}

_{Renders · skill/examples/renders/slide-04.jpg}

University PPT Skill · 1 ⭐ · 模板库

_{以校色 token 与可复用版式库生成可编辑的高校主题 PPTX 演示文稿。}

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

git clone https://github.com/SiyuQiannn/university-ppt-skill

_{下面出现的风格 contact-sheet · 02-图文案例证据-源模板复刻 · 05-对比分析框架-源模板复刻 · 03-流程时间线阶段-源模板复刻 · 01-综合卡片要点-源模板复刻 · 06-数据图表表格-源模板复刻 · 08-循环网络关系-源模板复刻 · spec-driven-demo-contact-sheet · 04-层级金字塔框架-源模板复刻 · 10-图标素材库-源模板复刻 —— 要哪个就在提示里点名。这些是项目自己用的字符串，取自每张图下面链接的文件名与说明，不是本仓库起的名字。}

_{Preview · contact-sheet · examples/preview_contact_sheet.png}

_{02 图文案例证据 源模板复刻 · skill/university-ppt/assets/content-layouts/ruc_core/preview_02_图文案例证据_源模板复刻.png}

_{05 对比分析框架 源模板复刻 · skill/university-ppt/assets/content-layouts/ruc_core/preview_05_对比分析框架_源模板复刻.png}

_{03 流程时间线阶段 源模板复刻 · skill/university-ppt/assets/content-layouts/ruc_core/preview_03_流程时间线阶段_源模板复刻.png}

_{01 综合卡片要点 源模板复刻 · skill/university-ppt/assets/content-layouts/ruc_core/preview_01_综合卡片要点_源模板复刻.png}

_{06 数据图表表格 源模板复刻 · skill/university-ppt/assets/content-layouts/ruc_core/preview_06_数据图表表格_源模板复刻.png}

_{08 循环网络关系 源模板复刻 · skill/university-ppt/assets/content-layouts/ruc_core/preview_08_循环网络关系_源模板复刻.png}

_{Spec Driven Demo Contact Sheet · examples/spec_driven_demo_contact_sheet.png}

_{04 层级金字塔框架 源模板复刻 · skill/university-ppt/assets/content-layouts/ruc_core/preview_04_层级金字塔框架_源模板复刻.png}

_{10 图标素材库 源模板复刻 · skill/university-ppt/assets/content-layouts/ruc_core/preview_10_图标素材库_源模板复刻.png}

Claude PPT Skills · 1 ⭐ · HTML

_{生成六种风格的单文件 HTML 横向翻页 PPT,支持网页在线编辑与缩略图总览。}

_{取自 sunxiaohui2025/claude-ppt-skills 的 3 张图，此处 3 张，靠前的几张是项目自己放在 README 里的}

_{截屏2026-05-28 15 23 36 · GitHub 附件图}

_{image · GitHub 附件图}

_{image · GitHub 附件图}

Course HTML Slides Builder · 1 ⭐ · HTML

_{把课程大纲转成多页 HTML 幻灯片,面向课堂投影与互动工作坊设计。}

_{取自 HelenSong/course-html-slides-skill 的 9 张图，此处 9 张，靠前的几张是项目自己放在 README 里的}

_{下面出现的风格 collage · p01 · p02-hook · p03-driving-question · p04-project-intro · p06-role-guide · p08-writing-guide · p11-practice · p12-share —— 要哪个就在提示里点名。这些是项目自己用的字符串，取自每张图下面链接的文件名与说明，不是本仓库起的名字。}

_{Slide Collage · docs/collage.png}

_{P01 · 封面 · docs/screenshots/p01-cover.png}

_{P02 Hook · docs/screenshots/p02-hook.png}

_{P03 Driving Question · docs/screenshots/p03-driving-question.png}

_{P04 Project Intro · docs/screenshots/p04-project-intro.png}

_{P06 Role Guide · docs/screenshots/p06-role-guide.png}

_{P08 Writing Guide · docs/screenshots/p08-writing-guide.png}

_{P11 Practice · docs/screenshots/p11-practice.png}

_{P12 Share · docs/screenshots/p12-share.png}

Inspiration Deck Workshop · 1 ⭐ · 模板库

_{23 套主题与 25 种页面版式,用一个小 CLI 生成带动效的静态 HTML 演示。}

_{取自 zjsthmjialin/inspiration-deck-workshop 的 23 张图，此处 23 张，靠前的几张是项目自己放在 README 里的}

git clone https://github.com/zjsthmjialin/inspiration-deck-workshop && node tools/cli.mjs new my-deck --template product-launch

_{下面出现的风格 18-black-gold-stage · 19-platinum-launch · 21-signal-dashboard · 23-vivid-pop · 00-all-themes-contact-sheet · 01-clear-board · 02-mist-blue · 03-data-brief · 04-deep-code · 05-terminal-signal · 06-blueprint-grid · 07-soft-card —— 要哪个就在提示里点名。这些是项目自己用的字符串，取自每张图下面链接的文件名与说明，不是本仓库起的名字。}

_{Black Gold Stage · 18-black-gold-stage · docs/assets/theme-showcase/18-black-gold-stage.png}

_{Platinum Launch · 19-platinum-launch · docs/assets/theme-showcase/19-platinum-launch.png}

_{Signal Dashboard · 21-signal-dashboard · docs/assets/theme-showcase/21-signal-dashboard.png}

_{Vivid Pop · 23-vivid-pop · docs/assets/theme-showcase/23-vivid-pop.png}

_{All theme preview · 00-all-themes-contact-sheet · docs/assets/theme-showcase/00-all-themes-contact-sheet.png}

_{01 Clear Board · docs/assets/theme-showcase/01-clear-board.png}

_{02 Mist Blue · docs/assets/theme-showcase/02-mist-blue.png}

_{03 Data Brief · docs/assets/theme-showcase/03-data-brief.png}

_{04 Deep Code · docs/assets/theme-showcase/04-deep-code.png}

_{05 Terminal Signal · docs/assets/theme-showcase/05-terminal-signal.png}

_{06 Blueprint Grid · docs/assets/theme-showcase/06-blueprint-grid.png}

_{07 Soft Card · docs/assets/theme-showcase/07-soft-card.png}

_{08 Editorial Space · docs/assets/theme-showcase/08-editorial-space.png}

_{09 Journal Spark · docs/assets/theme-showcase/09-journal-spark.png}

_{11 Glass Light · docs/assets/theme-showcase/11-glass-light.png}

_{12 Brand Pop · docs/assets/theme-showcase/12-brand-pop.png}

_{13 Paper Research · docs/assets/theme-showcase/13-paper-research.png}

_{14 Consulting Pro · docs/assets/theme-showcase/14-consulting-pro.png}

_{15 Minimal Stage · docs/assets/theme-showcase/15-minimal-stage.png}

_{16 Neon Orbit · docs/assets/theme-showcase/16-neon-orbit.png}

_{17 Quantum Grid · docs/assets/theme-showcase/17-quantum-grid.png}

_{20 Executive Ink · docs/assets/theme-showcase/20-executive-ink.png}

_{22 Editorial Luxe · docs/assets/theme-showcase/22-editorial-luxe.png}

PPTX Deck Creation Kit · 1 ⭐ · PPTX

_{以显式坐标规格生成 PPTX,输出保持原生对象,并以 Copilot 插件形式分发。}

_{取自 kimtth/agent-pptify-kit 的 3 张图，此处 3 张，靠前的几张是项目自己放在 README 里的}

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

_{Contact sheet of all 81 layouts in pptify-kit-stress-demo.pptx · pptify-kit-stress-demo-contact-sheet · docs/preview/pptify-kit-stress-demo-contact-sheet.png}

_{Contact sheet of all 60 layouts in pptify-kit-stress-demo-v3.pptx · pptify-kit-stress-demo-v3-contact-sheet · docs/preview/pptify-kit-stress-demo-v3-contact-sheet.png}

_{Contact sheet of all 50 layouts in pptify-kit-stress-demo-v2.pptx · pptify-kit-stress-demo-v2-contact-sheet · docs/preview/pptify-kit-stress-demo-v2-contact-sheet.png}

PPT Deck Builder Skill · 1 ⭐ · 图片

_{逐页生成成品图,只返修出问题的单页,最后统一打包成 PPTX。}

_{取自 lk251066/ppt-deck-builder-skill 的 4 张图，此处 4 张，靠前的几张是项目自己放在 README 里的}

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

_{slide-01 · examples/grsai_ai_science_deck_micro_modules/slide-01.png}

_{slide-04 · examples/grsai_ai_science_deck_micro_modules/slide-04.png}

_{slide-06 · examples/grsai_ai_science_deck_micro_modules/slide-06.png}

_{slide-08 · examples/grsai_ai_science_deck_micro_modules/slide-08.png}

Paper Deck Reveal · 0 ⭐ · 框架

_{基于 reveal.js 的技能:把学术论文转为带交互演示的离线可投影幻灯片。}

_{取自 O0000-code/paper-deck-reveal 的 22 张图，此处 22 张，靠前的几张是项目自己放在 README 里的}

git clone https://github.com/O0000-code/paper-deck-reveal && cd paper-deck-reveal

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

_{Cover slide of a journal-club deck: a red hairline rule, a Chinese framing question set above the paper's Engl · hero · docs/screenshots/hero.png}

_{Participant funnel slide: recruited N = 976 → excluded −59 → analysed N = 917 · docs/screenshots/funnel.png}

_{Per-language results slide: the paper · forest · docs/screenshots/forest.png}

_{Interactive slide: the participant · docs/screenshots/interactive.png}

_{Speaker view: current slide, next slide, timers, and nested speaker notes · docs/screenshots/speaker.png}

_{Eight accent presets applied to the same slide of the same deck · docs/screenshots/presets.png}

_{Rstb20200390f02 · examples/cwiek-2022-bouba-kiki/figures/provenance/rstb20200390f02.jpg}

_{Rstb20200390f02 · examples/cwiek-2022-bouba-kiki/figures/rstb20200390f02.jpg}

_{Rstb20200390f03 · examples/cwiek-2022-bouba-kiki/figures/provenance/rstb20200390f03.jpg}

_{Rstb20200390f03 · examples/cwiek-2022-bouba-kiki/figures/rstb20200390f03.jpg}

_{Rstb20200390f06 · examples/cwiek-2022-bouba-kiki/figures/provenance/rstb20200390f06.jpg}

_{Rstb20200390f06 · examples/cwiek-2022-bouba-kiki/figures/rstb20200390f06.jpg}

_{Rstb20200390f04 · examples/cwiek-2022-bouba-kiki/figures/provenance/rstb20200390f04.jpg}

_{Rstb20200390f04 · examples/cwiek-2022-bouba-kiki/figures/rstb20200390f04.jpg}

_{Rstb20200390f02 · docs/figures/provenance/rstb20200390f02.jpg}

_{Rstb20200390f02 · docs/figures/rstb20200390f02.jpg}

_{Rstb20200390f03 · docs/figures/provenance/rstb20200390f03.jpg}

_{Rstb20200390f03 · docs/figures/rstb20200390f03.jpg}

_{Rstb20200390f06 · docs/figures/provenance/rstb20200390f06.jpg}

_{Rstb20200390f06 · docs/figures/rstb20200390f06.jpg}

_{Rstb20200390f04 · docs/figures/provenance/rstb20200390f04.jpg}

_{Rstb20200390f04 · docs/figures/rstb20200390f04.jpg}

GHB PPT Skill · 0 ⭐ · PPTX

_{基于企业模板输出 PPTX,SVG 转为可编辑 DrawingML,默认全离线验证。}

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

python3 -m pip install -r requirements.txt && python3 scripts/ghb_ppt.py doctor

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

_{Showcase · assets/readme/showcase.png}

Google Slides Deck Skill · 0 ⭐ · 框架

_{通过 API 重建 Google Slides 演示文稿,并把每页渲染成 PNG 回看以自查结果。}

_{取自 eranw2000/google-slides-skill 的 1 张图，此处 1 张，靠前的几张是项目自己放在 README 里的}

cp -R google-slides-skill/enhance-slides ~/.claude/skills/

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

_{enhance-slides flow · docs/enhance-slides-flow.png}

HTML Presentation Skill · 0 ⭐ · HTML

_{把文档、笔记或简报转成独立的 HTML 演示页面,并对结果做校验。}

_{取自 defreitassl/html-presentation-skill 的 5 张图，此处 5 张，靠前的几张是项目自己放在 README 里的}

_{下面出现的风格 artemis-program-overview · artemis-ii-executive-briefing · kubernetes-command-center · artemis-ii-mission-planner · who-air-pollution-dossier —— 要哪个就在提示里点名。这些是项目自己用的字符串，取自每张图下面链接的文件名与说明，不是本仓库起的名字。}

_{Artemis Program Overview preview · assets/previews/artemis-program-overview.png}

_{Artemis II Executive Briefing preview · assets/previews/artemis-ii-executive-briefing.png}

_{Kubernetes Command Center preview · assets/previews/kubernetes-command-center.png}

_{Artemis II Mission Planner preview · assets/previews/artemis-ii-mission-planner.png}

_{WHO Ambient Air Pollution Dossier preview · who-air-pollution-dossier · assets/previews/who-air-pollution-dossier.png}

Slide Deck Skill · 0 ⭐ · HTML

_{单文件 16:9 HTML 演示,浅色仪表盘风格,每页只讲一件事。}

_{取自 jayworker/slide-deck-skill 的 6 张图，此处 6 张，靠前的几张是项目自己放在 README 里的}

git clone https://github.com/jayworker/slide-deck-skill "$HOME/.claude/skills/slide-deck"

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

_{표지 · docs/screenshots/slide-1.png}

_{3층 구조 · docs/screenshots/slide-2.png}

_{아이콘 규칙 · docs/screenshots/slide-3.png}

_{데이터 슬라이드 · docs/screenshots/slide-4.png}

_{데이터 색 규칙 · docs/screenshots/slide-5.png}

_{액션 아이템 · docs/screenshots/slide-6.png}

Marp Slides Studio · 0 ⭐ · 模板库

_{50 套 Marp 主题,配主题画廊、对比度检查与四个面向 Agent 的 deck 制作 skill。}

_{取自 unsolublesugar/marp-slides-studio 的 9 张图，此处 9 张，靠前的几张是项目自己放在 README 里的}

gh repo create my-slides --template unsolublesugar/marp-slides-studio --private --clone && npm install

_{下面出现的风格 theme-preview · themes · gallery · layouts · code-block · code-block-diff · patterns · tones · themes-select —— 要哪个就在提示里点名。这些是项目自己用的字符串，取自每张图下面链接的文件名与说明，不是本仓库起的名字。}

_{テーマ切替プレビュー · theme-preview · docs/theme-preview.png}

_{テーマの例（レイアウト×配色×トーンの組み合わせ） · themes · docs/themes.png}

_{テーマギャラリー · gallery · docs/gallery.png}

_{レイアウトバリエーション · layouts · docs/layouts.png}

_{コードブロックの表示例 · code-block · docs/code-block.png}

_{diffの表示例 · code-block-diff · docs/code-block-diff.png}

_{レイアウトパターン · patterns · docs/patterns.png}

_{トーンの違い · tones · docs/tones.png}

_{Themes Select · docs/themes-select.png}

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

_{共 485 张，全部来自各项目自己的仓库，按原尺寸完整展示、不做缩略图 —— 幻灯片信息密度高，缩到 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」。登记册里 39 个是人工逐个读过 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 实时抓取，从不转载其他列表。