用 AI 写好 UI 与 PPT 的 6 个 Skill（附链接）
这 6 个 Skill 是目前社区里「用 AI 写好 UI / PPT」的代表，侧重点各不相同：有的管审美约束（不让 AI 出廉价设计），有的管交付物（高保真原型 / PPT / 动画），有的管工程化（原生可编辑 PPTX）。按需取用。
快速对比
| Skill | 作者 | 定位 | skills.sh 链接 | 安装命令 |
|---|---|---|---|---|
| apple-design | emilkowalski（Vercel / Linear 设计工程师） | 苹果设计美学与动效规范，审查 & 指导类 | skills.sh | npx skills@latest add emilkowalski/skills |
| apple-design-skill | naplesblue（青椒） | 苹果视觉设计语言（macOS Liquid Glass），「长什么样才像苹果」 | GitHub（skills.sh 暂未收录） | git clone 到 ~/.claude/skills/ |
| huashu-design | 花叔（alchaincyf） | HTML 原生高保真原型 / 幻灯片 / 动画交付 | skills.sh | npx skills add alchaincyf/huashu-design |
| guizang-ppt-skill | 归藏（op7418） | 杂志风网页 PPT（电子杂志 / 瑞士国际主义 / 华为汇报） | skills.sh | npx skills add op7418/guizang-ppt-skill |
| ppt-master | Hugo He（hugohe3） | 原生可编辑 PPTX（DrawingML），工程化最重 | skills.sh | npx skills add hugohe3/ppt-master |
| open-design | nexu-io 社区 | 本地优先开源 Claude Design 替代，大而全 | skills.sh | git clone + pnpm 本地运行 |
逐个介绍
1. apple-design — emilkowalski（审美约束类）
- 作者：Emil Kowalski，Vercel 前设计工程师（曾在 Linear 工作），把苹果 WWDC 设计演讲（尤其是 WWDC 2018《Designing Fluid Interfaces》）提炼成 AI 可读的设计规范。
- 定位：防止 AI 输出「紫蓝渐变 + 圆角卡片」的廉价 AI 味设计，强制苹果式的克制美学、弹簧动效、物理惯性、排版层级。
- 链接：skills.sh 页面 · GitHub 仓库
- 安装：
npx skills@latest add emilkowalski/skills - 仓库还包含：animation-vocabulary、improve-animations、review-animations、emil-design-eng 等动效链路 Skill。
- 适用：审查 / 指导界面交互与动效，给 Claude Code、Cursor、Codex 装上后默认遵循。
2. huashu-design — 花叔（交付类）
- 作者：花叔（alchaincyf），不写代码但用 AI 做出了 AppStore 付费榜 Top1 的「小猫补光灯」。
- 定位：Claude Code 里用 HTML 做高保真原型、幻灯片、动画和信息图。内置 20 种设计哲学、5 维度专家评审、可导出 MP4 / GIF / 可编辑 PPTX。MIT 协议，个人与商用免费。
- 链接：skills.sh 页面（41.5K 安装）· GitHub 仓库
- 安装：
npx skills add alchaincyf/huashu-design - 适用：给老板演示、给投资人 Demo、团队没有专职设计师时撑起原型工作。典型耗时 3–30 分钟交付成品。
3. guizang-ppt-skill — 归藏（演讲 PPT 类）
- 作者：归藏（op7418），知名 AI 产品博主，把十几年做 PPT 的经验压进了这个 Skill。
- 定位：生成单文件 HTML 横向翻页 PPT。内置三套视觉系统：Style A 电子杂志 × 电子墨水（Monocle 风）、Style B 瑞士国际主义（网格 + 锚点色 + 极致字号对比）、Style C 华为企业汇报。
- 链接：skills.sh 页面（22.3K 安装）· GitHub 仓库
- 安装：
npx skills add op7418/guizang-ppt-skill - 适用：线下分享、行业演讲、AI 产品发布会、Demo Day 这类强个人风格场合。
4. ppt-master — Hugo He（工程化类）
- 作者：Hugo He，财务投资背景（CPA / CPV），受够了 AI 出图式 PPT 不能编辑。
- 定位：产出原生可编辑的 .pptx（真实 DrawingML 形状、文本框、图表），不是网页截图、不是图片。基于 Python 工具链 + 多角色 AI 工作流（Strategist → Executor → SVG → PPTX），工程化程度最高。
- 链接：skills.sh 页面（11.1K 安装）· GitHub 仓库 · Demo
- 安装：
npx skills add hugohe3/ppt-master（需 Python 3.10+，pip install -r requirements.txt） - 适用：投资咨询、企业汇报、客户交付——需要对方能双击编辑的正式 PPT。
5. open-design — nexu-io（全能大杂烩类）
- 定位：本地优先、开源的 Claude Design 替代品。把 Claude Code / Codex / Cursor 等 20+ 编码 Agent CLI 变成设计引擎，内置 276+ Skills、151 套品牌设计系统，覆盖 web-prototype、dashboard、mobile-app、deck、海报等全场景（连归藏 PPT 也打包在里面）。Apache-2.0，数据本地、BYOK、无平台锁定。
- 链接：skills.sh 页面 · GitHub 仓库 · 官网
- 安装：
git clone https://github.com/nexu-io/open-design && cd open-design && pnpm install && pnpm tools-dev - 适用：想有一套本地跑、随时能扩展的完整设计工作台；迭代快，生产环境需留意。
6. apple-design-skill — naplesblue（苹果视觉语言类）
- 作者：naplesblue（青椒）。看腻了 Claude 默认的「草纸黄」，自己打磨了一套能落地执行的苹果风设计系统。
- 定位：教 AI「长什么样才像苹果」——macOS Liquid Glass 液态玻璃风 Web UI。与 emilkowalski 的 apple-design 正好互补：那套教「怎么动才像苹果」（交互物理），这套教「长什么样」（视觉语言）。
- 核心理念：统一表面优于碎片化卡片；玻璃只用于真正重叠的图层；正文全灰度，颜色只留给一个强调蓝；克制即奢华。
- 仓库结构：SKILL.md 入口 + design-system.md（色彩 / 字体 / 间距 / 圆角 / 阴影 / 玻璃配方）+ tokens.css（可直接引入）+ components.md（可复制的组件）+ patterns.md（页面级配方）+ motion.md（流体动效，改编自 emilkowalski 的 apple-design）+ app.md（iPhone 设备框 / iOS 外壳）+ icons.md（Lucide 线框图标）+ checklist.md + review.md（审计模式）+ reference.html（活样式指南）。
- 链接：GitHub 仓库（skills.sh 暂未收录）
- 安装：
git clone https://github.com/naplesblue/apple-design-skill.git ~/.claude/skills/apple-liquid-glass，纯 Markdown + CSS，无构建、无依赖。 - 适用：想要苹果风网页 / App 界面，且希望 skill 自带 review 自审闭环。
六者定位一句话对比
| Skill | 一句话定位 |
|---|---|
| emilkowalski / apple-design | 教 AI 苹果的交互物理——怎么动才像苹果（不画界面） |
| naplesblue / apple-design-skill | 教 AI 苹果的设计语言——长什么样才像苹果 |
| huashu-design | 原型 / 幻灯 / 动画 / 视频——什么都能做的 HTML 设计瑞士军刀 |
| guizang-ppt-skill | 2 风格 × 22 版式——锁死下限的 PPT 模具 |
| ppt-master | SVG → 原生可编辑 PPTX——把 AI 出图变成真能改的 PPT |
| open-design | 100+ skill、100+ 品牌克隆——什么都有但都不深的大杂烩 |
两条路线：做深还是做广
设计 Skill 目前分两条路线：
- 做深：如 ppt-master、emilkowalski 的 apple-design——单点打透，细节经得起落地验证。
- 做广：如 huashu-design、open-design——什么都能做，覆盖广、易吸流量，但每种风格都难做到极深。
两者并非不可兼顾，但每新增一种设计风格都要做落地测试、细节调整，成本很高。
打磨设计 Skill 的 5 条心得
- 约束保下限，品味放上限：用框架 / token 规则保证「不出丑」，把设计判断留给 LLM。结构不是限制创意，是给 LLM 在正确方向上的自由。
- 把「品味」翻译成可执行规则：不能只跟 AI 说「像苹果」，要把具体字号、色号、不同场景下的变体都写进规则。
- 反 slop = 保护品牌识别度：AI 默认产出是平均值，必须用明确的禁止项约束，保住品牌感。
- 让 skill 审自己（self-review 闭环）：构建完用 skill 自带的 review 模式去审自己的产出，主动校验、省注意力。
- 缺口驱动地补，不预先膨胀：测出缺口 → 补一个规则 / 一个模块 → 回归验证，而不是一上来就预置几百个图标、几十种风格。
怎么选
- 要「不让 AI 出廉价设计」→ apple-design
- 要「长什么样才像苹果」的视觉语言 → apple-design-skill
- 要高保真原型 / PPT / 动画一键交付（没设计师的团队）→ huashu-design
- 要强设计感的演讲 PPT（杂志 / 瑞士风）→ guizang-ppt-skill
- 要真正能编辑的 PPTX 交付给客户 → ppt-master
- 要本地、开源、全能的设计工作台 → open-design