SkillCast 首批精选 Skill 正在整理中 查看市场 →
编辑精选· 人工核验

归藏 PPT Skill - 网页 PPT / 配图 / 封面生成

一个适配 Claude Code / Codex 等 AI Agent 的网页 PPT 生成技能,可生成单文件 HTML 横向翻页 PPT、配图和多平台封面,内置演讲者模式与排练工具,提供电子杂志风和瑞士国际主义两套视觉系统。

PPT网页演示AI AgentClaude CodeCodex演讲瑞士风杂志风

这是什么

归藏 PPT Skill 是一个适配 Claude Code / Codex 等 AI Agent 环境的网页 PPT 生成技能,由作者 op7418 创建并维护。它用于生成单文件 HTML 横向翻页 PPT、PPT 配图和多平台封面,并内置完整的排练与演讲者模式。

项目在 GitHub 上获得 25233 颗星、1782 次 fork,采用 AGPL-3.0 协议,最新版本为 v1.1.0。该项目还获得了 360 安全龙虾、Kimi work、Cola Skill 的金牌赞助以及真格 Token Grant 的支持。

这个 Skill 内置两套视觉系统:

  • Style A:电子杂志 × 电子墨水。像 Monocle 杂志贴上了代码,适合叙事、观点、分享、个人风格表达。
  • Style B:瑞士国际主义。网格至上、单一高饱和锚点色、直角、发丝线、极致字号对比,适合事实、产品、分析、方法论表达。

适合谁

这个 Skill 适合以下场景:

  • 线下分享 / 行业内部讲话 / 私享会
  • AI 新产品发布 / demo day
  • 带强烈个人风格的演讲
  • 需要"一次做完,不用翻页工具"的网页版 slides

不适合的场景:

  • 大段表格数据、图表叠加(建议用常规 PPT)
  • 培训课件(信息密度不够)
  • 需要多人协作编辑(这是静态 HTML)

能做什么

双视觉系统

Style A 电子杂志风提供 10 种布局,包括封面、章节、数据大字报、图文、图片网格、Pipeline、对比等;Style B 瑞士国际主义提供 22 种锁定版式,包括 Cover、Statement、KPI Tower、Loop Diagram、Duo Compare、Image Hero、Closing Manifesto 等。

核心能力

  • 横向左右翻页:键盘 ← → / 滚轮 / 触屏滑动 / 底部圆点 / ESC 索引
  • 主题色预设:Style A 5 套电子墨水主题,Style B 4 套瑞士高饱和锚点色
  • Codex 可选配图流程:可用 GPT-Image 2.0 / GPT-M 2.0 生成纪实照片、信息图、流程图、系统关系图、UI 情景图
  • 多平台封面:生成公众号 21:9、公众号分享卡 1:1、小红书 3:4、视频号横版等封面
  • 演讲者模式:双窗口观众屏、当前页/下一页 16:9 预览、演讲备注、计时排练、自动翻页、激光笔、圈选和现场故障恢复
  • 低性能静态模式:按 B 可关闭 WebGL / canvas 动画
  • 单文件 HTML:不需要构建、不需要服务器,浏览器直接打开

使用前准备

使用这个 Skill 需要:

  • 安装 Claude Code、Codex 或其他支持文件读写和 shell 命令的 AI Agent 环境
  • 用于预览 HTML 文件的浏览器
  • 可选:Codex 环境中的 GPT-Image 2.0 / GPT-M 2.0 图片生成能力

安装方法

推荐使用一行命令安装:

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

也可以手动克隆:

git clone https://github.com/op7418/guizang-ppt-skill.git ~/.claude/skills/guizang-ppt-skill

安装后,直接对 Agent 说"帮我做一份杂志风 PPT"或"帮我做一份瑞士风 PPT"即可触发。

使用示例

安装后可以直接对 Agent 说:

帮我基于这篇文章做一份瑞士风 PPT,控制在 7 页左右,需要 2-3 张配图。

也可以尝试这些请求:

  • "帮我把这份 Markdown 做成杂志风演讲 PPT。"
  • "基于这份 PPT 的核心观点,生成一张公众号 21:9 头图。"
  • "把这张产品截图重新设计成适合 PPT 的 16:10 配图。"
  • "给这份 PPT 补齐演讲备注和每页计划时长,然后用演讲者模式帮我排练。"

风险与注意事项

  • 本项目采用 AGPL-3.0 协议,使用时请注意协议条款。
  • 该 Skill 生成的是静态 HTML 文件,不适合需要多人协作编辑的场景。
  • 对于大段表格数据和培训课件场景,信息密度可能不够,建议使用常规 PPT 工具。
  • 项目当前有 40 个 open issues,使用过程中如遇问题可关注 GitHub 仓库更新。
  • 主题色不允许自定义 hex 值,只能从预设主题中选择,这是为了保护整体美学一致性。
INSTALLATION

安装命令

TERMINAL
npx skills add https://github.com/op7418/guizang-ppt-skill --skill guizang-ppt-skill
兼容平台Claude Code、Codex、Cursor、通用 Agent
运行环境需要能读写文件并执行 shell 命令的 AI Agent 环境(如 Claude Code、Codex、Cursor),以及用于预览的浏览器。
API Key不需要
本地环境需要
费用免费