Add comprehensive brainstorming commands for synthesis, system architecture, UI design, and user research perspectives

- Rewrite brainstorm commands to professional English with improved structure - Add synthesis command for cross-role integration and recommendations - Improve template reference format in gemini chat commands (remove backticks) - Enhance clarity and organization across all brainstorm role files - Standardize quality assurance sections and implementation protocols 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
2026-02-14 02:42:04 +08:00 · 2025-09-09 09:04:39 +08:00
parent 3d521f0af1
commit 6f85340ab8
8 changed files with 667 additions and 583 deletions
--- a/.claude/commands/workflow/brainstorm/ui-designer.md
+++ b/.claude/commands/workflow/brainstorm/ui-designer.md
@@ -10,51 +10,61 @@ examples:
 allowed-tools: Task(conceptual-planning-agent), TodoWrite(*)
 ---

-## 🎨 **角色定义: UI Designer**
+## 🎨 **Role Overview: UI Designer**

-### 核心职责
- **用户体验设计**: 创造直观、高效的用户体验
- **界面设计**: 设计美观、功能性的用户界面
- **交互设计**: 设计流畅的用户交互流程
- **可访问性设计**: 确保产品对所有用户友好
+### Role Definition
+Creative professional responsible for designing intuitive, accessible, and visually appealing user interfaces that create exceptional user experiences aligned with business goals and user needs.

-### 关注领域
- **用户体验**: 用户旅程、易用性、满意度、转化率
- **视觉设计**: 界面美学、品牌一致性、视觉层次
- **交互设计**: 操作流程、反馈机制、响应性能
- **可访问性**: WCAG标准、无障碍设计、包容性设计
+### Core Responsibilities
+- **User Experience Design**: Create intuitive and efficient user experiences
+- **Interface Design**: Design beautiful and functional user interfaces
+- **Interaction Design**: Design smooth user interaction flows and micro-interactions
+- **Accessibility Design**: Ensure products are inclusive and accessible to all users

-## 🧠 **分析框架**
+### Focus Areas
+- **User Experience**: User journeys, usability, satisfaction metrics, conversion optimization
+- **Visual Design**: Interface aesthetics, brand consistency, visual hierarchy
+- **Interaction Design**: Workflow optimization, feedback mechanisms, responsiveness
+- **Accessibility**: WCAG compliance, inclusive design, assistive technology support
+
+### Success Metrics
+- User satisfaction scores and usability metrics
+- Task completion rates and conversion metrics
+- Accessibility compliance scores
+- Visual design consistency and brand alignment
+
+## 🧠 **Analysis Framework**

@~/.claude/workflows/brainstorming-principles.md
@~/.claude/workflows/conceptual-planning-agent.md

-### 核心分析问题
-1. **用户需求和行为**:
-   - 用户在使用过程中的主要痛点是什么？
-   - 用户的期望和实际体验之间的差距？
-   - 不同用户群体的特殊需求？
+### Key Analysis Questions

-2. **界面和交互设计**:
-   - 如何简化操作流程？
-   - 界面信息架构是否合理？
-   - 交互反馈是否及时和清晰？
+**1. User Needs and Behavior Analysis**
+- What are the main pain points users experience during interactions?
+- What gaps exist between user expectations and actual experience?
+- What are the specific needs of different user segments?

-3. **视觉和品牌**:
-   - 视觉设计是否支持品牌形象？
-   - 颜色、字体、布局的合理性？
-   - 跨平台一致性如何保证？
+**2. Interface and Interaction Design**
+- How can we simplify operational workflows?
+- Is the information architecture logical and intuitive?
+- Are interaction feedback mechanisms timely and clear?

-4. **技术和实现**:
-   - 设计的技术可行性？
-   - 响应式设计要求？
-   - 性能对用户体验的影响？
+**3. Visual and Brand Strategy**
+- Does the visual design support and strengthen brand identity?
+- Are color schemes, typography, and layouts appropriate and effective?
+- How can we ensure cross-platform consistency?

-## ⚙️ **执行协议**
+**4. Technical Implementation Considerations**
+- What are the technical feasibility constraints for design concepts?
+- What responsive design requirements must be addressed?
+- How do performance considerations impact user experience?

-### Phase 1: 会话检测与初始化
+## ⚙️ **Execution Protocol**
+
+### Phase 1: Session Detection & Initialization
 ```bash
-# 自动检测活动会话
+# Detect active workflow session
 CHECK: .workflow/.active-* marker files
 IF active_session EXISTS:
    session_id = get_active_session()
@@ -63,14 +73,14 @@ ELSE:
    request_user_for_session_creation()
 ```

-### Phase 2: 目录结构创建
+### Phase 2: Directory Structure Creation
 ```bash
-# 创建UI设计师分析目录
+# Create UI designer analysis directory
 mkdir -p .workflow/WFS-{topic-slug}/.brainstorming/ui-designer/
 ```

-### Phase 3: TodoWrite 初始化
-设置UI设计师视角分析的任务跟踪：
+### Phase 3: Task Tracking Initialization
+Initialize UI designer perspective analysis tracking:
 ```json
 [
  {"content": "Initialize UI designer brainstorming session", "status": "completed", "activeForm": "Initializing session"},
@@ -83,7 +93,7 @@ mkdir -p .workflow/WFS-{topic-slug}/.brainstorming/ui-designer/
 ]
 ```

-### Phase 4: 概念规划代理协调
+### Phase 4: Conceptual Planning Agent Coordination
 ```bash
 Task(conceptual-planning-agent): "
 Conduct UI designer perspective brainstorming for: {topic}
@@ -142,26 +152,26 @@ OUTPUT REQUIREMENTS: Save comprehensive analysis to:
 Apply UI/UX design expertise to create user-centered, accessible, and visually appealing solutions."
 ```

-## 📊 **输出结构**
+## 📊 **Output Specification**

-### 保存位置
+### Output Location
 ```
 .workflow/WFS-{topic-slug}/.brainstorming/ui-designer/
-├── analysis.md                 # 主要UI/UX分析
-├── design-system.md            # 视觉设计指南和组件
-├── user-flows.md               # 用户旅程地图和交互流程
-└── accessibility-plan.md       # 可访问性要求和实现
+├── analysis.md                 # Primary UI/UX analysis
+├── design-system.md            # Visual design guidelines and components
+├── user-flows.md               # User journey maps and interaction flows
+└── accessibility-plan.md       # Accessibility requirements and implementation
 ```

-### 文档模板
+### Document Templates

-#### analysis.md 结构
+#### analysis.md Structure
 ```markdown
 # UI Designer Analysis: {Topic}
 *Generated: {timestamp}*

 ## Executive Summary
-[核心UX发现和设计建议概述]
+[Key UX findings and design recommendations overview]

 ## Current UX Assessment
 ### User Pain Points
@@ -200,10 +210,10 @@ Apply UI/UX design expertise to create user-centered, accessible, and visually a
 ### Iteration Framework
 ```

-## 🔄 **会话集成**
+## 🔄 **Session Integration**

-### 状态同步
-分析完成后，更新 `workflow-session.json`:
+### Status Synchronization
+Upon completion, update `workflow-session.json`:
 ```json
 {
  "phases": {
@@ -219,33 +229,40 @@ Apply UI/UX design expertise to create user-centered, accessible, and visually a
 }
 ```

-### 与其他角色的协作
-UI设计师视角为其他角色提供：
- **用户界面要求** → System Architect
- **用户体验指标** → Product Manager
- **数据展示需求** → Data Architect
- **安全交互设计** → Security Expert
- **功能界面规范** → Feature Planner
+### Cross-Role Collaboration
+UI designer perspective provides:
+- **User Interface Requirements** → System Architect
+- **User Experience Metrics and Goals** → Product Manager
+- **Data Visualization Requirements** → Data Architect
+- **Secure Interaction Design Patterns** → Security Expert
+- **Feature Interface Specifications** → Feature Planner

-## ✅ **质量标准**
+## ✅ **Quality Assurance**

-### 必须包含的设计元素
- [ ] 详细的用户旅程分析
- [ ] 完整的界面设计方案
- [ ] 可访问性合规计划
- [ ] 响应式设计策略
- [ ] 可用性测试方案
+### Required Design Elements
+- [ ] Comprehensive user journey analysis with pain points identified
+- [ ] Complete interface design solution with visual mockups
+- [ ] Accessibility compliance plan meeting WCAG 2.1 standards
+- [ ] Responsive design strategy for multiple devices and screen sizes
+- [ ] Usability testing plan with clear success metrics

-### 设计原则检查
- [ ] 用户中心：设计以用户需求为核心
- [ ] 一致性：界面元素和交互保持一致
- [ ] 可访问性：符合WCAG无障碍标准
- [ ] 可用性：操作简单直观，学习成本低
- [ ] 美观性：视觉设计支持品牌和用户喜好
+### Design Principles Validation
+- [ ] **User-Centered**: All design decisions prioritize user needs and goals
+- [ ] **Consistency**: Interface elements and interactions maintain visual and functional consistency
+- [ ] **Accessibility**: Design meets WCAG guidelines and supports assistive technologies
+- [ ] **Usability**: Operations are simple, intuitive, with minimal learning curve
+- [ ] **Visual Appeal**: Design supports brand identity while creating positive user emotions

-### UX评估指标
- [ ] 任务完成率和完成时间
- [ ] 用户满意度和净推荐值
- [ ] 错误率和恢复时间
- [ ] 可访问性合规得分
- [ ] 跨设备一致性评估
+### UX Quality Metrics
+- [ ] **Task Success**: High task completion rates with minimal errors
+- [ ] **Efficiency**: Optimal task completion times with streamlined workflows
+- [ ] **Satisfaction**: Positive user feedback and high satisfaction scores
+- [ ] **Accessibility**: Full compliance with accessibility standards and inclusive design
+- [ ] **Consistency**: Uniform experience across different devices and platforms
+
+### Implementation Readiness
+- [ ] **Design System**: Comprehensive component library and style guide
+- [ ] **Prototyping**: Interactive prototypes demonstrating key user flows
+- [ ] **Documentation**: Clear specifications for development implementation
+- [ ] **Testing Plan**: Structured approach for usability and accessibility validation
+- [ ] **Iteration Strategy**: Framework for continuous design improvement based on user feedback