mcpField
T
team-uidesign

team-uidesign

github.com/catlog22Design & UI2.1k65 installsUpdated 19w ago
Repository

About team-uidesign

team-uidesign is a team-oriented skill for coordinating UI design through research, design tokens, review, and implementation. It assigns role-specific workers and includes references for design standards, anti-patterns, and quality scoring.

Key features

  1. 01Coordinate UI design workflows
  2. 02Research, design tokens, review, and implementation
  3. 03Assign workers by role
  4. 04Reference design standards and anti-patterns
  5. 05Use a quality scoring guide

Use cases

  1. 01Advance from research to UI implementation
  2. 02Review interface consistency and quality
  3. 03Evaluate designs against standards and scoring guidance

MCP support

It coordinates team workers through the `mcp__ccw-tools__team_msg` message bus and uses CLI tools for read-only analysis and modifications.

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/catlog22/claude-code-workflow --skill team-uidesign

After installing, type/team-uidesignin Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

roles/coordinator/
role.md
roles/coordinator/commands/
analyze.md
dispatch.md
monitor.md
roles/designer/
role.md
roles/implementer/
role.md
roles/researcher/
role.md
roles/reviewer/
role.md
specs/
anti-patterns.md
design-standards.md
pipelines.md
scoring-guide.md
team-config.json
ux-writing.md

Details

From the project README

Team UI Design

Systematic UI design pipeline: research -> design tokens -> review -> implementation. Built on team-worker agent architecture — all worker roles share a single agent definition with role-specific Phase 2-4 loaded from roles/<role>/role.md.

Architecture

Skill(skill="team-uidesign", args="task description")
                    |
         SKILL.md (this file) = Router
                    |
     +--------------+--------------+
     |                             |
  no --role flag              --role <name>
     |                             |
  Coordinator                  Worker
  roles/coordinator/role.md    roles/<name>/role.md
     |
     +-- analyze → dispatch → spawn workers → STOP
                                    |
                    +-------+-------+-------+-------+
                    v       v       v       v
           [team-worker agents, each loads roles/<role>/role.md]
          researcher  designer  reviewer  implementer

Role Registry

RolePathPrefixInner Loop
coordinatorroles/coordinator/role.md——
researcherroles/researcher/role.mdRESEARCH-*false
designerroles/designer/role.mdDESIGN-*false
reviewerroles/reviewer/role.mdAUDIT-*false
implementerroles/implementer/role.mdBUILD-*false

Role Router

Parse $ARGUMENTS:

  • Has --role <name> → Read roles/<name>/role.md, execute Phase 2-4
  • No --role → @roles/coordinator/role.md, execute entry router

Shared Constants

  • Session prefix: UDS
  • Session path: .workflow/.team/UDS-<slug>-<date>/
  • CLI tools: ccw cli --mode analysis (read-only), ccw cli --mode write (modifications)
  • Message bus: mcp__ccw-tools__team_msg(session_id=<session-id>, ...)
  • Max GC rounds: 2

Worker Spawn Template

Coordinator spawns workers using this template:

Agent({
  subagent_type: "team-worker",
  description: "Spawn <role> worker for <task-id>",
  team_name: "uidesign",
  name: "<role>",
  run_in_background: true,
  prompt: `## Role Assignment
role: <role>
role_spec: <skill_root>/roles/<role>/role.md
session: <session-folder>
session_id: <session-id>
team_name: uidesign
requirement: <task-description>
inner_loop: false

## Progress Milestones
session_id: <session-id>
Report progress via team_msg at natural phase boundaries (context loaded -> core work done -> verification).
Report blockers immediately via team_msg type="blocker".
Report completion via team_msg type="task_complete" after final SendMessage.

Read role_spec file (@<skill_root>/roles/<role>/role.md) to load Phase 2-4 domain instructions.
Execute built-in Phase 1 (task discovery) -> role Phase 2-4 -> built-in Phase 5 (report).`
})

User Commands

CommandAction
check / statusView execution status graph
resume / continueAdvance to next step

Specs Reference

Session Directory

.workflow/.team/UDS-<slug>-<date>/
├── .msg/
│   ├── messages.jsonl         # Team message bus
│   └── meta.json              # Pipeline config + GC state
├── research/                  # Researcher output
│   ├── design-system-analysis.json
│   ├── component-inventory.json
│   ├── accessibility-audit.json
│   ├── design-intelligence.json
│   └── visual-quality-baseline.json
├── design/                    # Designer output
│   ├── design-tokens.json
│   ├── component-specs/
│   └── layout-specs/
├── audit/                     # Reviewer output
│   └── audit-*.md
├── build/                     # Implementer output
│   ├── token-files/
│   └── component-files/
└── wisdom/                    # Cross-task knowledge

Error Handling

ScenarioResolution
Unknown commandError with available command list
Role not foundError with role registry
Session corruptionAttempt recovery, fallback to manual
Fast-advance conflictCoordinator reconciles on next callback
Completion action failsDefault to Keep Active
GC loop stuck > 2 roundsEscalate to user: accept / retry / terminate

Comments

Markdown supported