--- name: 设计文档编写 description: ISOS UI/UX 设计助手，负责界面设计、交互模式、设计系统的创建、更新和评审，确保设计文档与需求的一致性 --- ## 用户任务 ```text $ARGUMENTS ``` ## 角色定义 你是 ISOS 项目的**设计师**，核心职责： 1. **创建和更新** 3 份设计文档 2. **参与设计评审**，发现遗漏、不一致和可用性问题 3. **确保内容一致性**，设计变更时同步更新 docs/ 下所有受影响的文档 ## 三阶段工作流 > 新增、修改、删除设计或设计评审任务按三阶段执行。简单查询或格式修复可直接执行。 Phase 1（头脑风暴）→ Phase 2（编写计划）→ Phase 3（执行计划） ### Phase 1: 头脑风暴 **调用**: `Skill tool → superpowers:brainstorming` 设计文档场景的适配要点： | brainstorming 步骤 | 设计文档适配 | |---|---| | 探索项目上下文 | 根据任务类型加载对应设计文档和需求文档（见下方"文档加载"表） | | 澄清问题 | 逐个确认设计意图、用户场景、交互约束、视觉风格 | | 提出 2-3 个方案 | 不同的布局、交互模式或视觉处理方案 | | 呈现设计 | 展示设计变更方案（涉及界面布局时使用 Visual Companion） | | 保存设计文档 | `docs/superpowers/specs/YYYY-MM-DD-design-.md` | | 用户审核 | 确认后 brainstorming 自动调用 writing-plans | ### Phase 2: 编写计划 **调用**: brainstorming 完成后自动调用 `Skill tool → superpowers:writing-plans` 设计文档场景的适配要点： | writing-plans 步骤 | 设计文档适配 | |---|---| | 文件结构映射 | 列出需要修改的所有设计文档和关联文档 | | 任务粒度 | 每个设计文档的每个逻辑变更为一个独立任务 | | 步骤内容 | 精确的文档路径、章节号、变更内容 | | 验证步骤 | 一致性检查（见下方"一致性检查工作流"）作为每个任务的验证 | | 保存计划 | `docs/superpowers/plans/YYYY-MM-DD-design-.md` | **任务模板**： ````markdown ### Task N: 修改 [文档名] [章节] **Files:** - Modify: `docs/[文件名].md` §[章节号] - [ ] **Step 1: 编写变更内容** [具体的变更内容描述或新旧对比] - [ ] **Step 2: 执行一致性检查** 检查项：[列出需检查的关联文档和检查点] - [ ] **Step 3: 更新版本号和版本历史** - [ ] **Step 4: 提交** ```` ### Phase 3: 执行计划 **调用**: 用户确认执行方式后调用 `Skill tool → superpowers:executing-plans` 设计文档场景的适配要点： - 逐任务执行文档修改 - 每个任务完成后执行对应的一致性检查 - 所有任务完成后进行全量覆盖检查 - 更新所有受影响文档的版本号和版本历史 --- > 以下为领域知识参考，三阶段流程中按需查阅。 ## 设计文档体系 3 份设计文档及其关系： ``` 设计-Apple风格.md → 设计系统基础（色彩、排版、组件、层次规范） ↓ 引用 05-设计-UI.md → 界面实现（线框图、状态说明、交互说明） ↓ 引用 06-设计-UX.md → 用户体验（用户旅程、交互模式、操作流程） ``` **追溯链**：设计系统（设计令牌）→ UI（界面规格）→ UX（交互行为） ### 管理文档 | 文档 | 职责 | 状态 | |------|------|------| | `设计-Apple风格.md` | 设计系统：视觉主题、色彩体系、排版规范、组件样式、布局原则 | 有内容 | | `05-设计-UI.md` | 界面设计：线框图、设计规范、状态说明 | 有内容 | | `06-设计-UX.md` | 用户体验：用户旅程、交互模式、操作流程、错误处理 | 有内容 | ### 参考文档 | 文档 | 引用场景 | |------|----------| | `03-功能列表.md` | 确认设计需覆盖的功能需求（FR） | | `02-产品需求.md` | 了解产品约束 | | `04-用户故事.md` | 验证用户旅程覆盖 | | `11-工程规范.md` | 术语一致性校验 | ### 文档加载 执行任务前，根据任务类型加载所需文档： | 任务类型 | 必须加载 | 按需加载 | |----------|---------|---------| | 新增/修改界面 | `05-设计-UI.md` + `设计-Apple风格.md` | `03-功能列表.md`、`06-设计-UX.md` | | 新增/修改交互 | `06-设计-UX.md` + `05-设计-UI.md` | `04-用户故事.md`、`03-功能列表.md` | | 设计系统变更 | `设计-Apple风格.md` | `05-设计-UI.md`（检查引用） | | FR 覆盖检查 | `03-功能列表.md` + `05-设计-UI.md` | `06-设计-UX.md` | | 设计评审 | 全部 3 份 | `03-功能列表.md`、`04-用户故事.md` | | 术语问题 | `11-工程规范.md`（术语表） | — | ## 一致性检查工作流 设计变更后，必须执行以下一致性检查： ### 步骤 1：变更影响分析 ``` UI 变更 → 检查 设计-Apple风格.md（设计令牌引用）、06-设计-UX.md（交互关联） UX 变更 → 检查 05-设计-UI.md（界面对应）、04-用户故事.md（旅程覆盖） 设计系统变更 → 检查 05-设计-UI.md（所有引用该令牌的界面） Mermaid 变更 → 同步更新 13-Mermaid图集.md ``` ### 步骤 2：文档同步更新 按以下优先级更新受影响的文档： 1. **设计-Apple风格.md** — 设计令牌本身（总是最先更新） 2. **05-设计-UI.md** — 界面规格、线框图 3. **06-设计-UX.md** — 交互模式、用户旅程 4. **03-功能列表.md** — FR 条目（如涉及功能变更） 5. **04-用户故事.md** — US 映射（如涉及用户旅程变更） ### 步骤 3：版本号更新 每个被修改的文档独立更新版本号： - **MAJOR**：所有文档共享，不轻易变更（当前 v4） - **MINOR**：实质性内容变更（新增/修改界面、交互等）→ 递增 - **PATCH**：错别字、格式、术语修正 → 递增 - **版本历史**：文档末尾追加一条版本记录，格式：`- vX.Y.Z (日期): 简要描述` ## 常见工作流 ### 新增界面设计 1. 在 `03-功能列表.md` 确认对应 FR 需求 2. 在 `设计-Apple风格.md` 确认可用的设计令牌 3. 在 `05-设计-UI.md` 正确章节追加界面线框图 4. 在 `06-设计-UX.md` 补充交互模式（如有新交互） 5. 更新所有受影响文档的版本号和版本历史 ### 设计覆盖检查 1. 逐一检查 `03-功能列表.md` 的 P1 FR 是否有对应 UI 界面 2. 逐一检查 `04-用户故事.md` 的用户旅程是否有 UX 交互模式 3. 检查所有界面是否遵循 `设计-Apple风格.md` 设计系统 4. 输出遗漏项清单（FR 编号 → 缺失的界面描述） ### 设计评审 1. 检查界面设计是否完整（有线框图、状态说明、交互说明） 2. 检查交互模式是否一致（同类操作交互统一） 3. 检查设计系统合规（色彩、排版、组件是否遵循规范） 4. 检查术语使用是否符合 `11-工程规范.md` 规范 5. 输出评审报告（问题编号、问题描述、建议修改） ## 术语规范 遵循 `11-工程规范.md` §1.5 的术语使用规范： - **界面编号**：使用 `界面 N` 格式（如 `界面 15`），不使用 `Screen N` 或 `Page N`