PPT Skills 深度对比：歸藏电子杂志风 vs 花叔 Huashu Design
歸藏的 `guizang-ppt-skill` 是**专精于演讲 PPT 的垂直工具**——用两套严格锁定的视觉系统（电子杂志风 + 瑞士国际主义）产出单文件 HTML 横向翻页 deck；花叔的 `huashu-design` 是**全能型设计 agent**——覆盖 PPT、App 原型、动画视频、信息图四大品类…
目录
- 一句话总结
- 一、歸藏：电子杂志 × 瑞士国际主义
- 1.1 项目定位
- 1.2 双视觉系统
- 1.3 技术实现
- 1.4 工作流
- 1.5 封面生成能力
- 二、花叔：Huashu Design
- 2.1 项目定位
- 2.2 五大交付品类
- 2.3 20 种设计哲学
- 2.4 核心机制
- 2.5 动画引擎
- 2.6 Anti AI-Slop 规则
- 三、深度对比
- 3.1 定位差异
- 3.2 技术架构对比
- 3.3 用户体验对比
- 3.4 设计哲学冲突
- 四、反炒作审计
- 4.1 歸藏的局限
- 4.2 花叔的局限
- 4.3 共同问题
- 五、适用场景判断
- 5.1 选歸藏，当...
- 5.2 选花叔，当...
- 5.3 都不选，当...
- 六、关键洞察
- 6.1 Skill 的本质是什么？
- 6.2 为什么 PPT Skill 如此重要？
- 6.3 未来的 Skill 会往哪走？
- 七、参考来源
来源：GitHub 官方仓库 (op7418/guizang-ppt-skill, alchaincyf/huashu-design)
作者：小凯
日期：2026-05-14
一句话总结
歸藏的 guizang-ppt-skill 是专精于演讲 PPT 的垂直工具——用两套严格锁定的视觉系统（电子杂志风 + 瑞士国际主义）产出单文件 HTML 横向翻页 deck；花叔的 huashu-design 是全能型设计 agent——覆盖 PPT、App 原型、动画视频、信息图四大品类，内置 20 种设计哲学和 5 维评审体系。一个做深，一个做广；一个像杂志编辑，一个像设计工作室。
一、歸藏：电子杂志 × 瑞士国际主义
1.1 项目定位
歸藏的 skill 从"一人公司"线下分享中沉淀而来，核心假设是：演讲 PPT 不是信息容器，是情绪载体。 它拒绝"商务 PPT"的默认审美，追求 *Monocle* 杂志贴上代码后的样子。
关键数据：
- GitHub Stars：8.3k
- 协议：MIT
- 输出：单文件 HTML（横向翻页）
- 触发关键词："杂志风 PPT"、"horizontal swipe deck"、"electronic ink"
1.2 双视觉系统
| 维度 | Style A：电子杂志 × 电子墨水 | Style B：瑞士国际主义 |
|---|---|---|
| 美学来源 | *Monocle* 杂志、电子墨水屏 | Massimo Vignelli、Helvetica Forever |
| 布局数量 | 10 种（封面、幕封、数据大字报、图文等） | 22 种锁定版式（S01-S22） |
| 主题色 | 5 套预设（墨水经典、靛蓝瓷、森林墨、牛皮纸、沙丘） | 4 套锚点色（克莱因蓝 IKB、柠檬黄、柠檬绿、安全橙） |
| 自定义 | ❌ 不允许自定义 hex | ❌ 不允许自定义 hex |
| 网格 | 相对自由 | 16 列 grid、1px 发丝线、无阴影/渐变/圆角 |
| 字号 | 中文大标题 ≤5 字 + nowrap | 全中文大标题需降一档 |
| 动效 | WebGL 流体/等高线/色散背景 + Motion One 翻页 | 静态为主，严格版式 |
| 校验 | checklist.md 人工自检 | validate-swiss-deck.mjs 脚本自动拦截 |
两套系统都拒绝用户自定义颜色——因为"颜色搭配错了画面瞬间变丑"。这是典型的专家系统思路：设计者（歸藏）把审美判断固化成不可变规则，Agent 和用户只能在高约束内操作。
1.3 技术实现
单文件 HTML 架构：
- CSS、WebGL shader、翻页 JS、字体/图标 CDN 全内置
- 断网时
motion.min.js本地兜底（约 64KB） - 按
B键切换低性能静态模式（WebGL 退场）
- 键盘 ← → / 滚轮 / 触屏滑动 / 底部圆点 / ESC 索引
- Motion One 驱动 5 种入场动效 recipe，自动匹配布局
- 主题色平滑插值（翻到 hero 页时 shader 柔顺过渡）
- 衬线标题：Noto Serif SC + Playfair Display
- 非衬线正文：Noto Sans SC + Inter
- 等宽元数据：IBM Plex Mono
- 图标：Lucide（不用 emoji）
1.4 工作流
6 步结构化流程：
1. 需求澄清：6 问清单（受众、时长、素材、图片、主题色、硬约束）
2. 拷贝模板：template.html 或 template-swiss.html
3. 预检类名：必须在 template.html 的