/ ディレクトリ / プレイグラウンド / MeiGen-AI-Design-MCP
● コミュニティ jau123 ⚡ 即起動

MeiGen-AI-Design-MCP

作者 jau123 · jau123/MeiGen-AI-Design-MCP

Claudeをデザインパートナーに変える — 1,500以上の厳選プロンプト、ComfyUIワークフローテンプレート、ローカルComfyUIまたはクラウドプロバイダー経由の画像生成。

MeiGen-AI-Design-MCPは、トレンドの画像プロンプトギャラリー、プロンプトエンハンサー、プラグイン可能な生成バックエンドをエージェントに提供します。閲覧・強化は無料です。実際の画像生成には、ローカルComfyUIインスタンスまたはAPIキー(MeiGen Cloud / OpenAI互換)が必要です。

なぜ使うのか

主な機能

ライブデモ

実際の動作

meigen-ai-design.replay ▶ 準備完了
0/0

インストール

クライアントを選択

~/Library/Application Support/Claude/claude_desktop_config.json  · Windows: %APPDATA%\Claude\claude_desktop_config.json
{
  "mcpServers": {
    "meigen-ai-design": {
      "command": "npx",
      "args": [
        "-y",
        "MeiGen-AI-Design-MCP"
      ],
      "_inferred": true
    }
  }
}

Claude Desktop → Settings → Developer → Edit Config を開く。保存後、アプリを再起動。

~/.cursor/mcp.json · .cursor/mcp.json
{
  "mcpServers": {
    "meigen-ai-design": {
      "command": "npx",
      "args": [
        "-y",
        "MeiGen-AI-Design-MCP"
      ],
      "_inferred": true
    }
  }
}

Cursor は Claude Desktop と同じ mcpServers スキーマを使用。プロジェクト設定はグローバルより優先。

VS Code → Cline → MCP Servers → Edit
{
  "mcpServers": {
    "meigen-ai-design": {
      "command": "npx",
      "args": [
        "-y",
        "MeiGen-AI-Design-MCP"
      ],
      "_inferred": true
    }
  }
}

Cline サイドバーの MCP Servers アイコンをクリックし、"Edit Configuration" を選択。

~/.codeium/windsurf/mcp_config.json
{
  "mcpServers": {
    "meigen-ai-design": {
      "command": "npx",
      "args": [
        "-y",
        "MeiGen-AI-Design-MCP"
      ],
      "_inferred": true
    }
  }
}

Claude Desktop と同じ形式。Windsurf を再起動して反映。

~/.continue/config.json
{
  "mcpServers": [
    {
      "name": "meigen-ai-design",
      "command": "npx",
      "args": [
        "-y",
        "MeiGen-AI-Design-MCP"
      ]
    }
  ]
}

Continue はマップではなくサーバーオブジェクトの配列を使用。

~/.config/zed/settings.json
{
  "context_servers": {
    "meigen-ai-design": {
      "command": {
        "path": "npx",
        "args": [
          "-y",
          "MeiGen-AI-Design-MCP"
        ]
      }
    }
  }
}

context_servers に追加。保存時に Zed がホットリロード。

claude mcp add meigen-ai-design -- npx -y MeiGen-AI-Design-MCP

ワンライナー。claude mcp list で確認、claude mcp remove で削除。

ユースケース

実用的な使い方: MeiGen-AI-Design-MCP

MeiGenでブランド統一のマーケティング画像をバッチ生成する

👤 マーケター、個人創業者、コンテンツクリエイター ⏱ ~20 min intermediate

使うタイミング: 広告テスト用に、統一されたスタイルでヒーロー画像の10バリエーションが必要なとき。

前提条件
  • 生成バックエンド — 127.0.0.1:8188のローカルComfyUI、MeiGen Cloudトークン、またはOpenAI互換画像APIキー
フロー
  1. 参考スタイルを探す
    Search the MeiGen gallery for 'minimalist SaaS hero illustration'. Show me the top 5 with previews.✓ コピーしました
    → 再利用可能なプロンプトID付きのギャラリー検索結果
  2. そのスタイルで具体的なアイデアを強化する
    Enhance this into a production prompt in the style of gallery entry #234: 'a workspace dashboard for a tax-filing tool, warm palette'.✓ コピーしました
    → スタイル修飾子とネガティブプロンプト付きの詳細なプロンプト
  3. 10枚のバリエーションを生成する
    Generate 10 images from the enhanced prompt, varying the seed. Save to ./assets/hero/.✓ コピーしました
    → フォルダに10枚のPNGファイル

結果: A/Bテストにすぐ使えるブランド統一バリエーションのフォルダ。

注意点
  • 大量バッチによるクラウドプロバイダーのコスト急増 — 品質確認のためまず2枚でバッチを開始し、manage_preferencesでbudget_capを設定する
  • 大量バッチでローカルComfyUIのVRAMが不足する — ワークフローテンプレートで解像度またはbatch_sizeを下げる
組み合わせ: filesystem

MeiGenギャラリーを活用して画像プロンプトの書き方を学ぶ

👤 AI画像ワークフロー初心者のデザイナー ⏱ ~15 min beginner

使うタイミング: 自分でプロンプトを書く前に、なぜ特定のプロンプトがうまく機能するのかを理解したいとき。

フロー
  1. テーマ別にギャラリーを閲覧する
    Show me the top 10 trending prompts in the 'product photography' theme. Include the full prompt text.✓ コピーしました
    → 構造が見えるフルプロンプト
  2. 構造を分析する
    For entry #5, break down the prompt into: subject, style, lighting, camera, modifiers. What makes it work?✓ コピーしました
    → 注釈付きの構造分解

結果: 効果的なプロンプトの構造を理解できる — 再利用可能な知識になります。

UIを開かずにClaudeからComfyUIワークフローを切り替える

👤 ComfyUIパワーユーザー ⏱ ~10 min advanced

使うタイミング: 複数のワークフロー(SDXL、Flux、インペイント)を管理していて、タスクに応じて切り替えたいとき。

前提条件
  • ローカルComfyUI — github.com/comfyanonymous/ComfyUI; デフォルトポート 8188
フロー
  1. 保存済みテンプレートを一覧表示する
    Use comfyui_workflow to list my saved workflow templates.✓ コピーしました
    → 名前と用途別のテンプレート一覧
  2. ロードして実行する
    Load the 'flux-portrait' template, inject my prompt, run and save the output.✓ コピーしました
    → 画像が保存され、ワークフローJSONが再利用のためにキャッシュされる

結果: チャットを離れることなく、高速にイテレーションできます。

組み合わせ

他のMCPと組み合わせて10倍の力を

meigen-ai-design + filesystem

画像を生成してすぐにプロジェクトフォルダに整理する

Generate 5 hero variants and save them under ./campaigns/{timestamp}/ with a manifest.json noting seed + prompt.✓ コピーしました
meigen-ai-design + claude-talk-to-figma

Figmaでデザイン → MeiGenで改良 → Figmaフレームに戻す

Export the selected Figma frame's content brief, enhance with MeiGen, generate 3 options, import back into a new frame.✓ コピーしました

ツール

このMCPが提供する機能

ツール入力呼び出すタイミングコスト
search_gallery query: str, theme?: str, limit?: int 参考スタイルを探す 0
get_inspiration prompt_id: str ギャラリーの検索結果をコピー可能なプロンプトテキストに展開する 0
enhance_prompt rough_idea: str, style_ref?: prompt_id ラフなアイデアを本番用プロンプトに変換する 0 or 1 API call
list_models 設定済みのプロバイダーを確認する 0
comfyui_workflow action: list|load|run, name?, params? ローカルComfyUIインスタンスを操作する ローカルコンピュートリソース
manage_preferences style?, aspect?, model?, budget_cap? デフォルト設定を一度だけ行う 0
generate_image prompt, negative?, aspect?, model?, count? 実際に画像を生成する 画像ごと、バックエンドに依存

コストと制限

運用コスト

APIクォータ
ギャラリー閲覧:無制限。画像生成:バックエンドに依存
呼び出しあたりのトークン
プロンプト操作:500〜3000トークン。画像結果:トークン消費なし(パスのみ)
金額
閲覧・強化は無料。画像生成は選択したバックエンドに応じて課金
ヒント
低解像度(512px)でプロンプトをイテレーションし、最終候補のみアップスケールする

セキュリティ

権限、シークレット、影響範囲

認証情報の保管: プロバイダートークンは環境変数に保存(MEIGEN_TOKEN, OPENAI_API_KEY など)
データ送信先: ギャラリー:meigen.ai。画像生成:設定済みのプロバイダーエンドポイントのみ

トラブルシューティング

よくあるエラーと対処法

generate_imageが'no backend configured'を返す

/meigen:setupを実行するか、COMFYUI_URL、MEIGEN_TOKEN、OPENAI_API_KEYのいずれかを手動で設定する

確認: list_modelsで少なくとも1つのプロバイダーが表示されること
ComfyUI connection refused

ComfyUIを起動し(python main.py)、127.0.0.1:8188にバインドされていることを確認する

確認: curl http://127.0.0.1:8188/system_stats
強化されたプロンプトが汎用的すぎる

エンハンサーにアンカーを与えるため、ギャラリーからstyle_refを指定する

代替案

MeiGen-AI-Design-MCP 他との比較

代替案代わりに使う場面トレードオフ
Direct ComfyUI MCPギャラリーやエンハンサーは不要で、ComfyUIの制御のみが必要なとき厳選プロンプトやクラウドフォールバックなし
OpenAI Images API directlyコードからdall-e / gpt-imageを直接使いたいだけのときスタイルライブラリなし、ローカル実行オプションなし

その他

リソース

📖 GitHub の公式 README を読む

🐙 オープンな issue を見る

🔍 400以上のMCPサーバーとSkillsを見る