📌 專案簡介
這是 GitHub 上一個備受關注的開源專案,致力於Claude Code skill for magazine-style PPT。該專案目前已獲得 4,316 stars,受到開發者社群的廣泛關注。
🔑 主要特色
Magazine Web PPT · 电子杂志风网页 PPT Skill
> 🌏 **English version: README.en.md**
一个适配 Claude Code / Codex 等 Agent 环境的网页 PPT 技能,用于生成**单文件 HTML 横向翻页 PPT**,视觉基调是”**电子杂志 × 电子墨水**”——像 *Monocle* 贴上了代码的样子。
> 由 歸藏 在”一人公司:被 AI 折叠的组织”、”一种新的工作方式”等线下分享中沉淀而成,踩过的每一个坑都写进了 `checklist.md`。
效果
- 🖋 **衬线大标题 + 非衬线正文 + 等宽元数据**的三级字体分工
- 🌊 **WebGL 流体/色散背景**,hero 页可见,正文页克制
- 📐 **横向左右翻页**:键盘 ← → / 滚轮 / 触屏滑动 / 底部圆点 / ESC 索引
- 🎨 **5 套主题色预设**:墨水经典 / 靛蓝瓷 / 森林墨 / 牛皮纸 / 沙丘
- 🧩 **10 种页面布局**:开场封面、章节幕封、数据大字报、左文右图、图片网格、Pipeline、悬念问题、大引用、Before/After 对比、图文混排
- 🖼 **Codex 可选配图流程**:可用 GPT-M 2.0 生成纪实照片、信息图、流程图、系统关系图、UI 情景图,并按模板比例插入
- 📄 **单文件 HTML**:不需要构建、不需要服务器,浏览器直接打开
适合 / 不适合
**✅ 合适**:线下分享 / 行业内部讲话 / 私享会 / AI 产品发布 / demo day / 带强烈个人风格的演讲
**❌ 不合适**:大段表格数据 / 培训课件(信息密度不够)/ 需要多人协作编辑(静态 HTML)
安装
方式一:一行命令安装(推荐)
npx skills add https://github.com/op7418/guizang-ppt-skill –skill guizang-ppt-skill
方式二:把下面这段话直接发给 AI
> 帮我安装 `guizang-ppt-skill` 这个 Claude Code skill。请按下面步骤做:
>
> 1. 确保 `~/.claude/skills/` 目录存在(不存在就创建)
> 2. 执行 `git clone https://github.com/op7418/guizang-ppt-skill.git ~/.claude/skills/guizang-ppt-skill`
> 3. 验证:`ls ~/.claude/skills/guizang-ppt-skill/` 应该看到 `SKILL.md`、`assets/`、`references/` 三项
> 4. 告诉我安装好了,之后我说”做一份杂志风 PPT”之类的话就会触发这个 skill
把这段话复制粘贴给 Claude Code / Cursor / 任何有 shell 权限的 AI Agent,它会自动完成安装。
方式三:手动命令行
git clone https://github.com/op7418/guizang-ppt-skill.git ~/.claude/skills/guizang-ppt-skill
触发方式
装好后,Claude Code 会在对话里自动发现并调用这个 skill。触发关键词:
- “帮我做一份杂志风 PPT”
- “生成一个 horizontal swipe deck”
- “editorial magazine style presentation”
- “electronic ink 风格演讲 slides”
使用流程
Skill 本身是结构化工作流,Agent 会逐步引导:
1. **需求澄清** — 6 问清单:受众、时长、素材、图片、主题色、硬约束
2. **拷贝模板** — `assets/template.html` → 项目目录,改 `
3. **填充内容** — 从 10 种 layout 骨架里挑、粘、改文案(先做类名预检 + 主题节奏规划)
4. **可选配图** — 在 Codex 中可询问是否用
📦 安裝與使用
請參考官方 README 文件中的安裝說明。通常的安裝方式包括:
- 克隆專案到本地
- 按照 README 中的指示進行配置
- 運行相關命令啟動專案
🔗 相關連結
💡 想了解更多開源 AI 專案?歡迎持續關注我們的更新!
發佈留言