主页、登录页和后台终于像同一款产品：AI 写页面前，先把设计规则做成共享系统

导读

AI 分别生成的主页、登录页和后台即使各自好看，放在一起也可能像三款产品。Ras Mic 建议先把视觉参考转成共享设计系统和命名变量，再让编码 Agent 实现不同页面，避免每次重新猜颜色、间距和组件样式。他从参考网页截图出发生成设计系统，亲自删掉不想要的彩屑与 Logo、修正组件，再交给编码 Agent；第一次只得到组件展示页，补充具体产品任务后才生成统一的落地页、登录页和后台。第二轮仍把删掉的彩屑加回来了，说明规则需要逐页检查，且必须真正被代码引用。命名变量可以让同一组件随设计决定一起更新，但硬编码样式不会自动跟随。统一外观也不等于产品可用：焦点、键盘操作、错误状态和响应式行为还需要单独定义与测试。