DummyImage MCP. Generate placeholders and mockups from natural conversation.
Gemini Works with every AI agent you already use
…and any MCP-compatible client
Just plug in your AI agents and start using Vinkius.
DummyImage connects to your AI agent to instantly generate dynamic placeholder images for web mockups and prototypes. You can specify exact dimensions (e.g., 300x250), control background and foreground colors using hex codes, and overlay custom text labels.
It supports formats like PNG, JPG, and GIF, letting you visualize content blocks and banners without leaving your AI workflow.
What your AI agents can do
Generate image
Generates a dummy image URL based on provided parameters like size, color, and text.
Your agent sends a request and receives a direct URL to a dynamically generated image.
Specify the exact width and height (e.g., 600x400) for the image output.
Define background and foreground colors using hex codes to match brand guidelines.
Embed custom text labels directly onto the placeholder image.
Force the generated image URL to be a specific format like PNG, JPG, or GIF.
Generate images conforming to specific ratios (e.g., 16:9) for layout testing.
Ask AI about this MCP
Supported MCP Clients
Gemini Waiting for input…
DummyImage MCP Server: 1 Tool for Image Generation
Use the `generate_image` tool to create placeholder image URLs with specific dimensions, colors, and text overlays.
019e5d13generate image
Generates a dummy image URL based on provided parameters like size, color, and text.
Choose How to Get Started
Build a custom MCP for your own tools, or connect a ready-made integration from our catalog.
Build Your Own
Turn any API into an MCP. Import a spec, define Agent Skills, or deploy with MCPFusion.
- Import from OpenAPI, Swagger, or YAML specs
- Create Agent Skills with progressive disclosure
- Deploy to edge with MCPFusion framework
- Built in DLP, auth, and compliance on every call
- Real time usage dashboard and cost metering
- Publish to catalog or keep private
Make Your AI Do More
Start with DummyImage, then connect any of our 4,700+ other servers whenever your AI needs more. One click, no limits.
- Use this MCP plus 4,700+ others, all in one place
- Add new capabilities to your AI anytime you want
- Every connection is secured and compliant automatically
- Track usage and costs across all your servers
- Works with Claude, ChatGPT, Cursor, and more
- New servers added to the catalog every week
What you can do with this MCP connector
You'll connect to DummyImage to make your AI agent spit out dynamic placeholder images for web mockups and prototypes. You don't have to jump to another service or manually build empty boxes in your design tools.
Your agent uses the generate_image tool to create a direct URL for an image. You can tell it exactly what you want with a few parameters.
Dimensions
You can specify the exact width and height—like 300x250—or ask for a standard size. You'll also get images that stick to a specific aspect ratio, say 16:9, which is key for testing layouts.
Colors and Text
You can force the background and foreground colors using hex codes, so your mockups match your brand guidelines. Plus, you can drop custom text labels right onto the image. You'll define the whole look, down to the color palette and the text.
Output Details
It handles multiple output formats, so you can pick PNG, JPG, or GIF for the final URL. When your agent makes the request, it gets a direct URL to the dynamically generated image that you can plug right into your code or design docs. You just ask your AI client, and it uses the tool to get the URL.
It's that straightforward.
How DummyImage MCP Works
- 1 Subscribe to the DummyImage server and set the token field to 'PUBLIC'.
- 2 Prompt your AI client (Claude, Cursor, etc.) to generate the required image parameters (e.g., 'a blue 16:9 image with white text saying X').
- 3 The agent executes the
generate_imagetool, and you receive the direct, working image URL in the response.
The bottom line is, your AI agent generates the image URL for you without you leaving the chat or needing a separate design tool.
Who Is DummyImage MCP For?
This is for front-end developers, UI/UX designers, and product managers who constantly need to visualize content blocks or layout components. If you spend time manually creating empty image files or searching for placeholder services, this server saves you time.
Needs to quickly fill layout gaps and test responsive containers during frontend development. They use generate_image to get correct-sized assets.
Generates specific, branded placeholders for wireframes directly within their workflow, matching hex codes and required dimensions.
Visualizes content blocks, banner placements, and required visual assets during requirement gathering, without needing a design team.
What Changes When You Connect
- Stop wasting time searching for placeholder services. Use the
generate_imagetool to create exactly sized assets—like a 300x250 banner—in seconds. You control the dimensions and format. - Match your brand palette instantly. Specify background and foreground colors using hex codes directly in your prompt. The generated URL will reflect those exact brand colors.
- Test responsive layouts without real content. Define specific aspect ratios, such as 16:9, to see how content blocks scale in your prototype.
- Build complex mockups fast. The
generate_imagetool lets you add custom text labels and choose formats (PNG, JPG, GIF) all from one prompt. - Keep your workflow linear. You generate the placeholder URL right in your chat, eliminating the need to copy assets into a separate design program.
Real-World Use Cases
A developer needs a banner for a new feature landing page.
The developer asks their agent: 'Generate a 16:9 placeholder image for a hero banner, using a blue background and white text saying 'New Feature'.'. The agent calls generate_image, and the developer gets the direct URL for immediate use in the HTML structure.
A designer needs a set of profile picture placeholders.
The designer asks the agent to 'Generate a 100x100 PNG placeholder using hex code #cccccc for the background.' The agent uses generate_image to provide a clean, standardized URL for the wireframe.
A PM is sketching out a content section for a requirement document.
The PM asks: 'Show me a 300x250 placeholder image for a call-to-action block, using a red background and white text.' The agent delivers the asset URL, allowing the PM to visualize the content block without any design work.
Testing different content block sizes for a grid layout.
Instead of guessing, the user asks the agent to 'Generate three placeholders: 1:1, 4:3, and 3:1, all with a neutral background.' The agent calls generate_image multiple times, providing a set of URLs that confirm the layout's responsiveness.
The Tradeoffs
Manually creating empty image files
Creating a 300x250 PNG file in Photoshop and saving it to a shared drive. This takes time, requires specific software, and usually results in a generic, unbranded placeholder.
→
Use the generate_image tool. Simply ask your agent for the dimensions and colors (e.g., '300x250, background #ff0000'). The tool handles the file creation and returns the URL immediately.
Copying/pasting images between tools
Generating an image in Figma, downloading it, pasting it into a document, and then re-uploading it to a CMS. This breaks the flow and creates file versioning issues.
→
Keep it in the chat. Use the generate_image tool to get the asset URL. Your agent provides the link, and you use that link directly in your code or document source.
Forgetting required parameters
Asking the agent vaguely, 'Give me a placeholder.' The agent fails because it doesn't know the size, color, or format you need, resulting in an unusable response.
→
Be specific. Always include dimensions and purpose in your prompt. Example: 'Generate a 16:9 placeholder image for a hero banner, using a deep blue background.' This ensures generate_image gets all necessary inputs.
When It Fits, When It Doesn't
Use DummyImage if your core task is visualizing structure, layout, or content blocks quickly. You need a repeatable, programmatic way to get correctly sized images without manual intervention. You're building a prototype, not a final marketing asset. Don't use this if you need a highly detailed, unique piece of artwork or a photograph. For that, use a dedicated, complex image generation service. If you need to validate image types against a strict schema, use a dedicated validation tool instead. DummyImage's job is simple: provide the URL for the structure.
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.
VINKIUS INFRASTRUCTURE
Cloud Hosted
Managed infra
V8 Isolated
Sandboxed per request
Zero-Trust Proxy
No stored credentials
DLP Enforced
Policy on every call
GDPR Compliant
EU data residency
Token Compression
~60% cost reduction
Works with Claude, ChatGPT, Cursor, and more
The Model Context Protocol standardizes how applications expose capabilities to LLMs. Instead of operating in isolation, your AI gains direct access to external platforms, live data, and real-world actions through secure, standardized connections.
This server provides 1 capabilities that interface natively with Claude, ChatGPT, Cursor, and any MCP client. No middleware. No custom integration required.
Available Capabilities
Building mockups means endless searching for placeholder images.
Right now, if you're building a layout, you hit a wall. You need a 300x250 banner, but you're stuck searching through stock sites or making empty boxes in your design tool. You download a generic asset, and it doesn't match your brand colors or the required aspect ratio. You waste time downloading, resizing, and replacing generic assets.
With the DummyImage MCP Server, you tell your agent what you need—the size, the colors, the text—and it gives you the direct URL. It's instant, accurate, and ready to drop into your code or wireframe. No more generic assets.
DummyImage MCP Server: Generate assets with a single tool call.
The manual steps that disappear are the searches, the downloads, the file renaming, and the color-matching guesswork. You no longer need to jump between a design tool, a stock photo site, and your codebase.
Your agent handles the entire asset generation process, delivering the final, correctly configured URL right where you are. It just works.
Common Questions About DummyImage MCP
How do I use the DummyImage MCP Server to get a specific size? +
You specify the dimensions in your prompt. Just ask for '300x250' or '100x100'. The generate_image tool handles the size requirement and returns the correct URL.
Can DummyImage handle specific aspect ratios? +
Yes, you can. Use ratios like '16:9' in your prompt, and the generate_image tool will generate the image URL with that specific aspect ratio baked in.
Does DummyImage support multiple formats? +
Yes. Simply mention the format you want—PNG, JPG, or GIF—in your prompt, and the generate_image tool will deliver the URL in that format.
Is the DummyImage MCP Server for final production images? +
No. This tool is for prototyping and mockups only. It generates placeholder URLs so you can test the layout and structure before using final, high-fidelity assets.
How do I use the `generate_image` tool with custom colors in DummyImage? +
You specify the hex codes for background and foreground colors in the prompt. For example, to use a red background and blue text, you'd ask the agent to generate a 500x300 image using #FF0000 and #0000FF.
What are the limitations or rate limits for the `generate_image` tool in DummyImage? +
The service does not impose hard rate limits, but heavy usage may result in temporary slowdowns. It's best to batch your requests or use the tool sparingly for rapid prototyping.
Does DummyImage support adding descriptive text to the generated image using the `generate_image` tool? +
Yes, you can add custom labels or descriptive text directly onto the image. Just include the desired text and its placement (e.g., 'Add the text 'Click Here' in the bottom right corner').
What types of content can I generate with the `generate_image` tool in DummyImage? +
The tool generates generic placeholder assets for UI and web layouts. This includes standard mockups, hero banners, profile icons, and content block placeholders.
Can I specify custom text to appear on the generated image? +
Yes! Use the text parameter in the generate_image tool to define any string you want to display in the center of the placeholder.
What image formats are supported by the generator? +
The generate_image tool supports gif, jpg, jpeg, and png formats. You can specify your preference using the format parameter.
Do I need to include the '#' symbol for hex colors? +
No. When using background_color or foreground_color, provide the hex code directly without the hash (e.g., '000000' for black or 'fff' for white).
Use it with your favorite AI tools
Connect this server to Cursor, Claude, VS Code, and more.
More in this category
Quickbase
Build custom business apps with a no-code platform that connects data, automates workflows, and adapts as your needs evolve.
Product Hunt Alternative
Access Product Hunt data directly — browse daily posts, execute custom GraphQL queries, and manage your viewer profile via AI.
Vercel
Deploy frontend applications instantly with a platform optimized for Next.js, serverless functions, and edge computing globally.
You might also like
Dailymotion Extended
Manage your Dailymotion video library — upload content, edit metadata, customize players, and access advanced reporting directly via AI.
SpotHero Parking
Search, compare, and book parking spots in 400+ cities via SpotHero API.
Towio
Coordinate towing and roadside assistance operations with dispatch management, GPS tracking, and job status updates.