DesignForYou

DesignForYou — MCP サーバー

自然言語のプロンプトからロゴ、ソーシャル投稿、アプリストアのスクリーンショット、コミックのコマ、ビジュアルノベルのアセットを生成します。Claude Code、Grok、Codex、Cursor、OpenCode、ChatGPT、または任意の MCP クライアント内で直接利用できます。

DesignForYou は、119 個のテンプレートを備えた MCP ネイティブのデザインジェネレーターです。ツールの閲覧とおすすめは無料で、生成はユーザーごとの従量制です（サインアップ時に無料クレジットを 50 個付与）。

デモ

作りたいものを説明すると、エージェントがテンプレートを選び、完成したデザインを生成します。ロゴ、Instagram 投稿、アプリストアのスクリーンショットなど、さまざまなデザインを作成できます。

ウェブサイト	https://designforyou.swapp1990.org
接続（人間向け）	https://designforyou.swapp1990.org/connect
エージェントガイド（プレーンテキスト）	https://designforyou.swapp1990.org/.well-known/mcp/connect.md
MCP URL	https://designforyou.swapp1990.org/mcp/v2/（末尾のスラッシュが必要です）
プライバシー	https://designforyou.swapp1990.org/privacy

認証

方法	操作	シークレットの保存先
OAuth（推奨）	クライアントから求められたら、ブラウザーでサインインします	MCP クライアント
長期有効トークン（代替）	ウェブサイトでサインイン → /connect で生成 → DESIGNFORYOU_MCP_TOKEN	ご自身（環境変数／ヘッダー）

通常は OAuth を使用します。PAT の発行が必要なのは、Codex やヘッドレスエージェントを使う場合、または OAuth が「無効／未接続」のままの場合のみです。設定手順の全一覧は、CONNECT.md または上記の公開ガイドをご覧ください。

インストール

Claude Code（推奨）

claude mcp add --transport http designforyou https://designforyou.swapp1990.org/mcp/v2/
claude mcp login designforyou

求められたら、ブラウザーでのサインインを承認してください。

Grok

grok mcp add --transport http designforyou https://designforyou.swapp1990.org/mcp/v2/

次に、/mcps → designforyou → i（認証）→ ブラウザー → r の順に操作します。

OpenCode

上記の URL を使ってリモート MCP エントリを追加し、次のコマンドを実行します。

opencode mcp auth designforyou
opencode mcp list

Codex（ベアラーフォールバック）

1. https://designforyou.swapp1990.org/connect でトークンを生成します
2. DESIGNFORYOU_MCP_TOKEN として保存します
3. 次のように設定します。

codex mcp add designforyou --url https://designforyou.swapp1990.org/mcp/v2/ --bearer-token-env-var DESIGNFORYOU_MCP_TOKEN

Cursor

または .cursor/mcp.json に設定します。

{
  "mcpServers": {
    "designforyou": {
      "url": "https://designforyou.swapp1990.org/mcp/v2/",
      "transport": "http"
    }
  }
}

VS Code

Claude Desktop／stdio shim

npx -y designforyou-mcp

または、/mcp/v2/ の URL を指定して、claude_desktop_config.json でネイティブ HTTP を使用します。求められたら OAuth を完了してください。

オプションのローカル Grok CLI サイドカー

上記のデフォルトコマンドでは、常にホスト型の DesignForYou MCP サーバーが使用されます。代わりに、画像と参照アニメーションに特化したローカルツールを実行するには、インストール済みでサインイン済みの Grok Build CLI を明示的に有効にしてください。

$env:DESIGNFORYOU_PROVIDER = "grok-subscription"
npx -y designforyou-mcp

このサイドカーは、CLI の既存のサインイン済みセッションを通じて grok --single を実行します。xAI API キーを受け取ったり転送したりすることはなく、生成がホスト型の課金サーバー経由にならないよう、起動した CLI 内のすべての MCP ツールを拒否します。課金に関する注意： Grok Build CLI のネイティブメディアツール（image_gen、image_to_video）は、サインイン済みセッショントークンを使用して xAI API（api.x.ai）を呼び出すため、生成のたびにアカウントの xAI コンソール利用量に計上されます。メディア生成は grok.com のチャットサブスクリプションの対象外です。このサイドカーは grok_generate_image と animate_reference_grok_video を公開し、返す前に要求されたローカル出力ファイルを検証します。変数が設定されていない場合は、引き続きホスト型ツールとそのプロバイダーがデフォルトで使用されます。（grok-subscription のオプトイン値は、既存のクライアント設定との互換性のために維持されています。）

ローカル Codex スレッドからサイドカーを使用する

チェックアウトしたサイドカーを、ローカルの stdio MCP サーバーとして登録します。

codex mcp add designforyou-grok-local `
  --env DESIGNFORYOU_PROVIDER=grok-subscription `
  -- node D:\MyProjects\Claude\designforyou-mcp\bin.js

codex mcp list

サーバーを追加した後、Codex を再起動するか、新しいローカルスレッドを開いてください。その後、スレッドで grok_generate_image を使って開始フレームを生成し、そのファイルを animate_reference_grok_video に渡して演技を生成できます。

{
  "image_path": "D:\\assets\\actor-scene.jpg",
  "prompt": "She notices someone entering, freezes, then forces a nervous smile. Step backward slowly while maintaining eye contact. Use a subtle handheld push-in.",
  "line": "I wasn't expecting you.",
  "duration": 6,
  "aspect_ratio": "16:9",
  "output_path": "D:\\assets\\performance.mp4"
}

参照画像は image_path、image_url、または image_data_url として指定できます。これはローカル開発用の手順です。Codex ホストから、インストール済みでサインイン済みの grok 実行ファイルを実行できる必要があります。Codex のクラウドスレッドでは、そのマシンの Grok ログインやローカルファイルは使用できません。サイドカーはツールの実行を自動承認して Grok をヘッドレスで動かすため、信頼できるプロンプトのみを使用してください。

動画の結果については、Grok から利用可能な URL／キーが提供された場合、またはオプションの S3 照合が設定されている場合に public_url が返されます。サイドカーは生成の前後に S3 の一覧を取得し、ベースラインには存在せず、かつバイトサイズが検証済みのローカル MP4 と完全に一致する新規オブジェクトが 1 つだけある場合に限り、それを採用します。また、HTTP でアクセス可能かどうかも確認します。S3 設定は DESIGNFORYOU_GROK_S3_BUCKET、DESIGNFORYOU_GROK_S3_REGION、DESIGNFORYOU_GROK_S3_ENDPOINT、DESIGNFORYOU_GROK_S3_KEY_PREFIX で指定するか、ローカル Grok 設定の、範囲が限定された [tools.zdr_video_output_s3] とその .read_write 認証情報セクションから検出できます。 設定の欠落、一覧取得の失敗、該当候補の特定が曖昧な場合、またはオブジェクトにアクセスできない場合でも、検証済みのローカルでの成功は維持され、診断情報が含まれます。自動照合には、PATH 上の AWS CLI とローカルの Grok S3 設定が必要です。設定された ID には、設定済みのキー接頭辞に制限された s3:ListBucket 権限も必要です。アップロード専用の s3:PutObject 認証情報では、安全な照合を実行できません。認証情報は AWS の子プロセスにのみ渡され、表示されたり、パッケージに含まれたりすることはありません。一覧を取得できない場合も、明示的な診断情報とともに検証済みのローカルファイルが返されます。

ツール

ツール	費用	機能
browse_templates	無料	119 種類のテンプレートカタログを閲覧します（カテゴリで絞り込み可能）
recommend_template	無料	説明されたユースケースに最適なテンプレートを提案します
get_text_fields	無料	テンプレートの編集可能なテキストフィールドを一覧表示します
get_credits	無料	クレジット残高を確認します
generate	有料	テンプレートと説明から完成デザインを生成します
generate_variations	有料	テンプレートのスタイルバリエーションを生成します
edit_text	有料	既存のデザインのテキストを編集します
vn_generate_sprite_sheet	有料	ビジュアルノベルのキャラクタースプライトシートを生成します

プロンプトの例

• 「DesignForYou でロゴのテンプレートを探してください。」
• 「NEXUS という名前のコーヒーショップを開業します。ミニマルで、温かみのあるアースカラーにしてください。ロゴを作ってください。」
• 「ヴィーガンベーカリーの20％オフのフラッシュセールを告知する Instagram 投稿を生成してください。」
• 「瞑想アプリのアプリストア用スクリーンショットを作成してください。背景は落ち着いたグラデーションにしてください。」

仕組み

DesignForYou はリモート MCP サーバー（Streamable HTTP）を公開しています。最初の有料ツール呼び出し時（または mcp login / mcp auth の実行時）に、クライアントが OAuth フロー（RFC 9728 の保護リソースメタデータ → Dynamic Client Registration による Supabase）を検出し、サインインと同意のためにブラウザーを開き、トークンを保存します。 生成にはクレジット残高に応じた料金がかかります。ウェブサイトでクレジットを追加してください。

このリポジトリは、インストール手順と MCP の server.json を公開する場所です。 製品自体はホスト型サービスであり、セルフホスト用のパッケージはありません。

リンク

• アプリ：https://designforyou.swapp1990.org
• 接続：https://designforyou.swapp1990.org/connect
• エージェントガイド：https://designforyou.swapp1990.org/.well-known/mcp/connect.md
• 公式 MCP Registry の org.swapp1990.designforyou/designforyou