PromptForge - AIプロンプト設計・管理・テンプレートライブラリ

## 1. アプリの目的・ターゲットユーザー
ChatGPT・Claude・Geminiなどの生成AIを日常的に使うビジネスパーソン・クリエイター・学生が、「毎回うまい指示文が書けない」「前回のプロンプトをどこに保存したか忘れた」という悩みを解消するためのプロンプト設計・管理ツール。外部AI APIには一切接続せず、プロンプト文章の設計・保存・共有に特化する。

## 2. 主要機能
- **プロンプトビルダー**: 「役割 / 背景 / タスク / 制約 / 出力形式 / 例示」の6ブロックを穴埋めフォームで入力し、最終的なプロンプト文を自動組み立て＆ワンクリックコピー
- **テンプレートライブラリ**: ブログ記事作成・議事録要約・メール返信・コード説明・翻訳・キャッチコピー案出しなど30種のプリセットテンプレートを収録。テンプレートを選ぶと各ブロックに例文が自動挿入される
- **マイプロンプト保存**: ビルドしたプロンプトをタイトル・カテゴリ・タグ付きでLocalStorageに保存・編集・削除（CRUD）。全文検索・タグフィルターで即呼び出し
- **品質スコアチェック**: プロンプトの文字数、役割明示の有無、制約の明確さ、例示の有無、あいまい表現の多さを5項目で自動採点しスコアとアドバイスを表示
- **公開ギャラリー**: お気に入りのプロンプトをPHPサーバーに投稿して公開共有。他ユーザーのプロンプトを「参考にする」ボタンでビルダーに取り込める。いいね数で人気順表示
- **比較ビュー**: 2つのプロンプトを横並びで比較し、差分をハイライト表示。改善前後の変化を確認できる

## 3. 画面構成
### トップページ (`index.php`)
- ヘッダー: ロゴ「PromptForge」＋ナビ（ビルダー / ライブラリ / マイプロンプト / ギャラリー）
- ヒーローセクション: 「AIプロンプトを、もっとうまく。」キャッチ＋「今すぐ作る」CTA
- テンプレートカテゴリ一覧（ビジネス / 創作 / 学習 / 技術 / 日常の5カテゴリをカードで表示）
- 公開ギャラリーのいいね上位5件をプレビュー表示

### ビルダー画面 (`builder.php`)
- 左ペイン: 6ブロックのフォーム（テキストエリア＋キャラクター数カウント）
- 役割（例: あなたはプロのコピーライターです）
- 背景・文脈
- タスク・依頼内容
- 制約・禁止事項
- 出力形式（例: 箇条書き3点、JSON、表形式）
- 例示（Few-shot）
- 右ペイン: 組み立て済みプロンプトのプレビュー（リアルタイム更新）＋コピーボタン
- 下部: 品質スコアバー（5項目×20点）＋改善アドバイス
- ボタン: 「マイプロンプトに保存」「公開ギャラリーに投稿」「テンプレートを読み込む」

### テンプレートライブラリ (`templates.php`)
- カテゴリタブ切り替え
- テンプレートカード一覧（タイトル・説明・カテゴリタグ・「使う」ボタン）
- モーダルでプレビュー表示

### マイプロンプト画面 (`my-prompts.php`)
- 検索ボックス＋カテゴリ・タグフィルター
- 保存済みプロンプト一覧（タイトル・カテゴリ・タグ・最終更新日・スコア）
- カードクリックで詳細展開→編集・削除・ビルダーへロード・比較選択
- 「比較する」ボタンで2件を選択→比較ビューへ遷移

### ギャラリー画面 (`gallery.php`)
- 新着順 / いいね順 ソート切り替え
- カテゴリフィルター
- プロンプトカード（タイトル・説明・カテゴリ・いいね数・「参考にする」「いいね」ボタン）
- 1ページ20件ページネーション

## 4. データ構造
### テーブル: `prompts`（ギャラリー投稿用）
```
id INT AUTO_INCREMENT PRIMARY KEY
title VARCHAR(100) NOT NULL
category VARCHAR(30)
tags VARCHAR(200)
role_block TEXT
context_block TEXT
task_block TEXT
constraint_block TEXT
format_block TEXT
example_block TEXT
full_prompt TEXT NOT NULL
quality_score TINYINT
likes INT DEFAULT 0
created_at DATETIME DEFAULT CURRENT_TIMESTAMP
```

### テーブル: `prompt_likes`（いいね重複防止）
```
id INT AUTO_INCREMENT PRIMARY KEY
prompt_id INT
session_id VARCHAR(64)
created_at DATETIME DEFAULT CURRENT_TIMESTAMP
UNIQUE KEY uq_like (prompt_id, session_id)
```

### LocalStorage（マイプロンプト・ブラウザ保存）
- キー: `promptforge_my_prompts`
- 値: JSON配列 `[{id, title, category, tags[], blocks:{role,context,task,constraint,format,example}, fullPrompt, qualityScore, updatedAt}]`

## 5. デザインの方向性
- カラーパレット: ダークネイビー（#0f172a）をベース、アクセントにエレクトリックバイオレット（#7c3aed）とシアン（#06b6d4）
- フォント: 見出しは"Noto Sans JP" Bold、コードブロック部分はmonospace
- UIトーン: 「開発ツール×クリエイティブ」な雰囲気。コードエディタ風のプロンプトプレビューエリアに行番号を表示
- 品質スコアバーはグラデーションで赤→黄→緑に変化しゲーミフィケーション要素を演出
- スマホ対応: ビルダー画面はタブ切り替え（フォームタブ / プレビュータブ）でシングルカラムレイアウト
- カード型レイアウトで全画面スッキリ見せ、操作ステップは最小化