• URL OUTPUT
  • SPECIFICATIONS
  • VISUALS
  • HUMAN REVIEW

How to generate placeholder images with your AI

Connect DummyImage to your AI client to turn text descriptions into ready-to-use image URLs. You just describe the dimensions and colors you need, and your agent handles the rest.

Ask AI about this page

Short answer

How can I make placeholder images using AI?

Tell your AI the width, height, background color, and text you want on an image. It will use the DummyImage tool to produce a direct URL you can drop straight into your code or design files. You'll get specific URLs for every unique size or color you request.

Where every request lands.

The outcomes of your requests

Your AI translates your visual requirements into functional URLs.

URL OUTPUT

Ready-to-use links

The AI provides direct URLs for your placeholder images. You can paste these immediately into your HTML, CSS, or design mockups.

SPECIFICATIONS

Custom dimensions

The AI calculates the exact width and height you asked for. It ensures the generated URL matches your layout requirements perfectly.

VISUALS

Color and text

The AI applies your requested hex codes and labels. This gives you a clear visual representation of where content will eventually live.

HUMAN REVIEW

Final layout check

You take the generated URLs and place them in your project. You decide if the placeholder looks right within your actual interface.

The workflow

What your AI does when a request arrives.

The AI acts as the bridge between your natural language and the DummyImage service.

  1. Parse requirements

    The AI reads your message to extract dimensions, colors, and text labels. It identifies exactly what parameters the image needs.

    generate_image

  2. Construct parameters

    It maps your descriptions to the specific format required by the tool. This includes converting color names to hex codes if necessary.

    generate_image

  3. Execute request

    The AI calls the tool to generate the specific URL. It handles the technical string construction for you.

    generate_image

  4. Deliver link

    The AI presents the final image URL in the chat. You can then copy it for use in your development environment.

    generate_image

Try it

Copy these to start.

Use these prompts to get your first placeholders.

Starting points

These are basic ideas. Swap out the colors, sizes, and text to match your specific UI needs.

DummyImage Connector

You're all set. Choose your MCP client and follow the setup instructions.

Connector linkhttps://edge.vinkius.com/vk_preview_xgR0gtQvOX80CEAieHXAS1z32eTZNMWEdskeVYiy/mcp

Claude Desktop

Follow the steps below to connect in seconds.

  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.
Configuration · claude_desktop_config.jsonCopy
{
  "mcpServers": {
    "dummyimage-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_xgR0gtQvOX80CEAieHXAS1z32eTZNMWEdskeVYiy/mcp"
    }
  }
}
Copy into chat04

  • Generate a 300x200 gray placeholder image with the text 'User Avatar'.

  • I need a 1200x600 blue image with white text that says 'Hero Banner' for my website.

  • Create a 50x50 red square placeholder for a notification icon.

  • Give me a URL for a 800x400 image with a light green background and 'Product Image' written on it.

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

Start here

Connect DummyImage once, then ask.

Just click the link to connect the MCP to your client. Your credentials stay encrypted, and you can start asking for images immediately.

Connect DummyImage to your AI

FAQ

How this task behaves

  • 01

    Can the AI create actual image files like PNGs or JPEGs?

    No. The AI generates URLs that point to images hosted by the service. You use the link to display the image.

  • 02

    Can I ask the AI to design a complex logo?

    No. This tool is for simple, colored placeholders with text. It is not a generative art tool for complex illustrations.

  • 03

    Does the AI remember my previous image sizes?

    The AI can remember them within a single conversation if you ask it to, but it doesn't store a permanent library of your images.

  • 04

    Can the AI change the image once it is generated?

    No. To change an image, you must ask the AI to generate a new URL with the updated parameters.

  • 05

    Will the AI automatically upload these to my GitHub repo?

    No. The AI only provides the URLs. You are responsible for placing those links into your code or files.

  • More questions about DummyImage? The Connector page answers them. See everything the DummyImage Connector can do

Connect DummyImage to Claude, Cursor, ChatGPT & more