开源一个 PPT Skill｜压进了我 10 年的设计经验 ✍ 歸藏(guizang.ai)🕐 2026-04-24📦 8.6 KB 🟢 已读 𝕏 文章列表 作者开源了一款名为 guizang-ppt-skill 的 PPT 生成工具，该工具将其 10 年的设计经验封装为 AI Skill。产品采用“电子杂志 × 电子墨水”的设计风格，提供 10 种页面布局、5 套主题色及完整的交互逻辑，旨在通过人机协作接口，利用 AI 规范化生成高质量的演示文稿。 PPT设计开源AI SkillClaude Code交互设计CSS效率工具网格系统GitHub # 开源一个 PPT Skill｜压进了我 10 年的设计经验 **作者**: 歸藏(guizang.ai) **日期**: 2026-04-24T01:23:27.000Z **来源**: [https://x.com/op7418/status/2047486546300051478](https://x.com/op7418/status/2047486546300051478) ---   上周被李继刚老师邀请去做了场私享会关于 AI 和组织的访谈。 散场之后，发现大家问得最多的一句话是:"那个 PPT 是什么做的，能不能开源一下?" 没想到副产品成了主产品。 索性就把它开源了，叫 guizang-ppt-skill（https://github.com/op7418/guizang-ppt-skill）。 今天这篇文章聊聊这个 Skill 长什么样，以及作为一个做了十年设计的人，我为什么会觉得它好看。 ## 它长什么样 打开 Skill 生成的 PPT，第一眼的感觉大概是:这不太像 AI 做的。  几个直观特征: - 封面:墨色底 + 衬线大标题，背后一层若隐若现的 WebGL 流体在缓缓流动 - 正文:底色切回纸白，墨字压在上面，像一本摊开的印刷杂志 - 翻页:横向左右滑动，键盘、滚轮、触屏手势都行，不是 PowerPoint 的下一页 - 元数据:每页四个角落有小号等宽字，写着 "Act II · 15 / 25" 这类报刊页码 我给这套视觉基调起了个名字，叫"电子杂志 × 电子墨水"。 灵感来源是《Monocle》《卫报》《NYT》这类印刷杂志的版式传统，叠加 Kindle 电子纸的阅读美学，再用当代 Web 的交互语法串起来。 ## 它能做什么 Skill 目前提供 10 种页面布局、5 套主题色预设，和一套完整的翻页交互。 10 种布局覆盖了一场 15-30 页分享会用到的几乎所有页面类型： 开场封面、章节幕封、数据大字报、左文右图、图片网格、Pipeline 流程、悬念问题、大引用、Before/After 对比、图文混排。 每种都是一段可以直接粘贴的 HTML 骨架，改掉文字和图片就能用。  5 套主题分别对应不同场景： - 墨水经典 — 商业发布、通用默认 - 靛蓝瓷 — 科技、研究、AI 发布会 - 森林墨 — 自然、可持续、人文 - 牛皮纸 — 怀旧、文学、独立杂志 - 沙丘 — 艺术、设计、创意  每套主题只是 6 个 CSS 变量的不同取值，切换主题只要替换 :root 里那 6 行代码。 用户不允许自定义 hex，后面会说原因。 翻页交互支持键盘左右箭头、鼠标滚轮、触屏滑动、底部圆点跳转、ESC 键打开缩略图索引。 尽量接近在浏览器里翻一本真实杂志的体验。 产物是一个单文件 HTML，双击浏览器就能看，发给别人也只是一个文件，不用担心字体和动画在别人电脑上乱掉。  ## 怎么用 其实这份 Skill 真正的价值不在模板本身，而在它定义了一套人 × AI 协作做 PPT 的接口。 下面三件事，是我自己用了一周后，觉得最值得告诉别人的。 先跟 AI 说清这 6 件事 Skill 装好之后，你只需要说一句"帮我做一份杂志风 PPT"，Claude 会反过来主动问你 6 个问题: 受众是谁、什么场景?(行业内部 / 商业发布 / 私享会) 分享时长多久?(15 分钟 ≈ 10 页，30 分钟 ≈ 20 页) 有没有原始素材?(文档、数据、旧 PPT、文章链接) 有没有图片、放在哪? 想要哪套主题色?(5 套预设里选) 有没有硬约束?(必须包含 XX 数据 / 不能出现 YY) 你不用一次说完，它会一条条问。答完之后，它会先给你一份大纲和主题节奏表，对齐之后再开始写代码——这一步拦截了我 80% 的返工。 以前用 AI 做 PPT 最痛的是什么?是它直接开始写，等你看到第 10 页才发现整体方向就是错的。这套澄清流程把"对齐"前置到了开头。  图片这样塞 图片放在和 index.html 同级的 images/ 文件夹，文件名有规则: - 页号补零 + 英文语义——01 不是 1，cover 不是 fengmian。方便按顺序排，AI 引用也清晰 - 照片用 JPG，截图用 PNG——截图带文字，PNG 保真不糊 - 单张 ≥ 1600px 宽——大屏投影才不糊 你只需要告诉 Claude"第 3 页是 Figma 界面截图"，它会自动写成 images/03-figma.png，你把同名文件丢进文件夹就行。 无损换图的秘诀:同名覆盖 这是我自己踩过最大的坑——文案改完想换张图，结果要全局搜替换路径，一不小心就把 HTML 改坏了。 正确做法只有一句话:新图用同名覆盖旧图，HTML 一个字不改。 ## 为什么长成这样 聊完怎么用，聊聊它为什么是这个样子。 好看不是玄学，是一套可以拆解的决策我做的事，本质上是把杂志行业一百年沉淀下来的排版语言，搬到了 HTML 里。 字体的三级分工  - 衬线 → "观点"。大标题用衬线，读者一眼就觉得"这是一句该被重视的话"。 - 非衬线 → "信息"。正文密度高、阅读不累。 - 等宽 → "元数据"。页眉页脚的章节号、日期、页码，像杂志页脚，也像终端里的代码。 读者不用费劲想，眼睛自己就知道这句话是正文还是附注。 色彩的纪律  纸白、墨色，加一个重点色，就够了。 纯白刺眼、纯黑暴力，印刷行业从来不这么干，Kindle 也是。 Skill 的 5 套主题，底色没有一个是 #FFFFFF，字色没有一个是 #000000。 每套只暴露 6 个 CSS 变量，SKILL.md 里写明:不允许用户自定义 hex，只能五选一。 约束越严，风格越稳。 保护美学，比给用户自由更重要。 网格与节奏  7:5、6:6、8:4 几套固定网格保证单页秩序。 hero 页和 non-hero 页必须交替，保证整本的节奏。 一页密、一页疏，就是翻杂志时那种呼吸感。 Skill 里写了条硬规则:连续三页以上相同主题会被判为 P0 错误。 没有节奏的 PPT 就是一沓 slide 堆成的 PDF。 ## 写在最后 上面这些规则，没有一条是我发明的。 我做了十年设计，UI、交互、AI 特效都干过，这些其实都是行业常识。 我只是把它们一条条写进了 SKILL.md 和 checklist.md，让 AI 能替我逐条执行而已。 换句话说，这个 Skill 就是我这十年审美的一个压缩包。 以前做一份像样的 PPT，我得花两天手动调网格、选字号、抠色值。 现在把素材丢给 AI，它按照这些规则直接拼出来，我只需要检查一下。 也正因为这样，我才敢把它开源。 规则本来就不是我的独家，《Monocle》的设计师比我早用了几十年，我只是把它 copy 到了 2026 年的 HTML 里。  Skill 已经放在 GitHub 上：github.com/op7418/guizang-ppt-skill README 里有一段"给 AI 的安装 prompt"，复制粘贴给你的 Claude Code 或者其他 AI Agent，它会自动完成安装。装好之后对它说一句"帮我做一份杂志风 PPT"就会触发。 也可以在 Bloome 这个 Agent 里面用，目前是免费的： https://bloome.im/agent/join/iKXCLtkD?ref=wNL9Ew2G 如果觉得内容对你有帮助的话，可以帮我点个赞，或者分享给你需要的朋友。 也可以在评论区分享一下你拿这个 Skills 做的 PPT。 ## 相关链接 - [歸藏(guizang.ai)](https://x.com/op7418) - [@op7418](https://x.com/op7418) - [28K](https://x.com/op7418/status/2047486546300051478/analytics) - [https://github.com/op7418/guizang-ppt-skill](https://github.com/op7418/guizang-ppt-skill) - [#FFFFFF](https://x.com/search?q=%23FFFFFF&src=hashtag_click) - [github.com/op7418/guizang-ppt-skill](https://github.com/op7418/guizang-ppt-skill) - [https://bloome.im/agent/join/iKXCLtkD?ref=wNL9Ew2G](https://bloome.im/agent/join/iKXCLtkD?ref=wNL9Ew2G) - [Upgrade to Premium](https://x.com/i/premium_sign_up) - [9:23 AM · Apr 24, 2026](https://x.com/op7418/status/2047486546300051478) - [28.4K Views](https://x.com/op7418/status/2047486546300051478/analytics) - [View quotes](https://x.com/op7418/status/2047486546300051478/quotes) --- *导出时间: 2026/4/24 10:43:40*
如 如何用 Claude Skill 制作高质量 PPT（附完整教程） 文章介绍了作者基于 Anthropic 的 Claude Design 功能封装的一个开源 Skill，该工具能通过对话自动生成高质量 PPT、产品宣传动效及前端网页。文中提供了 GitHub 地址，并详细演示了从安装到实战（文章转 PPT、产品文案转动效）的全过程，旨在降低设计门槛，帮助普通人快速将想法转化为高质量的可传播内容。 技术 › Skill ✍ 阿西_出海🕐 2026-04-27 ClaudeSkillPPT设计教程自动化AI工具Claude Code开源工作效率
H Herdr + Hermes: 多智能体配置中的三个日常技巧 文章介绍了作者使用 Herdr 和 Hermes Agent 构建的多智能体工作流。Herdr 作为类似 tmux 的多路复用器统一管理多个 AI 编程代理，Hermes 则作为开源的总部代理负责驱动其他代理。作者分享了三个实用技巧：基础编排、技能创建以及状态检查汇报，从而将混乱的终端窗口转化为高效的系统。 技术 › Agent ✍ tonbi🕐 2026-07-27 多智能体HermesHerdrClaude Code工作流自动化开源DevOps效率工具Agent编排
用 用 Skills 给 AI Agent 注入设计品味 介绍了开源技能库 emilkowalski/skills，它能为 AI 编程 Agent 注入设计品味，解决 AI 生成 UI 动画和交互时缺乏质感的问题。文章详解了其核心功能、安装方法、实操流程，并对比了 Taste-Skill、Hallmark 等类似工具的差异。 技术 › 前端 ✍ sitin🕐 2026-07-15 AI设计前端Agent工具Claude CodeCursor开源交互UI
G GitHub 不会用？这篇人话版指南建议收藏！ 本文为非程序员用户编写了一份 GitHub 使用指南。文章指出 GitHub 不仅是代码仓库，更是包含 Notion 模板、AI 工具、插件等的资源库。作者详细讲解了如何搜索关键词、查看 README 说明、区分下载源码（Code）与安装包（Releases）、使用 Star 收藏、以及利用 Issues 解决问题等核心操作。 技术 › 工具与效率 ✍ 云析🕐 2026-07-08 GitHub新手指南教程效率工具资源搜索开源
O OfficeCLI：让终端和AI操控Office文件的神器 文章介绍了OfficeCLI这款轻量级开源工具，它允许用户在无需安装Office的情况下，通过终端命令行直接操作Word、Excel和PPT文件。文章重点强调了该工具与Claude Code、Cursor等AI编程工具结合的潜力，使得AI能够直接读写和处理Office文档，极大地提升了自动化办公和批量处理的效率。 技术 › 工具与效率 ✍ Amto🕐 2026-06-04 OfficeCLI效率工具AI辅助自动化CLIClaude Code开源
C Claude 官方宝藏仓库指南：一键安装生成 PDF/Word/PPT/Excel 文章介绍了 Anthropic 官方维护的 Claude Code Skills 插件仓库。通过安装该技能包，用户可以直接利用 Claude 调用 Python 库，一键生成格式完美的 PDF、Word、PPT 和 Excel 文件，不仅能处理数据汇总、图表制作，还能用于合同审查和简历处理。文中详细提供了安装命令、实际应用场景及避坑指南。 技术 › Skill ✍ AI搞钱研究院🕐 2026-05-28 ClaudeClaude CodeSkillsPython办公自动化效率工具ExcelPPTPDFWord
改 改了 5年总裁汇报 PPT，我把精修经验做成了开源系统 作者基于 5 年大厂产品汇报经验，指出 AI 生成 PPT 常止步于 80 分，后续精修耗时耗力。为此开源了 Slides from Anything (SFA) 系统，集成 Design Vault 将美学抽象为 Agent 可复用的规则，通过先对齐目标、再结合手动微调与 Agent 批改的方式，打通从材料到多格式交付的全链路，解决演示文稿最后 20 分的交付难题。 技术 › 工具与效率 ✍ 冯三秋🕐 2026-05-28 PPT开源Agent设计系统演示效率工具设计美学自动化SFA
S Superpowers：Claude Code 效率暴涨 10 倍的秘密 文章介绍了 Claude Code 的开源技能库 Superpowers，它如同 AI 的导航系统，通过头脑风暴、计划拆解、子代理驱动开发和测试驱动四大核心工作流，自动引导用户从构思到上线。该系统有效降低了认知负荷，并通过严格的审查机制确保代码质量，是提升企业 AI 交付效率的利器。 技术 › Skill ✍ Miles.🕐 2026-05-22 Claude CodeSuperpowers工作流Agent测试驱动自动化开源效率工具开发实践LLM
正 正式开源 html-anything：让 AI Agent 输出世界级设计水准的 HTML 文章宣布正式开源 AI 工具 html-anything。该工具历时 3 天开发，包含 1.5 万行代码，旨在解决 AI Agent 输出 HTML 设计差的问题。它内置 75 套技能模板，支持 18 种主流代码 Agent CLI（如 Claude Code、Cursor 等）的自动探测与会话复用，实现零 API Key 成本。同时支持 Markdown、数据及图像等 11 种文件格式转换，并可一键发布至社交媒体或导出高 DPI 图片。 技术 › 工具与效率 ✍ Tom Huang🕐 2026-05-17 开源AI AgentHTML前端Markdown效率工具ClaudeCursor自动化设计
G GitHub 新手指南：写给非程序员的入门说明 随着 AI 工具的普及，GitHub 已不再仅限于程序员使用。本文面向非程序员，旨在科普 GitHub 的基础概念与使用方法。文章详细介绍了首页 Dashboard、Explore 探索页、Trending 热榜、Topics 主题分类以及 Collections 合集等核心功能。同时，讲解了如何利用 Search 搜索具体需求、阅读 README 项目说明书、以及通过 Star 收藏有价值的项目。最后总结了从发现到收藏的完整使用路径，帮助非技术人群将 GitHub 作为发现新工具、了解技术趋势的重要信息入口。 技术 › 工具与效率 ✍ veyhon🕐 2026-05-17 GitHub新手指南非程序员AI工具开源教程工作流Agent效率工具科普
压 压进我十年设计经验的 PPT Skills，迎来大波更新 作者歸藏介绍了其开源项目 guizang-ppt-skill 的重大更新。本次更新新增了基于瑞士国际主义设计的“瑞士风”视觉风格，并接入了 Codex 的 GPT-Image 2.0 功能，实现了自动生成符合调性的配图（如胶片质感人像、流程图）。此外，Skill 现已支持一键生成小红书、公众号等多平台封面，进一步打通了从大纲到 PPT 生成再到跨平台发布的全流程。 技术 › Skill ✍ 歸藏🕐 2026-05-12 PPTClaudeCodex设计AI工具瑞士国际主义开源视觉风格
十 十几张配图带来几十万流量，花了不到五毛钱，朋友以为我请了专业设计 作者分享了使用 GPT-Image-2 生成低成本高质量信息图的经验。通过设定特定的配色（如#4B91F3）和风格约束（类似 SaaS 数据报告），作者成功生成了流程图、对比图和数据图，总成本不到 0.5 元人民币。文章详细介绍了 Prompt 编写技巧、迭代过程以及如何避免 AI 绘图的常见陷阱。 技术 › 工具与效率 ✍ 百年 AI×出海🕐 2026-04-29 AI绘图GPT-Image-2Prompt工程信息可视化设计效率工具Claude Code配图技巧