SECTION
为什么很多 AI 页面第一眼像回事,第二眼就不对
AI 典型失真位
只会复读“高级、温暖、像大厂”这类空话,模型没法建立真实边界。
没有告诉它哪些色彩和组件各自承担什么角色,最后就只剩平均审美。
没有禁区清单,模型会反复踩你们设计评审里最常被打回去的线。
SECTION
Skill 到底在解决什么问题
SECTION
真正该写进规则文件的 4 类内容
SECTION
为什么这件事必须拿真实需求反复跑
SECTION
AI DESIGN RULES
这篇不是在教你怎么写一份漂亮的 SKILL 文档,而是在把一个更关键的判断说透:很多 AI 设计结果之所以总像抽卡,不是模型完全不行,而是团队从来没把自己的规范翻译成它真能执行的规则。
CORE JUDGMENT
AI 做设计总像抽卡,很多时候不是因为模型太蠢,而是因为团队把规范留在脑子里,没有写成它真能执行的约束。
COVER SLOT
这一张封面图的任务不是解释细节,而是先把“AI 设计像抽卡”和“规范约束才是解法”两个信号一起立住。
SECTION
WHY IT FEELS OFF
如果你最近拿过 Stitch、Claude、Cursor 或别的生成工具做过 UI,应该都会有同一种熟悉感:它出图很快,也不是完全不能看,但你盯一会儿就会开始难受。
颜色像是对的,但品牌味不对;层级像是有的,但松紧不对;组件都摆出来了,但组合关系不对。它的问题不是完全不会做,而是总在往统计学上最常见、最安全的解法滑过去。
AI 典型失真位
只会复读“高级、温暖、像大厂”这类空话,模型没法建立真实边界。
没有告诉它哪些色彩和组件各自承担什么角色,最后就只剩平均审美。
没有禁区清单,模型会反复踩你们设计评审里最常被打回去的线。
STRUCTURE SLOT
这张图建议直接把整套规则结构画出来,让读者一眼看明白:不是多聊几轮,而是先把约束体系写出来。
SECTION
本质:把原本散在 Figma、组件库、品牌手册和评审经验里的规则,收成一份 AI 真能读取和执行的文本约束。
意义:以后每次生成不用再从零解释主色、圆角、字号和组件逻辑,模型会带着约束起步。
不是:不是让 AI 自由发挥得更花,而是让它别每次都滑回那个最像模板站的平均值。
真正价值:不是单次提效,而是把团队设计判断沉淀成可以复用、可以传递、可以校验的规则资产。
示意输入:
整体风格偏克制企业感;品牌蓝只用于核心交互;按钮圆角 8px;成功绿只用于正向反馈;浅底禁止浅字;正文不居中。
SECTION
先写整体气质
不要一上来就只甩色值和字号,先说明这套界面到底是克制、稳健,还是轻松、友好。气质判断决定模型后面怎么选。
再写颜色角色
颜色不能只给数值,还要告诉 AI 每个颜色能出现在哪、不能出现在哪,否则它只会把品牌色、警告色、功能色混成一锅。
组件规则要写到能落地
按钮、卡片、输入框、弹窗这些高频组件,不要只写一句原则,要写到模型能照着搭的程度。
禁区清单往往最值钱
浅底叠浅字、非交互区乱用品牌色、功能色混用、导航超标——这些越写清楚,AI 越少踩线。

COMPONENT SLOT
这一块适合放“参数该写到什么程度”的图例,最好做成一眼能看懂的组件拆解,而不是堆大段说明文字。
SECTION
NOTE
Skill 不是一份写完就永远正确的圣经。真正靠谱的结果,几乎都是拿真实页面一轮轮喂出来的:先出初稿,再测试,再补规则,再继续跑。
ITERATION LOOP
我的做法一般是这样:先把现有规范、组件库、品牌资料收齐,让模型先整理出一版初稿,然后人工把明显不准的地方修掉,再拿真实需求跑几轮。每次发现偏差,就回去补一条。
这个过程很像带新人。第一次给他做,他会出错;第二次你纠一次;第三次再纠一次。慢慢地,它才开始理解你们真正的标准。

ITERATION SLOT
这张图建议把“Skill 不是一次写完,而是不断补漏”的循环做出来,方便后续当成固定方法图反复复用。
SECTION
BIGGER VALUE
它真正值钱的地方,是逼团队把原本只存在于“感觉里”的设计判断,翻译成能传递、能复用、能校验的规则资产。
FINAL TAKE
如果你问我,这条路值不值得做,我现在的回答是:值,而且越早做越好。不是因为写个 Skill 之后,AI 就突然能替你干掉设计师,而是因为它会更快地筛出:谁只是会画,谁是真的有一套可复用的判断系统。
所以与其继续抱怨 AI 做出来的页面像抽卡,不如先回头看一眼:你们自己的设计规范,到底有没有被写成一套它真能执行的语言。
之前