用 DESIGN.md 统一设计规范,让 Claude Code 不再生成杂乱 UI
dr_cintas · x · 2026-10-04
这是一个让编码 agent(Claude Code、Codex)停止产出「通用 AI 风」UI 的实用做法:使用 Google 开放格式 DESIGN.md 写设计规范,Stitch 原生支持读取,其他 agent 只需在 AGENTS.md 加一行「任何 UI 工作前先读 DESIGN.md」。
文件结构建议 token 放顶部、规则放下面,依次包含:Overview、颜色、字体排印、布局、阴影与层次、形状、组件、Do's and Don'ts。这样 agent 不会再每个屏幕自创颜色和间距值,保证整个产品视觉一致。
配套技巧:
- Claude Code 用户可安装官方前端插件:/plugin install frontend-design@claude-plugins-official
- 用 npx @google/design.md lint DESIGN.md 校验文件是否符合规范
「编程与Agent」频道最新
- Yoav Goldberg 补充:harness 优势只在长尾,利基领域仍会保留 — yoavgo · 2026-10-04
- Yoav Goldberg 提出 harness distillation:外层能力终将被模型内化 — yoavgo · 2026-10-04
- Cloudflare 更新:无客户端连接时 Pending I/O 也可让 Agent 持续运行 — irvinebroque · 2026-10-04
- 跑出 3000 条真值数据:他用本地基准发现 Qwen 失败后思考最卖力 — julianharris · 2026-10-04
- 8GB 内存 Mac 起家：开发者用 C 语言写出又一款本地推理引擎 — ZenZombie117 · 2026-10-04
- OpenRouter 联创：Agent 产品趋同只是新桌 stakes，差异化远未结束 — sull · 2026-10-04