How to Use the DummyImage MCP in VS Code Copilot

Q: How do I share DummyImage configuration with my team in VS Code Copilot?

Create a .vscode/mcp.json file in your repository root and commit it. Any team member with the VS Code extension will instantly gain access to the DummyImage MCP server.

Q: Does DummyImage support dynamic sizing in VS Code Copilot?

Yes, the generateimage tool accepts dynamic width and height parameters inside VS Code Copilot. Your Copilot agent reads your layout constraints and generates the exact dimensions needed.

Standardize DummyImage placeholder generation across your entire team using VS Code Copilot and a single workspace config.

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 VS Code Copilot

Create your Vinkius account to connect DummyImage to VS Code Copilot 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 VS Code Copilot

Ask AI about this MCP

ChatGPT

Claude

Perplexity

Team-wide placeholder generation inside VS Code Copilot

The `generate_image` tool outputs standardized DummyImage URLs directly into your VS Code Copilot chat or inline edit sessions. By committing the configuration to your repository, your whole team can generate matching placeholders through Copilot. This prevents developers from using random, inconsistent placeholder services in their VS Code workspaces. Everyone on the team gets uniform, clean DummyImage layout blocks that match the project's design specs.

Fast component testing with this MCP Server

Calling `generate_image` allows VS Code Copilot to write self-contained UI components with working media tags. The Copilot agent generates the exact DummyImage URL needed to test image loading states and CSS object-fit properties. You can verify how your VS Code components handle different aspect ratios instantly. The DummyImage MCP server acts as a reliable utility during local development and team code reviews.

Automated visual testing for design systems

By executing the `generate_image` tool, your agent creates color-coded placeholders to help you verify theme matching inside VS Code Copilot. Your Copilot agent sets custom hex colors via DummyImage to match your dark or light mode variables. This ensures your VS Code mockups look cohesive before you commit to production assets. The Copilot agent handles the DummyImage color matching automatically based on your Tailwind or CSS variables.

Setup guide

Set up DummyImage MCP in VS Code Copilot

Prerequisites

VS Code 1.99 or later with GitHub Copilot extension
Active Vinkius subscription with a valid endpoint token

1

Open MCP configuration

Open the Command Palette (Cmd+Shift+P / Ctrl+Shift+P) and run "MCP: Add Server". Select HTTP (Streamable) as the server type. VS Code will create .vscode/mcp.json in your workspace.
2

Add the DummyImage MCP

Paste the JSON snippet shown on the right into your .vscode/mcp.json. Replace [YOUR_TOKEN_HERE] with your endpoint token from cloud.vinkius.com.
3

Switch to Agent mode

Open Copilot Chat (Cmd+Shift+I / Ctrl+Shift+I) and switch to Agent mode using the dropdown. MCP tools are only available in Agent mode — they do not appear in Edit or Ask modes.
4

Verify the connection

In the Copilot Chat input, type # to list available tools. You should see the DummyImage tools listed. Try asking: "List my recent DummyImage transactions" and Copilot will invoke them automatically.

.vscode/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 VS Code Copilot

Create a `.vscode/mcp.json` file in your repository root and commit it. Any team member with the VS Code extension will instantly gain access to the DummyImage MCP server.

Yes, the `generate_image` tool accepts dynamic width and height parameters inside VS Code Copilot. Your Copilot agent reads your layout constraints and generates the exact dimensions needed.

Yes, your Copilot agent can pass dark hex colors to the DummyImage tool to match your theme. This lets you test how your VS Code layout behaves under different color profiles.

No, the server operates without external API keys or complex setups inside VS Code Copilot. Once configured in your workspace, the tool is immediately ready to generate URLs.

The DummyImage tool only processes the layout parameters, colors, and text strings sent to the image generator. It has no access to your VS Code repository files, environment variables, or intellectual property.

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