How to Use the DummyImage MCP in Windsurf

Stop hunting for placeholder assets. Let Windsurf generate custom images on the fly while you code.

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 Windsurf

Create your Vinkius account to connect DummyImage to Windsurf 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 Windsurf

Ask AI about this MCP

ChatGPT

Claude

Perplexity

Generate visuals inside Windsurf

The `generate_image` tool creates specific placeholder assets without you leaving the editor. Just tell Cascade the dimensions and text you need, and it handles the rest. Windsurf chains this into your existing workflow, meaning you can drop these images straight into your frontend components. It keeps your mockups clean without manual file management.

Dynamic image control

Control every detail of your placeholder output through the `generate_image` parameters. You define the background color, text content, and size directly in your prompt. This MCP Server removes the need for external static asset libraries. It is just raw, generated data available to your agent whenever the UI requires a visual block.

Automated design layout

Cascade uses `generate_image` to populate your views during development. If you need a specific layout test, the agent calls the tool and renders the result instantly. This keeps your development loop tight. You focus on the structure, and the image generation happens as an invisible step in the background.

Setup guide

Set up DummyImage MCP in Windsurf

Prerequisites

Windsurf IDE installed (macOS, Windows, or Linux)
Active Vinkius subscription with a valid endpoint token

1

Open MCP configuration

Click the Cascade assistant icon in the sidebar, then click the hammer icon (🔨) at the top of the panel. Select "Configure" to open ~/.codeium/windsurf/mcp_config.json.
2

Add the DummyImage MCP

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

Refresh MCPs

Go back to the hammer icon (🔨) in Cascade and click "Refresh". Windsurf will detect the new server. No full restart is needed — the connection is hot-reloaded.
4

Verify in Cascade

Start a new Cascade conversation and ask something like "Show my DummyImage payment history." If connected, Cascade will call the DummyImage tools directly. You will see a green dot next to the server name in the MCP panel.

mcp_config.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 Windsurf

Add the server to your configuration file and refresh the MCP panel. Once connected, Cascade can call `generate_image` whenever your code requires a placeholder.

Yes. You specify width and height as arguments, and the tool returns a valid image URL for your specific layout needs.

Absolutely. Pass the color hex code to the tool, and it adjusts the output to match your design system.

The tool generates a URL for your immediate use. It is intended for rapid iteration during your active session.

This MCP Server performs local image generation. No external image data is tracked, and your layout parameters never leave your local environment.

Use it with your favorite AI tools

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