Worldclass AI Design — AI skill for Claude Code

worldclass-ai-design

把 AI 从"安全、平均、紫渐变"的委员会设计，推进到有独立视觉身份的设计。

源方法：Anshu Chimala（前 Apple 软件工程与设计团队负责人，12 年）发表于 Lenny's Newsletter 的 *How to turn your AI into a world-class designer*（2026-09-01）。

• SKILL.md 是给 Agent 的执行入口（心智模型 + 三阶段流程 + 自检清单）
• 本 README 给人看：安装、目录结构、一个完整跑通的实战案例

安装

# 从 GitHub 克隆（用户级，所有项目可用）
git clone https://github.com/ChenYiming-aaa/worldclass-ai-design.git ~/.workbuddy/skills/worldclass-ai-design

# 或项目级
git clone https://github.com/ChenYiming-aaa/worldclass-ai-design.git <项目>/.workbuddy/skills/worldclass-ai-design

目录结构

worldclass-ai-design/
├── SKILL.md                        # 入口：心智模型 + 三阶段流程 + 自检清单
├── references/
│   ├── prompts.md                  # 原文提示词库（英文 verbatim + 中文说明）
│   ├── critic-loop.md              # 评审循环纪律、停止条件、模型分配
│   ├── media-generation.md         # 图像/视频接入、API key 安全红线、降级方案
│   ├── ai-tells.md                 # 减法删除测试 + AI 痕迹两遍清单
│   └── edges-and-failures.md       # 研究局限 + 全部故障排查表（唯一出处）
├── assets/
│   └── design-brief-template.md    # 阶段 1 的设计简报模板
└── scripts/
    └── seed-string.sh              # 外部随机种子生成器

渐进式披露：Agent 先读 `SKILL.md`，只在需要时加载对应 reference。

---

实战案例：纸带流水（单文件记账工具）

一个用本流程完整跑通并已上线的真实示例

**在线体验：**

下面记录**这个示例是怎么做出来的**

第 1 步 · 触发（用户原话，一句就够）

设计一个有创意的账本记录日常的前端网页，要求加入模拟数据用来填充图表等。

第 2 步 · 随机种子 → 三个方向（技术 1、2）

用 `scripts/seed-string.sh` 生成 3 个种子，从**字符结构**（不是字面）各读出一个方向：

种子开头	读到的结构	推出的方向
2FEg9yoOwEY…	F 每 8 位出现一次、周期性全大写爆发	连续纸带 —— 一条不断裂的时间轴
4yR1DdNM4S…	大小写成对交替、数字单点散落	双轴坐标网格 —— 每笔记录是坐标系上的点
TN31oI0fBh…	I0 母题重复两次、句尾全大写段	索引卡档案 —— 编号 + 归档标签

三个方向的构图骨架、字体类别（等宽点阵 / 手写衬线 / 打字机）、明暗关系全部不同——不是换皮。我们选定**连续纸带**。

第 3 步 · 简报写成"世界"（技术 2）

一台老式热敏收银机。按下按钮，纸带从出纸口里缓缓吐出来， 上面同时印着这一天花掉的钱和这一天写下的字。

这个"世界"直接决定了后面所有选择：配色只能是**纸与墨**、强调色只能是**热敏红**、 字体只能是**等宽**、