只给 AI 一个主色值,它做出来的页面仍然各自为政——因为它不知道每个颜色该放哪。这条 7 分钟的术语课给出完整解法:颜色组分五类(主色相关/中性/语义/次要强调/数据),职责分六种(背景/表面/文字/图标/边框/聚焦),再乘上交互状态和浅深色模式,就是一张 AI 可执行的颜色约束表。语义色沿用行业惯例不能乱换,颜色不能独自承担含义(要配文字图标),深色模式不是简单反转。我的判断:值得深读。它本质是”把设计决策前置成约束文档”,和我们写规则文件、写 skill 是同一件事,可以直接抄进项目规则。
📺 敲代码的小虾米《Vibe Coding术语:前端项目颜色》,抖音,2026-09-28 · 原视频 · 库内 2026-09-28-VibeCoding术语:前端项目颜色 · 卡片 卡片/方法/10-12-项目颜色职责体系