UI 界面精修

要解决什么问题

很多界面「能跑」但一眼像模板站或 AI 批量生成：信息层级糊在一起、间距和对齐不稳、字号全一样或层级过多、颜色和交互状态说不清、图标与圆角阴影各说各话。产品迭代里还常出现「只改 UI」却被顺手改了接口或业务逻辑，以及「参考截图」到底是风格借鉴还是像素级复刻边界不清。

技能如何工作

技能把 Agent 约束成资深 UI/UX 审查 + 能落地多平台 UI 的工程师，目标不是堆装饰，而是让界面更像成熟产品。

• 先识别上下文：技术栈、页面类型、是否已有 Design Tokens / 组件库；缺信息时在仓库里找真实文件，而不是默认套用白底轻卡片。
• 按意图选模式：纯审查（audit-checklist.md）、设计稿/截图实现（implementation-playbook.md）、静态高保真 Web 复刻（replication-playbook.md，分两阶段：先同视口静态与截图对齐，用户确认后再补响应式与交互）、参考图优化、或只给抽象方案。
• 输出要可执行：审查结论落到具体元素与参数（间距、字号、颜色、状态）；实现沿用项目栈与小步 diff，复用现有 Theme 与组件。

适用边界

用户明确「只改 UI」时，不改接口、数据模型、状态流、路由、权限与存储。复刻模式不会在确认视觉基线前进产品化；单张截图无法证明的滚动、断点与交互应标注假设。默认避免强阴影、大面积渐变、卡片套卡片等制造「高级感」的套路，但品牌页、消费级 App 等允许更强视觉表达，前提是服务任务与可读性。