00 · AI 阅读协议与设计决策

适用:开始一个 UI 任务、接手旧项目、对现有页面提出改进。产出是一张简短决策表,而不是把整套手册全部塞进上下文。

AI-01 · 先识别任务,再选择章节

先检查仓库已有规范、路由、组件、token、设计稿、目标平台和真实内容。记录用户、主要任务、使用频率、错误代价、输入方式与设备环境。

所有产品 UI 实现同时读取 23 · 质量关卡。它要求面向用户写文案、按职责复用、保护个例、明确数值来源,并检查复杂交互和跨页一致性。

任务信号读取章节核心问题
新页面或改版01、02、05、13信息和状态是否完整?
表单、搜索、上传03、04、05如何输入、校验、取消和恢复?
品牌或主题调整08、09、11视觉决策能否转成共享 token?
动画、拖拽、实时内容03、10、12替代操作和静态形式是什么?
支付、权限、AI 代理05、06、07哪些动作需要确认、授权或查询结果?
修复“像调试页”的界面01、05、09、13缺的是内容、设计依据还是异常状态?
文案与产品受众不匹配17、20是否泄露内部规则,长度与布局如何管理?
代码重复、变量混乱、个例被改坏18、19共享语义、规则来源和例外边界是什么?
深度交互、多页持续迭代21、22、23谁拥有状态,谁受公共变更影响,哪些仍缺设计?

索引中的关键词只是检索入口。不能因为出现“动画”就给页面加动画。

AI-02 · 明确设计依据的优先级

在遵循项目工作规则的前提下,设计决策按以下顺序处理:当前任务明确要求 → 已确认的项目设计和平台约束 → 现有组件与 token → 本手册的条件性建议 → 探索方案。

发现冲突时写清楚冲突点。例如:“项目按钮高度为 40px;移动端主操作采用 44px 作为本次设计建议,需与现有组件策略协调。”不要把手册里的示例数字伪装成行业强制标准。

本系列使用三种标签:

  • 规范:外部规范的具体要求,附条款和链接,注明等级、条件与例外。
  • 建议:本手册的设计默认值,允许根据项目证据调整。
  • 示例:用于解释行为的代码或数值,不能直接证明生产环境可靠性。

AI-03 · 把行为、文案、缺口分开

类型内容示例对 AI 的要求
行为保存失败保留输入;再次提交不重复创建落到状态和逻辑中
可见表达标题“项目名称”;失败提示“未能保存,请重试”进入界面与读屏反馈
设计缺口暂无批量操作的移动端方案提出具体方案或沿用明确母版,并标注假设

“已接入接口”“失败保留内容”“支持响应式”等实现说明,不应出现在面向普通用户的产品界面。对读者有意义的实现解释可以出现在独立标识的教学说明中,不能混入被展示的产品表单。详见用户文案。

AI-04 · 每个决定保留理由和适用边界

decision:
  id: projects.list.pagination
  user_goal: 找到并打开一个项目
  choice: 分页 + URL 中保存筛选条件
  reason: 需要稳定定位、分享和返回原位置
  alternatives: [无限滚动, 加载更多]
  exception: 以连续浏览为主的图片流可选择加载更多
  rules: [IA-02, CMP-05, ST-03]
  evidence: 产品需求;已有管理列表母版
  verify: 筛选后翻页、刷新、返回,位置和条件仍合理

理由应关联用户任务。“更高级”“更现代”“用户体验更好”无法指导实现或验收。

AI-05 · 交付覆盖范围,不交付虚假的确定性

实现前列出页面 × 状态;实现后分别报告:已实现、已运行检查、已截图、待人工确认。不要把代码编译成功写成“所有交互验收通过”。

遇到未知结果先保留用户工作,再查询或恢复。涉及不可逆操作时,应按项目授权与产品规则处理;视觉确认框不能代替权限和服务端校验。

自检

随机抽取一个按钮,AI 应能指出:任务、规则 ID、触发后状态、键盘行为、失败出口和对应检查。说不清楚,说明还需要补规格。

下一步:通用原则。