# 内部再鑑ゲートKanbanアプリ UIデザイン依頼プロンプト（ClaudeDesign用）

以下は、ClaudeDesign（デザインキャンバス）に貼り付けて、画面デザイン案を複数出してもらうためのプロンプトです。あわせて、これまで共有したプロトタイプ（`内部再鑑ゲート_プロトタイプ.html`）を一緒に見せながら依頼してください。

---

## 背景

社内のプロジェクトレビュー工程で「クライアント再提出前の内部再鑑チェック」が形骸化し、抜け漏れが発生している課題を解決するため、Kanban（チケット管理）形式のWebアプリを企画中。機能・操作の方向性を確認するための簡易プロトタイプ（HTML、添付）はすでに作成済みで、基本機能の方向性はこれで良いという評価を得ている。次の段階として、UIの操作性とビジュアルデザインの完成度を高めたい。

## 依頼したいこと

添付のプロトタイプをベースに、このアプリのメイン画面（カンバンボード）について、**UIデザイン案を3パターン程度**作成してほしい。ワイヤーフレームではなく、実際に使いたくなる完成度のビジュアルデザインとして提案してほしい。

## 必須要件（最優先）

**ブラウザを最大化した状態で、1つのモニター画面内にすべてのUIが収まり、縦・横ともにスクロールバーが極力出ないこと**を最優先の制約とする。

- 想定解像度：1920×1080（フルHD）を基準とする。可能であれば1366×768程度のノートPC画面でもある程度成立する案が望ましいが、優先度はデスクトップ側を上とする。
- 工程（レーン）は8つある。各カラムの幅、カード内の情報量、下部の操作ログ表示の扱い（常時表示／折りたたみ／タブ切り替えなど）を含め、詰め込みすぎず、かつ画面内に収まるレイアウトを検討してほしい。

## 操作性の要件

- ドラッグ&ドロップでカードを次工程へ移動する操作が中心。直感的で気持ちよい操作感を重視する。
- 権限がない工程のカードは操作できないことが一目で分かる表現にする（現行プロトタイプでは半透明化して掴めなくしている、というシンプルな表現）。
- 「再鑑待ち」のようなゲート工程（必須承認工程）は、他の通常工程と明確に視覚的に区別する。

## デザイン性の要件

- 配色・タイポグラフィ・余白のトーン&マナーが一貫していること。
- 3案は方向性を変えてほしい（例：ミニマルで余白を活かした案／情報密度を高めて一覧性を重視した案／色や質感で視認性を高めた案、など）。各案の狙いと工夫した点を短く添えてほしい。

## 画面に表示すべき情報（現行プロトタイプ準拠）

- 各カード：チケットID、タイトル、担当者アバター、滞留時間（一定時間を超えたら警告表現）
- 現在のロール切り替え（担当者／レビュアー／再鑑者／PMOなど）
- 直近の操作履歴（監査ログのイメージ。簡易な一覧でよい）

## 実運用イメージ（参考）

社内のプロジェクトチームが日常的に開き、1日に何度も確認する画面になる想定。情報の見やすさと操作の速さが特に重要。

---

*作成日：2026年9月3日*