guizang-ppt-skill 把演讲 PPT 做成电子杂志风味
一句话生成横向翻页的杂志风网页 PPT,像 Monocle 贴上了代码的样子
GitHub 项目地址
这是什么
guizang-ppt-skill 是一个 Claude Code Skill,能把你的 prompt 变成单文件 HTML 横向翻页 PPT。视觉风格是「电子杂志 × 电子墨水」——衬线大标题、WebGL 流体背景、横向左右翻页,打开浏览器就能演示。
它不是传统 PPT 工具,而是一个设计系统:10 种页面布局骨架、5 套主题色预设、WebGL hero 背景,全部打包进一个 HTML 文件。不需要构建、不需要服务器,浏览器直接打开,U 盘拷走就能讲。
这个项目由歸藏(@op7418)在「一人公司:被 AI 折叠的组织」「一种新的工作方式」等线下分享中沉淀而成。作者把踩过的坑都写进了 checklist.md,所以生成的 PPT 不会犯低级错误。
核心亮点
1. 单文件交付
整个 PPT 就是一个 HTML 文件。没有 CSS 依赖、没有 JS 打包、没有图片资源文件夹。复制到 U 盘、发到微信、上传 GitHub Pages, anywhere 都能打开。
对于经常线下分享的人来说,这意味着再也不用担心现场环境出问题。
2. 10 种页面布局
Skill 内置了 10 种精心设计的布局骨架:
你不需要懂设计,只需要选布局、填内容。
3. 5 套主题色
一套命令换主题,不用手动调颜色。
4. WebGL 流体背景
Hero 页面有 WebGL 流体/色散动画背景,正文页面自动克制。动静结合,既有视觉冲击力,又不干扰内容阅读。
5. 多种翻页方式
适配各种演示场景。
安装使用
一行命令安装
npx skills add https://github.com/op7418/guizang-ppt-skill --skill guizang-ppt-skill
触发方式
安装后,在 Claude Code 里直接说:
•「生成一个 horizontal swipe deck」•「electronic ink 风格演讲 slides」Claude 会自动调用这个 Skill,并引导你完成 6 步工作流:
•需求澄清 — 受众、时长、素材、图片、主题色、硬约束•拷贝模板 — assets/template.html → 项目目录•填充内容 — 从 10 种 layout 里挑选、修改文案适用场景
✅ 适合
❌ 不适合
技术细节
•字体:衬线大标题 + 非衬线正文 + 等宽元数据,三级字体分工•动画:WebGL 流体背景,hero 页可见,正文页克制•输出:单文件 HTML,可直接部署到 GitHub Pages项目信息
总结
如果你经常需要做分享 PPT,又希望有自己的视觉风格,这个项目值得一试。它不是要取代 PowerPoint 或 Keynote,而是提供了一种轻量、快速、有设计感的替代方案。
最重要的是:单文件交付。这一点,对经常线下跑场的人来说,太香了。