Files
Claude-Code-Workflow/.claude/commands/workflow/brainstorm/ux-expert.md

8.5 KiB

name, description, argument-hint, allowed-tools
name description argument-hint allowed-tools
ux-expert Generate or update ux-expert/analysis.md addressing guidance-specification discussion points for UX perspective optional topic - uses existing framework if available Task(conceptual-planning-agent), TodoWrite(*), Read(*), Write(*)

🎯 UX Expert Analysis Generator

Purpose

Specialized command for generating ux-expert/analysis.md that addresses guidance-specification.md discussion points from user experience and interface design perspective. Creates or updates role-specific analysis with framework references.

Core Function

  • Framework-based Analysis: Address each discussion point in guidance-specification.md
  • UX Design Focus: User interface, interaction patterns, and usability optimization
  • Update Mechanism: Create new or update existing analysis.md
  • Agent Delegation: Use conceptual-planning-agent for analysis generation

Analysis Scope

  • User Research: User personas, behavioral analysis, and needs assessment
  • Information Architecture: Content structure, navigation hierarchy, and mental models
  • User Journey Mapping: User flows, task analysis, and interaction models
  • Usability Strategy: Accessibility planning, cognitive load reduction, and user testing frameworks
  • Wireframing: Low-fidelity layouts and structural prototypes (not visual design)

Role Boundaries & Responsibilities

What This Role OWNS (Abstract User Experience & Research)

  • User Research & Personas: Understanding target users, their goals, pain points, and behaviors
  • Information Architecture: Organizing content and defining navigation structures at a conceptual level
  • User Journey Mapping: Defining user flows, task sequences, and interaction models
  • Wireframes & Low-Fidelity Prototypes: Structural layouts showing information hierarchy (boxes and arrows, not colors/fonts)
  • Usability Testing Strategy: Planning user testing, A/B tests, and validation methods
  • Accessibility Planning: WCAG compliance strategy and inclusive design principles

What This Role DOES NOT Own (Defers to Other Roles)

  • Visual Design: Colors, typography, spacing, visual style → Defers to UI Designer
  • High-Fidelity Mockups: Polished, pixel-perfect designs → Defers to UI Designer
  • Component Implementation: Design system components, CSS, animations → Defers to UI Designer

Handoff Points

  • TO UI Designer: Provides wireframes, user flows, and information architecture that UI Designer will transform into high-fidelity visual designs
  • FROM User Research: May receive external research data to inform UX decisions
  • TO Product Owner: Provides user insights and validation results to inform feature prioritization

⚙️ Execution Protocol

Phase 1: Session & Framework Detection

# Check active session and framework
CHECK: find .workflow/active/ -name "WFS-*" -type d
IF active_session EXISTS:
    session_id = get_active_session()
    brainstorm_dir = .workflow/active/WFS-{session}/.brainstorming/

    CHECK: brainstorm_dir/guidance-specification.md
    IF EXISTS:
        framework_mode = true
        load_framework = true
    ELSE:
        IF topic_provided:
            framework_mode = false  # Create analysis without framework
        ELSE:
            ERROR: "No framework found and no topic provided"

Phase 2: Analysis Mode Detection

# Determine execution mode
IF framework_mode == true:
    mode = "framework_based_analysis"
    topic_ref = load_framework_topic()
    discussion_points = extract_framework_points()
ELSE:
    mode = "standalone_analysis"
    topic_ref = provided_topic
    discussion_points = generate_basic_structure()

Phase 3: Agent Execution with Flow Control

Framework-Based Analysis Generation

Task(conceptual-planning-agent): "
[FLOW_CONTROL]

Execute ux-expert analysis for existing topic framework

## Context Loading
ASSIGNED_ROLE: ux-expert
OUTPUT_LOCATION: .workflow/active/WFS-{session}/.brainstorming/ux-expert/
ANALYSIS_MODE: {framework_mode ? "framework_based" : "standalone"}

## Flow Control Steps
1. **load_topic_framework**
   - Action: Load structured topic discussion framework
   - Command: Read(.workflow/active/WFS-{session}/.brainstorming/guidance-specification.md)
   - Output: topic_framework_content

2. **load_role_template**
   - Action: Load ux-expert planning template
   - Command: bash($(cat ~/.claude/workflows/cli-templates/planning-roles/ux-expert.md))
   - Output: role_template_guidelines

3. **load_session_metadata**
   - Action: Load session metadata and existing context
   - Command: Read(.workflow/active/WFS-{session}/workflow-session.json)
   - Output: session_context

## Analysis Requirements
**Framework Reference**: Address all discussion points in guidance-specification.md from user experience and interface design perspective
**Role Focus**: UI design, interaction patterns, usability optimization, design systems
**Structured Approach**: Create analysis.md addressing framework discussion points
**Template Integration**: Apply role template guidelines within framework structure

## Expected Deliverables
1. **analysis.md**: Comprehensive UX design analysis addressing all framework discussion points
2. **Framework Reference**: Include @../guidance-specification.md reference in analysis

## Completion Criteria
- Address each discussion point from guidance-specification.md with UX design expertise
- Provide actionable interface design and usability optimization strategies
- Include accessibility considerations and interaction pattern recommendations
- Reference framework document using @ notation for integration
"

📋 TodoWrite Integration

Workflow Progress Tracking

TodoWrite({
  todos: [
    {
      content: "Detect active session and locate topic framework",
      status: "in_progress",
      activeForm: "Detecting session and framework"
    },
    {
      content: "Load guidance-specification.md and session metadata for context",
      status: "pending",
      activeForm: "Loading framework and session context"
    },
    {
      content: "Execute ux-expert analysis using conceptual-planning-agent with FLOW_CONTROL",
      status: "pending",
      activeForm: "Executing ux-expert framework analysis"
    },
    {
      content: "Generate analysis.md addressing all framework discussion points",
      status: "pending",
      activeForm: "Generating structured ux-expert analysis"
    },
    {
      content: "Update workflow-session.json with ux-expert completion status",
      status: "pending",
      activeForm: "Updating session metadata"
    }
  ]
});

📊 Output Structure

Framework-Based Analysis

.workflow/active/WFS-{session}/.brainstorming/ux-expert/
└── analysis.md    # Structured analysis addressing guidance-specification.md discussion points

Analysis Document Structure

# UX Expert Analysis: [Topic from Framework]

## Framework Reference
**Topic Framework**: @../guidance-specification.md
**Role Focus**: User Experience & Interface Design perspective

## Discussion Points Analysis
[Address each point from guidance-specification.md with UX design expertise]

### Core Requirements (from framework)
[User interface and interaction design requirements perspective]

### Technical Considerations (from framework)
[Design system implementation and technical feasibility considerations]

### User Experience Factors (from framework)
[Usability optimization, accessibility, and user-centered design analysis]

### Implementation Challenges (from framework)
[Design implementation challenges and progressive enhancement strategies]

### Success Metrics (from framework)
[UX metrics including usability testing, user satisfaction, and design KPIs]

## UX Expert Specific Recommendations
[Role-specific interface design patterns and usability optimization strategies]

---
*Generated by ux-expert analysis addressing structured framework*

🔄 Session Integration

Completion Status Update

{
  "ux_expert": {
    "status": "completed",
    "framework_addressed": true,
    "output_location": ".workflow/active/WFS-{session}/.brainstorming/ux-expert/analysis.md",
    "framework_reference": "@../guidance-specification.md"
  }
}

Integration Points

  • Framework Reference: @../guidance-specification.md for structured discussion points
  • Cross-Role Synthesis: UX design insights available for synthesis-report.md integration
  • Agent Autonomy: Independent execution with framework guidance