必须在首次生成UI前创建DESIGN.md定义颜色变量，格式为纯文本键值对；后续每次提示词末尾须强制声明“所有颜色必须引用DESIGN.md变量名”，否则AI将硬编码色值。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
你让码上飞生成多个页面后，发现按钮在首页是深蓝#2563eb，在用户管理页变成灰蓝#3b82f6，在设置页又成了浅紫#818cf8——这不是你眼花，是AI没拿到统一配色指令。
用DESIGN.md锁定全局颜色变量
在项目根目录新建文件DESIGN.md，开头就写明颜色令牌，格式必须是纯文本键值对，不能加任何解释性文字。
复制粘贴以下内容到DESIGN.md中：
```
primary: #2563eb
primary-hover: #1d4ed8
success: #10b981
warning: #f59e0b
danger: #ef4444
background: #f9fafb
surface: #ffffff
text-primary: #1f2937
text-secondary: #6b7280
```
这一步必须做在第一次让码上飞写UI之前。如果已经生成了乱色页面，后续所有新页面仍会沿用旧风格，除非你先删掉旧代码再重来。
给码上飞明确指令：只许引用变量名
每次让码上飞生成带样式的组件时，在提示词末尾强制加上这句话：
“所有颜色值必须严格使用DESIGN.md中定义的变量名（如primary、success），禁止直接写十六进制色值或rgb函数。”
例如写提示词：“生成一个带确认/取消按钮的删除弹窗 → 按钮背景色用primary和surface → 边框用text-secondary → 文字颜色用surface和text-primary → 【所有颜色必须引用DESIGN.md变量名，不可硬编码】”
码上飞不会自动读取DESIGN.md，它只认你写进提示词里的约束条件。漏掉这句话，它立刻回到自由发挥状态。
检查生成代码是否真用了变量
第一步：在生成的CSS或Tailwind类中搜索#号或rgb(，只要出现任意一个，说明它违规了。
第二步：打开DESIGN.md，确认你要求引用的变量名（如primary）是否真实存在且拼写完全一致——大小写、连字符、冒号前后空格都必须严丝合缝。
第三步：把违规代码整段删掉，换一句更狠的提示词重试：“你上次生成的按钮用了#2563eb，这是错误的。现在重写，只允许出现primary、surface、text-primary这三个变量名，其他任何颜色表达式都不准出现。”
这一步操作起来很简单，直接把文件拖进去就行。但很多人卡在第二步，以为变量名写对了，其实DESIGN.md里是primary-color，而你提示词写的是primary——差一个词，全盘失效。
