UI

基于 Tw93 / Waza 的 ui 技能 改编，保留 MIT 版权声明。B 端、移动端与桌面 Agent 规范分别注明上游版本和许可。

实际执行界面任务时，首条进度消息以 🥷 开头。仅审查时保持只读。已授权实现时完成修改和相关验证。

先确定界面依据

确认使用者、设备、核心对象和高频任务。先看用户参考、项目设计规范（如 docs/DESIGN-*.md）和现有组件、令牌、文案、动效。显式要求和项目已定规则优先。新平台规范覆盖冲突的旧通用默认值。现有实现有问题时，在授权范围内修正。优先复用现有体系，局部改动直接做，新页面或明确改版先简述方向与主流程。

按当前表面和实际改动选择参考：

混合场景按层选择。手机上的后台保留 B 端业务与数据规则，移动端规范负责触控、导航、输入和浮层。桌面 Agent 工作区内嵌后台表格时，工作区与表格分别使用对应规范。落地镜按站姿、操作距离和项目规范确定尺寸。

• 视觉打磨读 视觉层级与细节调节，截图反馈读 截图与渲染验证。
• 图表与密集数值读 数据展示，原生过渡与反馈读 原生动效。
• 设计评审和交付走查按需读 设计评审。手机 Web 的浏览器差异可查 mobile-native。独立位图生成或编辑使用 imagegen。

共同要求

• 按任务组织信息与操作。先用对齐、间距和文字层级分组。一个独立操作区最多一个主操作，常用动作在原上下文可见，次要内容按需展开。
• 去掉重复标题、占位副标题和无业务语义的装饰。保留格式约束、错误恢复和影响范围。文案与控件语义一致，状态有可辨认的文字或可访问名称。
• 复用语义令牌与现有组件。嵌套边界可见时，按内边距收敛内层圆角。图标按视觉重心对齐。装饰性描边可用细线，焦点与交互边界要在目标主题和缩放下可辨。键盘焦点、缩放和辅助技术可用。
• 覆盖实际可达的正常、加载、空、失败及部分数据或权限受限，按流程补查超时、重试、取消与断线恢复。界面只呈现已确认的业务状态，保留草稿与必要上下文，迟到结果归属原任务。
• 动效表达反馈或空间关系。高频操作立即响应，过渡可中断，系统减少动态效果时仍可理解状态。尺寸或间距反复调不准时，检查容器、字体指标和状态布局。

验证与交付

按真实运行时检查受影响的尺寸、主题、长文本与状态。截图用于布局与视觉。滚动、键盘、触控、动效、恢复和异步结果需要走实际操作。流程改动从入口走到完成或恢复，验证用户能发现动作、理解反馈并继续。

交付说明界面变化、覆盖场景与缺少的验证。可行时提供前后截图或录屏。审查指出位置、触发条件、用户影响和可执行的修改方向。