AIを使ってDummyImageでプレースホルダー画像を生成する方法

AIに、画像の幅、高さ、背景色、および画像内に表示したいテキストを伝えてください。AIはDummyImageツールを使用して、コードやデザインファイルにそのまま貼り付けられる直接的なURLを作成します。指定したサイズや色ごとに、個別のURLが生成されます。

1. 01

   要件の解析

   AIがメッセージを読み取り、サイズ、色、テキストラベルを抽出します。画像に必要なパラメータを正確に特定します。

   generate_image
2. 02

   パラメータの構築

   抽出した情報を、ツールが要求する特定の形式にマッピングします。必要に応じて、色の名前を16進数カラーコードに変換します。

   generate_image
3. 03

   リクエストの実行

   AIがツールを呼び出し、特定のURLを生成します。複雑な文字列の構築はすべてAIが代行します。

   generate_image
4. 04

   リンクの提供

   AIがチャット欄に最終的な画像URLを表示します。あとはそれをコピーして、開発環境で使用するだけです。

   generate_image

DummyImage Connector

準備完了です。MCPクライアントを選択し、セットアップ手順に従ってください。

コネクタリンクhttps://edge.vinkius.com/vk_preview_xgR0gtQvOX80CEAieHXAS1z32eTZNMWEdskeVYiy/mcpコピー

Claude Desktop

以下の手順で数秒で接続できます。

1. 1In Claude Desktop, open Settings → Connectors.
2. 2Click “Add custom connector” and paste the connector link above as the remote MCP server URL.
3. 3Click Add and start a new chat — DummyImage capabilities are ready to use.

設定 · claude_desktop_config.jsonコピー

{
  "mcpServers": {
    "dummyimage-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_xgR0gtQvOX80CEAieHXAS1z32eTZNMWEdskeVYiy/mcp"
    }
  }
}

• Claude
• ChatGPT
• Cursor
• VS Code
• Windsurf
• Claude Code
• JetBrains
• Cline

リンクをクリックしてMCPをクライアントに接続するだけです。認証情報は暗号化されて保護されるため、接続後すぐに画像の生成依頼を開始できます。

• 01

  AIはPNGやJPEGのような実際の画像ファイルを作成できますか？

  いいえ。AIはサービスがホストしている画像へのURLを生成します。そのリンクを使用して画像を表示させる仕組みです。

• 02

  複雑なロゴのデザインをAIに依頼できますか？

  いいえ。このツールは、テキスト付きのシンプルな色付きプレースホルダーを作成するためのものです。複雑なイラストを生成するAIアートツールではありません。

• 03

  AIは以前に指定した画像サイズを覚えていますか？

  指示があれば、単一の会話内であれば記憶しておくことが可能です。ただし、画像ライブラリとして永続的に保存されるわけではありません。

• 04

  生成された画像をAIが後から変更することはできますか？

  いいえ。画像を修正するには、新しいパラメータを指定して、再度AIに新しいURLを生成させる必要があります。

• 05

  AIが自動的にGitHubリポジトリに画像をアップロードしてくれますか？

  いいえ。AIはURLを提供するのみです。そのリンクをコードやファイルに組み込む作業は、ユーザー自身が行う必要があります。

• DummyImageについて他に質問がありますか？ DummyImage Connectorの全機能を見る