--- name: ru description: 评审 UIDesign.md,对比 DevelopmentPlan 检查设计一致性,输出结构化评审报告。 --- # Review UIDesign 当用户调用 `/ru` 时,执行以下步骤: ## 1. 读取文档 读取以下文件: 1. `doc/UIDesign.md` - 目标文档(必须存在) 2. `doc/DevelopmentPlan.md` - 上游参照文档 如果 UIDesign.md 不存在,提示用户: > UIDesign.md 不存在,请先使用 `/wu` 生成 UI 设计文档。 ## 2. 评审维度 ### 2.1 与 DevelopmentPlan 一致性检查 - UI 页面是否覆盖所有功能模块 - 交互流程是否与开发计划匹配 - 页面结构是否支撑功能需求 ### 2.2 设计完整性检查 - 页面列表是否完整 - 每个页面是否有清晰的布局描述 - 交互说明是否充分 - 状态变化是否考虑全面(加载、错误、空状态等) ### 2.3 可用性检查 - 用户流程是否顺畅 - 信息架构是否合理 - 是否有一致的设计规范 ## 3. 生成评审报告 输出到 `doc/review-UIDesign-claude.md`,结构如下: ```markdown # UIDesign 评审报告 ## 概要 | 项目 | 内容 | |------|------| | 评审时间 | {YYYY-MM-DD HH:MM} | | 目标文档 | doc/UIDesign.md | | 参照文档 | doc/DevelopmentPlan.md | | 问题统计 | X 个严重 / Y 个一般 / Z 个建议 | ## 页面覆盖分析 | DevelopmentPlan 功能 | UIDesign 页面 | 状态 | |----------------------|---------------|------| | {功能名} | {对应页面} | ✅/⚠️/❌ | **覆盖率**: X/Y 完全覆盖 ## 设计一致性检查 | 检查项 | 结果 | |--------|------| | 页面命名规范 | ✅/❌ | | 布局风格统一 | ✅/❌ | | 交互模式一致 | ✅/❌ | ## 问题清单 ### 严重问题 (Critical) {问题列表,含位置引用} ### 一般问题 (Major) {问题列表,含位置引用} ### 改进建议 (Minor) {建议列表} ## 评审结论 {通过 / 需修改后通过 / 不通过} ### 下一步行动 - [ ] {待办事项} ``` ## 4. 输出规范 - 输出语言:中文 - 问题分级:Critical / Major / Minor - 包含文件引用(如 `doc/UIDesign.md:45`) - 设计问题需说明影响的用户体验 --- ## 注意事项 - 只做评审,不修改原文档 - 重点检查页面覆盖度和设计一致性 - 评审报告保存后,建议用户根据问题运行 `/mu` 修改