[Sprint 0] 画面設計 初版(Claude Design 活用)

[win2cot]

目的

Sprint 1 以降のフロントエンド実装スプリントに先行して、主要画面の方向性を確定する。Claude Design を使って複数案を短時間で生成・比較し、画面遷移・項目構成・権限と画面の対応を決め切るのが Sprint 0 のゴール。ハイファイモックの完成度ではなく、意思決定の確定に投資する。

スコープ

In Scope(Sprint 0 内に完了)

• 画面遷移図 / サイトマップ初版
• ロール × 画面 権限マトリクス
• コア 4 画面の方向性検証:ダッシュボード / タスク一覧 / タスク詳細 / テナント管理
• OpenAPI v1.3.1(api/openapi.yaml)との項目突き合わせ
• デザインシステム素案(Bootstrap 5 ベース)

Out of Scope(Sprint 1 以降)

• ハイファイモック(ピクセル単位の仕上げ)
• 認証 / ログイン関連画面(Keycloak Hosted UI 前提のため別 Sprint で検討)
• ユーザー設定 / 通知設定 / エラー画面パターン
• ユーザビリティテスト

サブ Issue

• 画面遷移図とサイトマップの初版作成 #150 画面遷移図とサイトマップの初版作成
• ロール × 画面 権限マトリクス整理(visibility / 404・403 ポリシー反映) #151 ロール × 画面 権限マトリクス整理
• Claude Design でコア 4 画面の方向性検証 #152 Claude Design でコア 4 画面の方向性検証
• OpenAPI v1.3.1 と画面項目の突き合わせ #153 OpenAPI v1.3.1 と画面項目の突き合わせ
• デザインシステム素案(Bootstrap 5 ベース) #154 デザインシステム素案(Bootstrap 5 ベース)

依存関係

• 画面遷移図 + 権限マトリクス が Claude Design 検証 の前提
• Claude Design 検証 の成果が OpenAPI 突き合わせ を駆動
• デザインシステム素案 は並行進行可、最後に整合確認

完了の定義(Definition of Done)

• サブ Issue 5 件がすべて Close
• docs/specs/ui/ 配下に成果物が PR 経由でマージ済み
• Sprint 1 以降の画面実装スプリントが、本 Issue の成果物だけで着手判断可能

関連

• 規約・ADR:PR docs: 設計規約・コーディング規約を新設し ADR 制度を導入 #135 / docs/specs/設計規約.md / docs/specs/コーディング規約.md
• API 契約:api/openapi.yaml v1.3.1
• 基本設計書:docs/specs/基本設計書.md v1.3.2
• 認可ポリシー:基本設計書 §6.2.2 / §6.2.3(GET 違反=404、編集系違反=403)
• スコープ外関連:[Sprint 0 Readiness] 詳細設計フェーズ残課題チェックリスト #120(Sprint 0 Readiness)/ [Phase 1 Sprint 0] scaffold ↔ 設計書 v1.4.x 整合実装(2 週間、2026-06-14 〜 06-27) #121(Sprint 0 scaffold 整合実装)