PlaceKitten MCP for AI. Generate any size kitten image instantly.

Q: Is getgrayscalekitten different from getkitten?

Yes, they serve different purposes. getkitten returns color images; getgrayscalekitten specifically enforces a black and white aesthetic, which is useful for certain design themes.

Claude

ChatGPT

Cursor

Gemini

Windsurf

VS Code

JetBrains

Vercel

See Vinkius in Action

Works with every AI agent you already use

…and any MCP-compatible client

How this MCP server connects to your AI agent

PlaceKitten generates placeholder kitten images of any size for your web mockups and design assets. Need a full-color cat image or a strict black-and-white version? This server gives you two simple tools—`get_kitten` and `get_grayscale_kitten`—to instantly fetch high-quality, dimension-specific placeholders without leaving your coding environment.

What AI agents can do with PlaceKitten Automation

Get grayscale kitten

Fetches a kitten image that is strictly black and white, allowing you to match specific design themes.

Get kitten

Retrieves a standard, full-color kitten placeholder image. You can specify the exact dimensions needed for your layout.

Generate basic kitten images

Use get_kitten to fetch full-color kitten placeholders with specific width and height.

Get black and white kitten images

Use get_grayscale_kitten to generate monochrome (black and white) kitten placeholders for minimalist designs.

Specify custom dimensions

Set precise pixel dimensions (width x height) for any image request using either tool.

Ask an AI about this

Included with Plan

Waiting for input…

AI Agent

What AI agents can do with PlaceKitten MCP Server: 2 Tools for Design Assets

These two tools let your AI client fetch specific placeholder kitten images with custom dimensions, either in full color or grayscale.

Make your AI actually useful.

Add this MCP to Claude, Cursor, or Windsurf and your AI stops guessing. It gets real tools to look things up, take action, and handle the stuff you keep doing by hand.

Start using PlaceKitten on Vinkius

Get Grayscale Kitten

Fetches a kitten image that is strictly black and white, allowing you to match specific design themes.

Get Kitten

Retrieves a standard, full-color kitten placeholder image. You can specify the exact...

Security and governance baked right in.

Pick your AI client below to get set up. Just create a Vinkius account, subscribe, and you're instantly up and running. We handle the entire backend infrastructure, delivering out-of-the-box support for HTTPS Streamable, SSE, and OAuth2—zero messy routing required.

Claude AI

Open Claude Settings

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

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.

Start a conversation

Open a new chat. The PlaceKitten integration is available immediately — no restart needed.

Antigravity

Configure Agent Environment

Open your Antigravity agent's workspace configuration or mcp-servers.json file.

Bind the Endpoint

Add the Vinkius endpoint URL to your agent's MCP connections list:

"mcp_servers": {
  "placekitten": {
    "serverUrl": "https://edge.vinkius.com/[YOUR_TOKEN_HERE]/mcp"
  }
}

Provide your secure token in place of [YOUR_TOKEN_HERE] to ensure your agent requests are authenticated.

Execute

Start your Antigravity session. The agent will autonomously discover and utilize the PlaceKitten tools with full Vinkius guardrails applied.

VS Code Copilot

⚡

One-Click Install (Recommended)

In your Vinkius Dashboard, simply click the Add to VS Code button for this server. We'll automatically configure your local workspace.

Or configure manually

Open MCP Settings

Open VS Code, press Ctrl/Cmd + Shift + P, and search for GitHub Copilot: MCP Servers.

Add Server Config

Add the Vinkius endpoint configuration to your mcp-servers.json file:

"placekitten": {
  "url": "https://edge.vinkius.com/[YOUR_TOKEN_HERE]/mcp"
}

Ensure you replace [YOUR_TOKEN_HERE] with your token from cloud.vinkius.com.

LangChain

Install Dependencies

Install the LangChain MCP adapters for your environment:

pip install langchain-mcp-adapters

Connect the Server

Use the SSEClient in LangChain to connect to the Vinkius managed endpoint:

from langchain_mcp_adapters.client import SSEClient

# Connect to Vinkius
client = SSEClient(url="https://edge.vinkius.com/[YOUR_TOKEN_HERE]/mcp")
tools = client.get_tools()

CrewAI

Define the Tool

Load the Vinkius MCP tools into your CrewAI agents:

from crewai import Agent
from mcp_crewai import MCPTool

# Connect securely to Vinkius
vinkius_tools = MCPTool(url="https://edge.vinkius.com/[YOUR_TOKEN_HERE]/mcp")

# Assign to Agent
researcher = Agent(
    role='Data Researcher',
    tools=vinkius_tools.get_all()
)

Execute Task

Run your CrewAI process. The agent will autonomously route tasks to the Vinkius managed server.

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

Start building

Make Your AI Do More

Start with PlaceKitten, then connect any of our 5,100+ other servers whenever your AI needs more. One click, no limits.

Use this MCP plus 5,100+ 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

Independent Platform Disclaimer: Vinkius is an independent platform and is not affiliated with, endorsed by, sponsored by, verified by, or otherwise authorized by PlaceKitten. 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

Your data is protected. See how we built it.

Built on the Model Context Protocol (MCP) for 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 connection provides 2 powerful capabilities that interface natively with Claude, ChatGPT, Cursor, and other compatible AI platforms. No middleware. No custom integration required.

Mockups used to be a pain in the butt., Solved with Vinkius AI Gateway

Before servers like this, building mockups meant downloading actual assets or relying on generic gray boxes. If you were designing an e-commerce page, finding images that fit perfectly—say, 350x220 pixels—was a multi-step process of resizing and sourcing.

Now, your agent handles it all. You just tell the system what you need (e.g., 'I need a full-color image for this banner'), and it calls `get_kitten` with the exact dimensions. The mockup asset appears instantly, ready to drop into your code.

PlaceKitten MCP Server: Generate specific assets in one step.

The process used to involve opening a separate image tool, manually changing the dimensions, and hoping the asset was the right color. Now, you keep everything contained within your chat or IDE workflow.

You control both the dimension (e.g., 500x500) and the style (color via `get_kitten` or monochrome via `get_grayscale_kitten`) in a single command. It's that simple.

Support 24/7 support@vinkius.com ↗

Security Vinkius Trust Center ↗

SLA Service Level Agreement ↗

Report Listing Send Report ↗

placeholder-images

kittens

web-development

prototyping

design-tools

What your AI can actually do with this

PlaceKitten handles mockup kitten images—it's what you use when your design mockups need placeholder assets but you don't wanna jump out to another site just to grab a picture. You can run this right from your code editor or chat window.

This server gives you two specific tools: get_kitten and get_grayscale_kitten. They let you get high-quality, dimension-specific placeholders without messing up your workflow. The whole point is precision; you need the image to fit exactly where it's supposed to go.

If you gotta generate a standard, full-color kitten mockup, use the get_kitten tool. This gets you a classic placeholder that shows off color fidelity and general design context. When you call this tool, you specify the exact dimensions—the width and height in pixels—that your layout demands. You tell it 'I need 400 by 300,' and it gives you exactly that size, keeping your mockups consistent.

Need something different? If your design theme calls for a specific monochrome look or if color is distracting from the core UI element, use get_grayscale_kitten. This tool generates a strictly black-and-white kitten placeholder. It’s perfect when you're building out a minimalist site concept or testing how text and structure look against a muted background.

Just like the full-color version, you call this tool and define the precise pixel dimensions—the width and height—you need for your asset slot.

You never have to guess on size. Whether you’re pulling a vibrant, full-color kitten with get_kitten or a clean, monochrome one using get_grayscale_kitten, both tools let you set custom dimensions. You control the exact pixel count for width and height in every single request. This means if your layout needs an image that's 600 pixels wide by 450 pixels tall, you specify those numbers, and you get it.

Using these two tools gives you total control over two key elements: color palette and physical size. You can grab the full-color standard through get_kitten, or you can go strictly B&W with get_grayscale_kitten. Both options let your agent specify custom dimensions, guaranteeing that the placeholder image you receive matches the pixel requirements of your design system perfectly.

It's built for developers who know exactly what they need and don't have time for guesswork. You’re dealing only in function calls: define the color—full or gray—and define the exact width/height needed. That’s it.

Built · Hosted · Managed by Vinkius PlaceKitten - Generate Mockup Kitten Images

Server ID 019e5d46-3f0e-7271-a741-8fcf66c2b0b2

Vinkius Inspector

Compliance Grade F

Score 10.14/100

Report View Report ↗

Here's how it actually works

The bottom line is that your AI client handles the API call to PlaceKitten using one of its two tools and gives you the resulting image link.

1. Connect the PlaceKitten MCP Server to your AI client via Vinkius.

2. Tell your agent what you need: Are you building a full-color mockup, or do you require black and white assets? What are the exact pixel dimensions?

3. Your agent calls either get_kitten or get_grayscale_kitten, providing the size parameters, and returns a direct image URL.

Who is this actually for?

Front-end developers need this when they're building responsive layouts and testing image containers. UI/UX designers use it for quick, high-fidelity mockups that don't rely on real assets. Prototypers need it to quickly visualize content flow without having to source or wait for placeholder images.

Frontend Developer

Tests image component responsiveness and layout dimensions using get_kitten across various screen sizes.

UI/UX Designer

Creates grayscale mockups or full-color wireframes by calling get_grayscale_kitten for specific aesthetic themes.

Product Prototyper

Visualizes content flow quickly by generating multiple placeholder images of varied sizes in a chat session.

What Changes When You Connect

Need to test a banner section? Call get_kitten and specify the exact width and height, like 800x200. You get an immediate URL for your mockup, saving file handling time.

Building a dark mode design? Use get_grayscale_kitten. It forces black and white placeholders so you can test the aesthetic without needing color assets.

Eliminate placeholder fatigue. Instead of using generic gray boxes, you use PlaceKitten to generate real-looking kitten images that fit your exact component size (e.g., 400x300).

Your AI client handles the API calls. You just tell it: 'Give me a grayscale image, 500x500.' The server takes care of the rest.

It's quick and simple. Whether you need color or black-and-white assets, calling get_kitten or get_grayscale_kitten is a single step in your conversation.

See it in action

01 01

Testing component resizing for mobile views

A frontend developer needs to see how an image container looks when scaled down. They ask their agent to use get_kitten with dimensions of 300x150 pixels, instantly getting a working mockup asset URL without manually adjusting any files.

02 02

Designing a minimalist landing page

A UI/UX designer is building a site that must feel clean and monochrome. They tell their agent to use get_grayscale_kitten for all main visual elements, ensuring the placeholder assets maintain the desired B&W aesthetic throughout the prototype.

03 03

Filling image gaps in an existing wireframe

A content prototyper is laying out a gallery section. They don't want to use generic boxes; they ask for several images using get_kitten with varying dimensions (e.g., 200x200, 400x300) to visualize the actual content flow.

04 04

Comparing color vs. monochrome options

A designer needs to decide if a feature should be presented in full color or B&W. They run two separate calls: one with get_kitten and another with get_grayscale_kitten, comparing the immediate outputs side-by-side.

The honest tradeoffs

Using placeholders that are too generic

Anti-pattern

The developer manually types 'placeholder image' into a simple API call, receiving a boring gray box with no dimension control.

The Fix

Don't use generic tools. To get an asset for your specific layout, you must use get_kitten or get_grayscale_kitten, specifying the exact pixel dimensions (e.g., 400x300) in your prompt.

Forgetting the color constraint

Anti-pattern

A designer needs a B&W asset for print, but only calls get_kitten, resulting in an unwanted full-color image that breaks the aesthetic.

The Fix

If you need black and white, you must explicitly use the specialized tool: get_grayscale_kitten. This guarantees the correct color output every time.

Not controlling dimensions

Anti-pattern

The user calls a basic image retrieval function without specifying size, leading to an asset that is too large or too small for the intended component.

The Fix

Both tools require dimension specification. Always include the desired width and height in your prompt so that the server uses get_kitten or get_grayscale_kitten with precise parameters.

When It Fits, When It Doesn't

Use PlaceKitten if you are building a design mockup, prototype, or responsive web layout and need placeholder images of specific sizes. The choice between tools depends entirely on your aesthetic needs: use get_kitten when the visual content must be full-color; use get_grayscale_kitten when the mockup requires black and white assets to test a monochrome theme.

Don't use this server if you are trying to fetch actual live data (like user records or database entries), or if your design needs complex image manipulation beyond simple color filtering. For structured data, look for specialized API connectors rather than these visual asset tools.

Questions you might have

How do I use get_kitten for my mockup? +

To use it, ask your agent to 'Get a kitten image 400 pixels wide and 300 pixels high.' The server uses get_kitten to generate the full-color asset link immediately.

Is get_grayscale_kitten different from get_kitten? +

Yes, they serve different purposes. get_kitten returns color images; get_grayscale_kitten specifically enforces a black and white aesthetic, which is useful for certain design themes.

Does PlaceKitten require an API key? +

No specific key is required. Since it's a public service, you just need to tell your agent to use the available tools in the chat.

What if I change the dimensions for get_kitten? +

You simply update the numbers in your prompt (e.g., '200x150 pixels'). The server uses get_kitten and generates a new image link with those precise specs.

What happens if I pass invalid dimensions to the `get_kitten` tool? +

The server returns a structured error message detailing the input failure. This means your AI client handles it gracefully, telling you exactly which pixel value was wrong or missing.

Are there any rate limits when using the `get_grayscale_kitten` tool? +

The service is designed for high volume usage. While no strict technical limit exists on our end, excessive calls in rapid succession might trigger temporary throttling to maintain performance.

How does the AI client handle the URL output from `get_kitten`? +

Your agent receives the direct image URL. You can then pass that link straight into markdown or a web component, allowing your workflow to use the generated asset immediately.

Do I need any special setup for my AI client to access `PlaceKitten`? +

No complicated setup is needed. Since it's an MCP server, you just connect your preferred agent (like Claude or Cursor) via the Vinkius Marketplace connection point.

How do I get a kitten image with specific dimensions? +

Use the get_kitten tool and provide the desired width and height in pixels. The agent will return a URL to a kitten image matching those exact dimensions.

Can I generate black and white kitten images for my design? +

Yes! Use the get_grayscale_kitten tool. It works just like the standard tool but applies a grayscale filter to the image, perfect for minimalist or wireframe designs.

Is an API key required to use PlaceKitten? +

No, PlaceKitten is a free public service. You don't need to create an account or generate a token. Simply connect the server and start using it.

How this MCP server connects to your AI agent

What AI agents can do with PlaceKitten Automation

Get grayscale kitten

Get kitten

What AI agents can do with PlaceKitten MCP Server: 2 Tools for Design Assets

Get Grayscale Kitten

Fetches a kitten image that is strictly black and white, allowing you to match specific design themes.

Get Kitten

Retrieves a standard, full-color kitten placeholder image. You can specify the exact...

Security and governance baked right in.

Claude AI

Open Claude Settings

Add Custom Connector

Start a conversation

Claude Code

Open your terminal

Add the MCP Server

Start coding

Cursor

One-Click Install (Recommended)

Open Cursor Settings

Add New Server

Use in Composer

Antigravity

Configure Agent Environment

Bind the Endpoint

Execute

VS Code Copilot

One-Click Install (Recommended)

Open MCP Settings

Add Server Config

Windsurf

One-Click Install (Recommended)

Open Windsurf Settings

Add Server Endpoint

LangChain

Install Dependencies

Connect the Server

CrewAI

Define the Tool

Execute Task

Choose How to Get Started

Build Your Own

Make Your AI Do More

Built on the Model Context Protocol (MCP) for Claude, ChatGPT, Cursor, and more

Mockups used to be a pain in the butt., Solved with Vinkius AI Gateway

PlaceKitten MCP Server: Generate specific assets in one step.

placeholder-images

kittens

web-development

prototyping

design-tools

What your AI can actually do with this

Here's how it actually works

Who is this actually for?

What Changes When You Connect

Testing component resizing for mobile views

Designing a minimalist landing page

Filling image gaps in an existing wireframe

Comparing color vs. monochrome options

The honest tradeoffs

Using placeholders that are too generic

Forgetting the color constraint

Not controlling dimensions

When It Fits, When It Doesn't

Questions you might have