build-ui-from-design-system

使用代码（React 等，通过任意 AI 编码工具——Claude Code、Codex、Cursor 等）构建 UI 屏幕或组件，仅使用设计系统中定义的颜色、组件和间距——绝不发明新的颜色、圆角半径或字体大小。当用户要求构建、编码或实现前端屏幕/组件，且存在或引用了设计系统文件/导出时触发。当用户强调生成的 UI 必须完全匹配其品牌，或抱怨 AI 不断发明“一次性”十六进制值和近似但不完全正确的品牌色时，强烈触发。该技能的关键指令是：“如果系统未涵盖某项内容，请停止并询问，而非自行发明”，这能将发明颜色的数量从多个降至零。

模型生成摘要（rules/v1 · 2026-11-13 02:03）：使用代码（React 等，通过任意 AI 编码工具——Claude Code、Codex、Cursor 等）构建 UI 屏幕或组件，仅使用设计系统中定义的颜色、组件和间距——绝不发明新的颜色、圆角半径或字体大小
这是模型对公开材料的总结，不是官方声明，请以原链内容为准。

存档时间线

版本	存档时间	内容哈希	内容
v1	2026-11-13 02:02	bf50e790	可取

版本索引永久保留；内容副本只保留最新 1 份，更早版本仅留索引与哈希（存档时间线的证据链不会因此断裂）。

下载存档内容副本

纠错与举报（发现条目失效、署名有误或涉及侵权？）

提交举报 / 纠错

侵权举报经核验成立后，我们会即时下线该条目并删除已存的内容副本。