还在为做一场有格调的线下分享而反复调整 PowerPoint 字体、配色和动画？归藏（guizang）开发的「Magazine Web PPT」技能，让 Claude Code、Cursor 等 AI 编程助手直接为你生成一份「像《Monocle》杂志一样高级、又带点程序员冷感」的单页 HTML 演示文稿——无需安装软件、不用部署服务器，双击打开即播，键盘左右键或手指一划就能翻页。
核心功能
- 杂志级视觉语言：衬线字体撑起标题气场，无衬线正文保障可读性，等宽字体标注页码/来源等元信息，三者分工明确，拒绝“PPT 味”
- WebGL 动态背景：首页自动启用流体模拟或光色散效果，沉浸感拉满；内页则智能降级为克制留白，专注内容本身
- 10 种专业版式模板：覆盖开场封面、章节幕封、数据大字报、左文右图、图片网格、Pipeline 流程图、悬念提问页、经典引用页、Before/After 对比、图文混排等高频场景
- 5 套手选主题色系：墨水经典（黑白灰+红点睛）、靛蓝瓷（青釉质感）、森林墨（苔藓绿+暖棕）、牛皮纸（复古纸纹+赭石）、沙丘（大地色渐变），拒绝默认蓝白审美疲劳
- AI 配图无缝协同：支持接入 GPT-M 2.0 等图像模型，自动生成纪实照片、信息图、系统关系图、UI 情景图，并按页面模板精准裁切、比例适配
- 真·单文件交付：所有 HTML、CSS、JS、字体、WebGL 脚本、图标全部打包进一个 .html 文件，发给同事/客户，对方浏览器点开就看，零依赖、零配置、零学习成本
适合哪些人用
如果你是独立开发者、AI 产品经理、行业布道师、技术创业者或策展型讲师，常需在私享会、Demo Day、闭门沙龙、新品发布会等场景中，用高质感、低冗余的方式传递思想——而不是堆砌参数表格或填鸭式课件——那么这套工具就是为你量身定制的。它不服务于“培训教学”，而服务于“观点表达”；不追求“多人协作编辑”，而专注“一人一稿一风格”的完成度。
快速上手
安装只需一行命令（推荐）：npx skills add https://github.com/op7418/guizang-ppt-skill --skill guizang-ppt-skill
或直接把安装指令发给你的 AI Agent（如 Claude Code / Cursor）：“帮我安装 guizang-ppt-skill 这个技能”，它会自动创建目录、克隆仓库、校验文件并反馈成功。之后只需说一句“做一份杂志风 PPT，主题是《AI 如何重塑设计工作流》”，AI 就会输出一个完整 HTML 文件——你甚至可以把它拖进 Obsidian、Logseq 或 Notion 中作为嵌入式演示使用。
项目信息
A Claude Code Skill that turns prompts into horizontal-swipe magazine-style HTML decks — 10 layouts, 5 curated themes, WebGL hero backgrounds, single-
4.7k
Stars
449
Forks
HTML
MIT
编程语言：HTML｜Star 数：4652｜开源协议：MIT｜GitHub 项目地址
这不是又一个 PPT 替代品，而是一次对「演示本质」的重新定义：当演讲者退居幕后，内容与形式真正合二为一，一页即一帧，翻页即呼吸。
