UI 去AI味（ui-deai）
核心理念
让界面看起来是被人设计的，而不是被生成的。AI 生成的页面有大量可识别的"惯性行为"：紫蓝渐变、发光标题、emoji 当图标、三列等宽卡片、假数据、黑话文案、每页结尾一个订阅框。本技能的目标是系统性识别并消除这些特征，同时保证中文排版的基本功（字体栈、行高、中西文混排）。
规则分三级：
- 底线（Floor）：违反则不许交付，不可豁免。可访问性、真实性、中文基本功。
- 反射（Reflex）：模型最容易落入的默认行为，可在说明理由后保留，但必须在交付说明中记录（格式：
waive: 规则号 理由）。 - 工艺（Finish）：细节打磨项，必须逐条回答，但从不阻塞交付。
工作流程
模式判断
- 审查/修复已有页面（用户给了 HTML/CSS/截图/URL）→ 走「诊断 → 修复 → 验证」。
- 构建新页面（用户描述需求）→ 走「询问 → 构建 → 验证」，构建时同样遵守全部规则门。
第一步：诊断（审查模式）
- 读取目标文件（或截图，用视觉能力对照
references/tells.md逐类检查）。 - 运行静态检查脚本（无依赖，Python 3）：
python3 <skill-dir>/scripts/slop_check.py <文件或目录>
- 脚本输出
FAIL（对应底线规则）与WARN（对应反射规则），逐条与references/tells.md的特征编号对应。 - 产出诊断报告，按「视觉 / 结构 / 文案 / 交互 / 中文基本功」五类归纳，每条附文件位置与规则号。只诊断，不动文件，交用户确认修复范围。
第二步：询问一次（构建模式 / 修复前）
即使需求只有一句话，也发一条消息确认四件事（用户答"你看着办"则自行推断并记录）：
- 材料：有没有真实内容——真实文案、真实产品截图、真实数据、Logo？没有就用占位并明确标注，绝不编造数字、评价、案例和客户名。
- 受众：谁在用这个页面，他们在乎什么？
- 用途：这个页面要驱动的一个核心动作是什么（购买、留资、下载、报名）？页面应以此动作收尾。
- 基调：选一个明确的极端——编辑杂志风、粗野主义、柔和、极简工具感、奢华、活泼、技术感、素雅。"简洁大方""现代科技感"不算基调。
第三步：修复 / 构建
- 先修复所有 底线 FAIL（对照
references/gates.md§1）。 - 再处理 反射 WARN：默认消除；确需保留的写
waive记录。 - 涉及文案的修改，对照
references/copy-cn.md的黑名单与改写原则。 - 涉及排版/字体的修改，对照
references/typography-cn.md。 - 构建时的页面不变量：一种主按钮样式、一个容器宽度、一套间距节奏、每层嵌套一个圆角；最多两个字族；正文 ≥16px；只动画
transform和opacity；每屏一个想法，hero 标题 ≤14 个汉字，副句 ≤20 个汉字，全页可见文字 ≤450 汉字。
第四步：验证
- 重跑
slop_check.py，直到无 FAIL；每个保留的 WARN 有 waive 记录。 - 换一个视角走查：以"首次访客 5 秒测试"过一遍
references/gates.md§3 清单——5 秒内能否说出这是干什么的、给谁的、下一步做什么。 - 交付时附一行检查摘要，例如：
底线 0 FAIL · 反射 3（1 waived: R7）· 工艺已逐条核对。谎报通过比 AI 味本身更严重。
特征清单与规则门
references/tells.md— AI 味特征全清单（视觉/结构/文案/交互/中文基本功五类，含特征编号 T1–T46）。references/gates.md— 三级规则门定义与 5 秒走查清单（Floor F1–F16 / Reflex R1–R15 / Finish P1–P10）。references/typography-cn.md— 中文排版规范（字体栈、行高、行长、中西文混排、标点、字重）。references/copy-cn.md— 中文文案去AI味（黑话黑名单、宣传腔、AI句式、按钮文案）。
按需加载：做视觉走查时读 tells.md + gates.md；改文案时读 copy-cn.md；调样式时读 typography-cn.md。不要一次全部载入。
本地化要点（相对 Hallmark 的中文适配）
- 字体：英文规则中的字体约束对中文不直接适用——必须显式声明中文回退栈（PingFang SC / Microsoft YaHei / Noto Sans SC），见 typography-cn.md。
- 文案：中文 AI 味文案有自己的黑话体系（"赋能""闭环""引领未来"），与英文的 "delve" "unleash" 对应但不同，单独维护黑名单。
- 习惯：中文用户预期页脚有 ICP 备案号（正式站点）、二维码是常见合法元素（但要有说明文字而非裸放）、客服入口常见；这些不按英文直觉判为 slop。
- 排版：中文行高需 1.7–1.8（英文 1.5 即可）、行长按 30–40 汉字计、不用斜体强调、避免过细字重（300 以下在 Windows 上发虚）。
