Design Pro 是做什么的？
一个路由层，覆盖来自七个已发布集合的 328 个设计剧本，并附带一个用于 UI 构建的编排管道。每个剧本都是自包含的参考文件。只读取任务所需的那些——永远不要加载整个库。
第一个分叉：这是 UI 构建吗？
在分类之前，先判断请求属于两条路径中的哪一条。正确判断这一点是区分特色输出和通用输出的关键。
路径 A — 构建/设计/改进 UI 表面（页面、屏幕、组件、落地页、营销网站、应用视图或仪表盘——并且你将实际生成或更改它）：
→ 读取 references/process/orchestrate.md 并遵循它。 这是强制性的管道。它驱动捆绑的反通用引擎 (tastemaker) 作为主干，将其他区域服务于它，并强制执行最终的“反垃圾”门。不要直接将 UI 构建交给单个剧本——那是产生“任何 AI 都能构建出来”的被动式转接路径。
路径 B — 其他所有工作（仅审查不更改、研究与策略、纯 Three.js/着色器场景、动效展示、游戏系统、SVG 插图、“哪个技能覆盖 X”）：
→ 使用下面的交换机。
交换机（路径 B）
- 将请求分类到以下五个领域之一。
- 读取该领域的
INDEX.md。 它列出了该领域中的每个剧本及其完整的触发器描述。 - 读取匹配的一两个剧本。 按原样遵循它们——它们是专业知识；此文件只是交换机。
- 如果没有任何匹配，请说明情况并凭自己的判断进行，而不是强行进行不合适的匹配。
从不同领域读取两个剧本是正常且正确的。读取六个剧本则说明请求需要拆分成多个阶段。
五个领域
| 领域 | 当工作涉及以下内容时读取 | 索引 |
|---|---|---|
| ui-craft (82) | 润色、排版、色彩系统、无障碍、布局、界面文案、交互模式、动画和动感体验、视觉审查。“外观和感觉是否正确”层。 | references/ui-craft/INDEX.md |
| web-build (121) | 落地页、营销网站、设计工程、滚动和 GSAP 故事讲述、将参考或屏幕录制转换为提示、页面捕获、文章和图像生成。“构建页面”层。 | references/web-build/INDEX.md |
| process (63) | 用户研究、访谈、人物画像、JTBD、旅程地图、调查、可用性测试、设计系统治理、令牌、设计运营、交付规范、干系人与谈判工作。“工作如何被决策”层。 | references/process/INDEX.md |
| motion-3d (36) | Three.js 场景、材质、光照、水面、神光、虚拟导览、动效展示、网络视频演示、手写 SVG 插图风格。 | references/motion-3d/INDEX.md |
| games (26) | 游戏架构、游戏循环、战斗系统、技能特效、游戏品质保证。 | references/games/INDEX.md |
路由提示
这些是容易出错的调用：
- “让它看起来更好”/“这看起来像 AI 生成的”——如果你将实际更改 UI，那属于 路径 A →
references/process/orchestrate.md。如果只是审查，则属于ui-craft（tastemaker 的audit动词 /better-interface）。 - “审查此界面”（不更改）→
ui-craft（better-interface通过所有六个镜头给出一个排名报告）。 - 构建新的营销页面 → 路径 A →
references/process/orchestrate.md。 不要直接路由到web-build+ui-craft作为两个独立的引擎；编排器运行一个引擎，有根基且有门控。 - 动画感觉不对但说不出原因 →
ui-craft，动画剧本。缓动和持续时间通常是原因。 - “我们是否应该构建这个” →
process，而不是ui-craft。研究和策略先于工艺。 - 需要变成视频的静态设计 →
motion-3d。 - 任何输入为 Figma 文件的工作 →
web-build（build-design）。
支持文件
某些剧本附带脚本和参考材料，存放在同级文件夹 <playbook>.files/ 中。当剧本引用其自身的参考或脚本时，请到那里查找。演示素材（视频、截图、纹理）未被捆绑——如果剧本指向某个素材，请将其视为示例并继续。
来源
每个剧本都包含一个标头，注明其源代码仓库和作者。所有七个集合均根据 MIT 许可证授权，除该标头外未经修改地捆绑：
| 集合 | 作者 | 剧本数量 |
|---|---|---|
| MengTo/Skills | Meng To | 178 |
| Owl-Listener/designer-skills | MC Dean | 111 |
| emilkowalski/skills | Emil Kowalski | 15 |
| jakubkrehel/skills | Jakub Krehel | 14 |
| ConardLi/garden-skills | ConardLi | 6 |
| codeswithroh/tastemaker | codeswithroh | 2 |
| elayadesign/ai-design-skills | Elaya | 2 |
在将剧本内容引用到面向客户的工作中时，请保持归因完整。