プロンプトデータ

IMGPrompt のプロンプト素材は、ネット上で収集したもの、promptoMANIAsd-webui-prompt-all-in-one、および awesome-gpt-image-2-prompts(CC BY 4.0)をもとにしています。重複除去・標準化・18言語へのローカライズを経て、5000+ 件の画像/動画生成プロンプトを、16の主分類と数百の子分類に整理しました。

データ構造の説明

すべてのプロンプトデータはプロジェクトの src/app/data 配下にあり、構造は次のとおりです:

src
└── app
    └── data
        ├── prompt              # 18言語版のプロンプト
        │   ├── prompt-zh.json  # 簡体字中国語(基準。他言語はここから派生)
        │   ├── prompt-en.json  # 英語
        │   ├── prompt-ja.json  # 日本語
        │   └── ......          # その他15言語
        └── prompt-custom.json  # ユーザー定義プロンプト(全言語で読み込み)

各プロンプトは1つのJSONオブジェクトに対応します:

{
  "displayName": "portrait",
  "langName": "ポートレート",
  "object": "キャラクター",
  "attribute": "基本",
  "description": "(任意)説明や作者クレジット",
  "preview": "(任意)プレビュー画像のURL"
}

フィールドの説明

フィールド 必須 説明
displayName ✅ 必須 英語プロンプト(一意)。実際にプロンプト欄へ挿入される内容
langName ✅ 必須 母語/対象言語の訳。UIでタグ上に表示される
object ✅ 必須 主分類(例:キャラクター / 環境 / 撮影 / アートスタイル)
attribute ✅ 必須 子分類(例:基本 / 背景 / レンズフォーカス / 照明効果)
description ❌ 任意 プレビューポップアップ内の補足説明(作者クレジット、使い方のヒントなど)—— デスクトップはホバー / タッチ画面は長押しで表示
preview ❌ 任意 プレビュー画像のURL。デスクトップのホバー、またはタッチ画面の約0.5秒長押しでポップアップ内に表示。クリック / タップで lightbox 拡大表示

💡 preview フィールドが「ホバー / 長押しプレビュー+クリック拡大」機能のデータソースです。デスクトップはホバー、タッチ画面は長押しで起動し、タップ操作は従来どおりタグの追加 / 削除だけに使われます。

データ管理のヒント

  • displayName は必ず一意にしてください。重複した項目は無視され、推薦の品質にも影響します。
  • カンマの約束事", "(カンマ+スペース)はアプリのタグ区切り文字です。まとめタグの内部はスペースなし"," でつないでください(例 snow,ice)。スペース入りや全角カンマはビルド時に弾かれます(sliceData の検証)。
  • 多言語では同じ object / attribute を使い回し、UIの分類表示を一致させましょう。
  • langName はできるだけ簡潔にして、タグ表示の見切れを防ぎます。
  • preview は WebP 形式・150KB以下・正方形(1:1)構図を推奨。ホバー / 長押しポップアップで最もきれいに表示されます。

カスタムプロンプトの追加

プロンプト内容を拡張したい場合は、IMGPrompt データコンバーター でカスタムデータを標準形式に変換できます。変換結果を src/app/data/prompt-custom.json に保存すると、アプリ起動時に自動で読み込まれ、すべての言語環境に適用されます。

例:

[
  {
    "displayName": "cyberpunk cityscape",
    "langName": "サイバーパンク都市",
    "object": "環境",
    "attribute": "市"
  },
  {
    "displayName": "cinematic lighting",
    "langName": "映画のような照明",
    "object": "ライティング",
    "attribute": "照明効果",
    "description": "柔らかい指向性光+リムライトで立体感を強調",
    "preview": "https://example.com/preview/cinematic.webp"
  }
]

カスタム項目の表示ルールは内蔵項目とまったく同じです:preview を付ければ、ホバー / 長押しプレビュー+クリック拡大が有効になります。