How to Use the DummyImage MCP in Claude

Q: How do I configure DummyImage in Claude Desktop?

Open your claudedesktopconfig.json file and add the DummyImage MCP server configuration under the mcpServers key. Once you save and restart Claude Desktop, your agent will immediately see the tool.

Q: Does DummyImage support custom text colors in Claude Desktop?

Yes, the generateimage tool accepts hex codes for both the background and text colors within Claude Desktop. Ask your Claude agent for a specific color scheme, and it will format the URL arguments to match your design system.

Get instant DummyImage placeholder URLs right inside Claude Desktop so your agent can mock up layouts without leaving the chat.

See Vinkius in Action

Works with every AI agent you already use

…and any MCP-compatible client

MCP Servers - Free for Subscribers

Connect DummyImage MCP to Claude Desktop

Create your Vinkius account to connect DummyImage to Claude Desktop and route execution through our secure gateway. The platform manages server hosting, runtime updates, and security layers. Configuration requires no manual server provisioning.

GDPR Free for Subscribers

Setup DummyImage with Claude Desktop

Ask AI about this MCP

ChatGPT

Claude

Perplexity

Instant layout mockups in Claude Desktop

The `generate_image` tool spits out exact DummyImage placeholder URLs directly into your Claude Desktop chat window. You tell your Claude agent the dimensions, background hex color, and text overlay you need, and it returns a hotlink ready for your HTML. This cuts out the annoying cycle of opening a browser tab, typing in a placeholder service URL, guessing the dimensions, and copying it back to Claude Desktop. Your Claude agent handles the math and formatting, giving you a clean DummyImage link to paste straight into your local code.

Dynamic layout testing with this MCP Server

Calling `generate_image` lets you test responsive UI layouts inside Claude Desktop without saving static files locally. The DummyImage tool converts your layout requirements into formatted image URLs instantly within the desktop interface. When you ask your Claude agent to build a grid system, it writes the frontend code and populates every `src` attribute with these dynamic DummyImage URLs. This is the beauty of using an MCP server directly inside your Claude Desktop workspace.

Fast canvas sizing for component prototyping

By invoking the `generate_image` tool, your agent generates exact-size visual blocks to verify flexbox and grid spacing inside Claude Desktop. Your Claude agent uses DummyImage to create custom labels on the fly, matching your specific CSS container constraints. No more broken layouts from random unsized images in your Claude Desktop chat. Your Claude agent specifies exact widths and heights to ensure DummyImage paints the exact box model you planned.

Setup guide

Set up DummyImage MCP in Claude Web or Desktop

1

Open Claude Settings

Go to claude.ai, click your profile icon, then navigate to Customize → Connectors.
2

Add Custom Connector

Click the "+" button and select Add custom connector. Paste your Vinkius endpoint URL: https://edge.vinkius.com/[YOUR_TOKEN_HERE]/mcp Replace [YOUR_TOKEN_HERE] with your token from cloud.vinkius.com. For OAuth-protected servers, expand Advanced settings to add credentials.
3

Start a conversation

Open a new chat. The DummyImage MCP tools are available immediately — no restart needed.

Endpoint URL

https://edge.vinkius.com/[YOUR_TOKEN_HERE]/mcp

No configuration file needed — paste the URL directly in the Claude web interface.

Available on Free (1 connector), Pro, Max, Team, and Enterprise plans.

Prerequisites

Claude Desktop installed (macOS or Windows)
Active Vinkius subscription with a valid endpoint token

1

Open Claude Desktop Settings

Click the menu icon at the top-left corner, go to Settings → Developer → Edit Config. This opens claude_desktop_config.json in your default text editor.
2

Paste the DummyImage MCP configuration

Copy the JSON snippet on the right into the mcpServers object. Replace [YOUR_TOKEN_HERE] with your endpoint token from cloud.vinkius.com.
3

Restart Claude Desktop

Close and reopen the application. Claude needs a full restart to load new MCPs — refreshing a conversation is not enough.
4

Verify the connection

Open a new conversation. Click the 🔌 icon at the bottom of the message input. You should see tools listed under dummyimage-mcp.

json

{
  "mcpServers": {
    "dummyimage-mcp": {
      "url": "https://edge.vinkius.com/[YOUR_TOKEN_HERE]/mcp"
    }
  }
}

Get your connection token →

Independent Platform Disclaimer: Vinkius is an independent platform and is not affiliated with, endorsed by, sponsored by, verified by, or otherwise authorized by DummyImage. All third-party trademarks, logos, and brand names are the property of their respective owners. Their use on this website is strictly for informational purposes to identify service compatibility and interoperability.

Why Choose Vinkius

Vinkius connects your tools to AI with real-time monitoring and automatic cost savings — all from one dashboard.

Connect DummyImage now

Real-time monitoring

Live

visibility into every interaction

Connect your favorite tools to your AI and see exactly what's happening — every request, every response, in real time.

Built-in savings

60%

lower AI costs

Vinkius compresses data between your apps and your AI automatically. Lower bills every month — no configuration required.

Single dashboard

One

place for every integration

Every tool your AI connects to, managed from a single screen. One account, complete control.

Common questions about DummyImage MCP in Claude Desktop

Open your `claude_desktop_config.json` file and add the DummyImage MCP server configuration under the `mcpServers` key. Once you save and restart Claude Desktop, your agent will immediately see the tool.

Yes, you can add this remote MCP server as a custom connector in your browser settings under integrations. Paste the remote URL provided by Vinkius to let your browser-based Claude agent generate placeholder links instantly.

Yes, the `generate_image` tool accepts hex codes for both the background and text colors within Claude Desktop. Ask your Claude agent for a specific color scheme, and it will format the URL arguments to match your design system.

The tool returns a URL string, not raw data. Ensure your Claude Desktop agent is inserting the returned string directly into an HTML image tag or Markdown image syntax to display it in the chat.

This server only processes basic layout metadata like image dimensions, background hex codes, and text strings. It never touches your local codebase, user databases, or private assets, keeping your source code safe inside Claude Desktop.

Use it with your favorite AI tools

Connect this server to Cursor, Claude, VS Code, and more.

OpenAI Agents SDK sdk-python

Google ADK sdk-python

Pydantic AI sdk-python

Vercel AI SDK sdk-typescript