Claude Design でコア 4 画面の方向性検証

[win2cot]

概要

Claude Design を使って、コア 4 画面それぞれについて 2〜3 案を生成・比較し、方向性を 1 案に絞り込む。ハイファイ完成ではなく「方向性確定」がゴール。

対象画面

• ダッシュボード(visibility フィルタ適用後の集計、SaaS Admin / Tenant Admin / Member で見え方差分)
• タスク一覧(フィルタ / ソート / ページング / visibility バッジ)
• タスク詳細(参照 vs 編集モード、関係者表示、監査ログの扱い、削除導線)
• テナント管理(SaaS Admin 専用、テナント一覧 + メンバー管理 + ロール変更)

進め方

1. Claude Design に以下を投入してプロンプトを組む
   • api/openapi.yaml の該当 operations
   • docs/specs/基本設計書.md 該当節
   • 前提:Bootstrap 5、マルチテナント SaaS、ロール 3 種、visibility 3 種
2. 各画面 2〜3 案を生成し、決定根拠と一緒に保存
3. 決定案の HTML / スクリーンショットを docs/specs/ui/screens/<画面 ID>/ に格納
4. 各画面に decision.md(方向性決定の理由、却下案、開いている論点)を併記

成果物

• docs/specs/ui/screens/dashboard/(HTML or 画像 + decision.md)
• docs/specs/ui/screens/task-list/
• docs/specs/ui/screens/task-detail/
• docs/specs/ui/screens/tenant-admin/

完了の定義

• 4 画面すべて方向性決定済み
• 各画面に decision.md あり(理由 + 却下案 + 残論点)
• 認可ポリシー(権限マトリクス Issue の成果物)と矛盾しない
• OpenAPI 突き合わせ Issue に必要なフィールド洗い出しを引き継いでいる

関連

• 親:[Sprint 0] 画面設計 初版(Claude Design 活用) #149
• 依存:画面遷移図(本親 Issue の最初のサブ)、権限マトリクス(同 2 番目のサブ)
• 連動:OpenAPI 突き合わせ(同 4 番目のサブ)