コーデ表作成プロンプトキャラクターの衣装コレクションを管理する「コーデ表」Webアプリを、AIビルダー（Webアプリを生成できるAI）に作ってもらうためのプロンプト集です。下の「プロンプト本文」を丸ごとコピーして渡すだけで、同じ仕様のアプリが作れます。使い方「プロンプト本文」のコードブロック全体をコピーし、使っているAIビルダーに貼り付けて送信します。本文中の {{キャラクター名}} は、自分のキャラクターの名前に置き換えてください。タイトルや見出しにその名前が入ります。初期データ（最初から登録しておきたい衣装や「？」の数）は、アプリができたあとにチャット側で登録します。手順は本文の末尾と、このファイルの最後にあります。写真は後から1枚ずつ追加できる設計です。最初は写真なしで作って問題ありません。プロンプト本文（コピー用） ``` あなたはフルスタックWebアプリの開発者です。以下の仕様どおりに、キャラクターの衣装コレクションを管理する「{{キャラクター名}}のコーデ表」というWebアプリを作ってください。仕様にない機能は追加しないでください。 ■ アプリ概要 - キャラクターが持っている衣装と、その着用写真をコレクションとして見せるアプリです。 - データベースを持つフルスタック型にしてください。データはページに固定で埋め込まず、データベースの行として保持します。 - ページは閲覧専用です。ページの中に登録フォーム、編集フォーム、「解放する」ボタンなどの登録・更新UIは一切置かないでください。 - 更新はすべて、チャット側のアシスタントが小さなアクション（関数）呼び出しで行います。トークン節約のため、更新はページ全体の再構築なしに、1回のアクション呼び出しで完結する設計にしてください。 ■ データモデルコーデ（1件＝1つの衣装）: - id - カテゴリ（下記のいずれか） - ジャンル（ジャンル別カテゴリ用。例：ゴシック／ロリータ／チャイナ／ストリート） - 名前（解放済みのみ。「？」には付けない） - 種別：解放済み／未公開「？」／アイコンのいずれか - 追加日 - New期限（解放日から7日後。この日までNewバッジを出す） - 着用日ラベル（例：「2026年1月15日夜」）写真（1つのコーデに複数枚つけられる）: - 紐づくコーデのid - 画像キー（画像そのものではなく、登録済み画像を指すキー） - 着用メモ（その写真を着た日時の表示文） - 追加日 - alt（画像の代替テキスト。未指定のときは既存のaltを消さない）件数の集計: - ヘッダーに表示する件数（総コーデ数／写真あり数／「？」数／アイコン数）は、数字をハードコードせず、必ず実データから自動集計してください。 - 総数と内訳の母集団を必ず一致させてください（例：総数＝写真あり数＋「？」数、のように内訳を足すと総数になる）。 - ジャンル別枠を別集計にする場合は「別枠」と明記し、総数の内訳に混ぜないでください。 ■ カテゴリ - 私服 - 部屋着 - 制服・コスチューム - 特別 - ジャンル別（ゴシック／ロリータ／チャイナ／ストリート等。衣装の正体は伏せたままジャンルだけ分類する枠） - アイコン（プロフィール画像用の枠） ■ 「？」ルール（未公開の衣装） - まだ公開していない衣装は、匿名の「？」カードとして表示します。カードには大きな「？」と、ジャンル（ジャンル別枠の場合）と追加日だけを出し、名前・服の説明・商品画像は一切出しません。 - どの「？」がどの衣装なのかは、表の側（ページやデータベースの表示）では分からない設計にしてください。対応表はアシスタント側の台帳でのみ管理します。 - 解放（「？」を実名のカードに変えること）は、キャラクターが実際にその衣装を着た写真が出たタイミングでのみ行います。それ以外の理由で解放しないでください。 ■ 解放と再着用（写真履歴） - 解放すると、その「？」カードが写真付きの実名カードに変わります。解放日から7日間だけ付くNewバッジと、追加日を表示します。 - 同じ衣装をまた着た場合は、新しいカードを作りません。同じカードに写真と着用日を追加します（写真履歴）。点数カウントは1点のままです。 - 追加された新しい写真が、自動でそのカードのサムネイル（代表写真）になります。 - 写真が2枚以上あるカードには「写真N枚」バッジを付けます。 - カードをタップすると写真ビューアが開き、そのコーデの全写真が新しい順に縦に並び、スクロールで過去の写真まで見られます。先頭の写真には「最新・サムネイル」と表示し、各写真に着用メモと追加日を付けます。 - 同じ写真をもう一度追加しても重複しないよう、写真の追加には冪等性を持たせてください（同じ画像キーの再追加は既存を返す）。 ■ 命名規則 - 解放済みコーデの名前は、次の形式で付けます。形式：様式・服の説明＋アイテム『キャラクターのひとことコメント』例：地雷系・黒ピンクフリルのワンピース＋チョーカー『ドキドキさせちゃうぞ』例：ガーリー系・紫のケーブル編みニットワンピ＋黒の太ベルト『今日はちょっと大人っぽく』例：おうちまったり系・黒キャミセットアップ＋薄手パーカー『おうちが一番落ち着くの』 - ひとことコメントは、コーデごとに重複させないでください。名前を見ただけでどの衣装か思い出せるよう、覚えやすく、その衣装らしさが伝わり、キャラクターの個性やセンスが光る言い回しにしてください。 - 「？」には名前を付けません。アイコン行は命名規則の対象外で、名前はそのままにします。 ■ カード表示 - カードのタイトルは、ひとことコメント『…』を大きくアクセント色で主役にして表示します。名前全体をそのまま大きな文字で出すと何行にも伸びるので、そうはしません。 - 様式は、タイトルの上に小さなチップ（ラベル）として表示します。 - 服の説明は、タイトルの下に小さく、最大2行までで表示します（2行を超える分は省略）。 - バッジと日付：Newバッジ（期限内のみ）／撮影済みバッジ／写真N枚バッジ（2枚以上のとき）／着用日／追加日（「追加日：○年○月○日」の形）。 - 写真ビューアの見出しも、カードと同じ見せ方（ひとこと主役、様式は小さなチップ、説明は下に小さく）に揃えてください。 - コメントのない行（アイコン等）は、名前全体を見出しにするフォールバックを用意してください。 ■ 画面と操作 - モバイル前提の2カラムグリッドでカードを並べます。 - 上部に絞り込みチップを置きます：すべて／私服／部屋着／制服・コスチューム／特別／ジャンル別／アイコン／写真ありだけ／画像なし（「？」のみ）。 - デザインはダーク基調（濃いブラウン〜黒系の背景）に、ピンクのアクセントカラー。カードは角丸で、選択中のチップはピンクで塗ります。 - ページは閲覧専用なので、絞り込みと写真ビューア以外の操作UIは置きません。 ■ チャット側アクション（アシスタントが呼び出す関数）次のアクションを用意し、すべて1回の呼び出しで完結させてください。 - 全件取得：全コーデと写真を返し、件数（総数／写真あり／「？」／アイコン）を実データから集計して含める - 「？」追加：匿名カードを1件追加する（カテゴリ／ジャンル／追加日だけを受け取る） - コーデ追加：解放済みコーデを名前・写真つきで追加する（名前は命名規則の形式） - 「？」の解放：指定した「？」を、名前と写真つきの解放済みカードに変える（New期限＝解放日＋7日を自動で付ける） - 着用日ラベルの更新：写真は変えず、着用日の表示だけを更新する軽い操作 - 写真の追加：既存コーデに写真を1枚追加し、その写真を新しいサムネイルにする（冪等） - アイコンの使用中切替：アイコン枠の中で「現在使用中」を切り替える - 初期データ投入：初期コーデと「？」をまとめて入れる。既存の行がある場合は何もしない冪等な投入にする ■ 受け入れ条件（完成時に必ずチェック） - ヘッダーの件数表示が、内訳と母集団が一致している（足し合わせると総数になる） - 「？」カードに名前・説明・画像が一切出ておらず、匿名のまま保たれている - 同じコーデに新しい写真を追加すると、その写真がカードのサムネイルになる - カードをタップすると、過去の写真が新しい順にスクロールで見られる - ページ内に登録フォームや解放ボタンなどの登録UIが存在しない - 同じ写真の再追加、初期データの再投入で、データが重複しない ``` 受け取った人が最初にやることキャラクター名の設定：プロンプト本文の {{キャラクター名}} を自分のキャラクターの名前に置き換えてから、AIビルダーに渡します。初期コーデと「？」の登録：アプリができたら、チャットでアシスタントに「初期データとして、解放済みコーデ○件と、『？』を○件（ジャンル別にX○件、ロリータ○件…）登録して」と頼みます。解放済みコーデは、様式・服の説明・ひとことコメントをセットで伝えると、そのまま命名規則どおりに登録されます。写真の渡し方：着用写真ができたら、その画像をチャットで渡し、「このコーデに写真を追加して。着用メモは『○年○月○日夜』で」と伝えます。新しい衣装を初めて着た写真なら「この『？』を解放して」と頼むと、写真付きカードに変わります。