team-uidesign について
team-uidesign は、チームで UI デザインを進めるためのスキルです。調査、デザイントークン、レビュー、実装を調整し、役割別のワーカーとデザイン標準・アンチパターン・品質評価の資料を備えています。
主な機能
- 01UI デザインワークフローの調整
- 02調査、デザイントークン、レビュー、実装
- 03役割別のワーカー割り当て
- 04デザイン標準とアンチパターンの参照
- 05品質評価ガイドの利用
活用シーン
- 01調査から UI 実装へ進行
- 02画面の一貫性と品質をレビュー
- 03標準と評価ガイドに基づくデザイン評価
MCP 対応
`mcp__ccw-tools__team_msg` メッセージバスでチームワーカーを調整し、読み取り専用の分析と変更には CLI ツールを使用します。
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ catlog22/ claude-code-workflow --skill team-uidesignインストール後、Claude Code で/team-uidesignを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
roles/coordinator/role.mdroles/coordinator/commands/analyze.mddispatch.mdmonitor.mdroles/designer/role.mdroles/implementer/role.mdroles/researcher/role.mdroles/reviewer/role.mdspecs/anti-patterns.mddesign-standards.mdpipelines.mdscoring-guide.mdteam-config.jsonux-writing.md詳細
チーム UI デザイン
体系的な UI デザインパイプライン:調査 -> デザイントークン -> レビュー -> 実装。チームワーカーエージェントアーキテクチャを基盤とし、すべてのワーカーロールは、roles/<role>/role.md からロール固有のフェーズ 2~4 を読み込む単一のエージェント定義を共有します。
アーキテクチャ
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
ロールレジストリ
| ロール | パス | プレフィックス | 内部ループ |
|---|---|---|---|
| coordinator | roles/coordinator/role.md | — | — |
| researcher | roles/researcher/role.md | RESEARCH-* | false |
| designer | roles/designer/role.md | DESIGN-* | false |
| reviewer | roles/reviewer/role.md | AUDIT-* | false |
| implementer | roles/implementer/role.md | BUILD-* | false |
ロールルーター
$ARGUMENTS を解析します:
--role <name>がある場合 →roles/<name>/role.mdを読み込み、フェーズ 2~4 を実行します--roleがない場合 →@roles/coordinator/role.mdを参照し、エントリールーターを実行します
共有定数
- セッションプレフィックス:
UDS - セッションパス:
.workflow/.team/UDS-<slug>-<date>/ - CLI ツール:
ccw cli --mode analysis(読み取り専用)、ccw cli --mode write(変更) - メッセージバス:
mcp__ccw-tools__team_msg(session_id=<session-id>, ...) - 最大 GC ラウンド数:2
ワーカー起動テンプレート
コーディネーターは次のテンプレートを使用してワーカーを起動します:
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).`
})
ユーザーコマンド
| コマンド | アクション |
|---|---|
check / status | 実行ステータスグラフを表示 |
resume / continue | 次のステップに進む |
仕様リファレンス
- specs/pipelines.md — パイプライン定義とタスクレジストリ
- specs/design-standards.md — 優れたデザイン基準(OKLCH、タイポグラフィ、間隔、モーション、インタラクション)
- specs/anti-patterns.md — AI スロップ検出カタログ(20 項目)
- specs/scoring-guide.md — 8 次元の品質評価基準
- specs/ux-writing.md — UX ライティング基準(ラベル、エラー、空の状態、トーン)
セッションディレクトリ
.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
エラー処理
| シナリオ | 解決方法 |
|---|---|
| 不明なコマンド | 使用可能なコマンド一覧とともにエラーを表示 |
| ロールが見つからない | ロールレジストリとともにエラーを表示 |
| セッションの破損 | 復旧を試み、失敗した場合は手動操作に切り替え |
| 早送りの競合 | 次回のコールバック時にコーディネーターが調整 |
| 完了アクションの失敗 | デフォルトでアクティブ状態を維持 |
| GC ループが 2 ラウンドを超えて停滞 | ユーザーにエスカレーション:承認/再試行/終了 |
コメント
Markdown 対応