PlaceKitten Connector for AI agents.
2 live capabilities
Generate placeholder kitten images for web design mockups and UI layouts.
Waiting for input…
Why people use PlaceKitten
PlaceKitten Design Mockups for Faster UI Prototyping
This Connector changes that by letting your agent grab the images for you. You just tell it what size you need, and it puts the link right there. You get a cohesive, visual layout in seconds without ever leaving your code editor.
What Vinkius changes
You get instant image links for your designs without leaving your workspace.
Use it from Claude, ChatGPT, Cursor or another AI client you already have.
One account · 5,900+ Connectors
- Real-world use case 01
Building a responsive photo gallery
A developer asks the agent to fetch 5 kitten images in different sizes to see how the grid behaves on mobile and desktop.
- Real-world use case 02
Creating a minimalist portfolio mockup
A designer needs grayscale images to match a specific brand aesthetic and uses get_grayscale_kitten to fill the gallery slots.
- Real-world use case 03
Filling a landing page hero section
A prototyper wants a wide banner image and asks the agent for a kitten photo with specific banner dimensions.
Complete set · 2capabilities
The complete PlaceKitten capability set.
These are the exact actions your AI can choose when you ask it to work with PlaceKitten.
01—02
2 capabilities in this set.
Part of 2 available through PlaceKitten.
- 01 Capability
Get grayscale kitten
Get a black and white kitten image for designs that require a minimalist or monochrome aesthetic.
- 02 Capability
Get kitten
Get a basic kitten image at a specific width and height to fill your layout.
Set up in minutes
One URL. Then ask PlaceKitten to work.
Claude and ChatGPT only need the Connector URL. Copy it once, add it in settings, and use PlaceKitten from the conversation.
Choose your client
Live previewAdvanced clients IDE · CLI
Claude · Web + desktop
Connector URL · ready to paste
Streamable HTTPhttps://edge.vinkius.com/vk_preview_T2fHXwazDxXY4PpPcFYqtdej8pY7J1kx8MCBzbLG/mcp - Step 01
Open Connectors
In Claude Web or Claude Desktop, open Settings and choose Connectors.
- Step 02
Add the URL
Choose Add custom connector, name it PlaceKitten, and paste the URL above.
- Step 03
Turn it on in chat
Select +, open Connectors, and enable PlaceKitten for the conversation.
ChatGPT · Web + desktop
Connector URL · ready to paste
Streamable HTTPhttps://edge.vinkius.com/vk_preview_T2fHXwazDxXY4PpPcFYqtdej8pY7J1kx8MCBzbLG/mcp - Step 01
Open MCP settings
On desktop, open Settings and MCP servers. On web, open your workspace app or connector settings.
- Step 02
Add the URL
Choose Add server with Streamable HTTP, or create a custom MCP app, then paste the PlaceKitten URL.
- Step 03
Save and start
Save the connection and enable PlaceKitten in your conversation. Desktop may ask you to restart once.
Cursor · IDE configuration
Advanced setup
{
"mcpServers": {
"placekitten": {
"url": "https://edge.vinkius.com/vk_preview_T2fHXwazDxXY4PpPcFYqtdej8pY7J1kx8MCBzbLG/mcp"
}
}
}- Step 01
Open MCP Settings
Press Cmd+Shift+P (macOS) or Ctrl+Shift+P (Windows/Linux) → search "MCP Settings"
- Step 02
Add the server config
Paste the JSON configuration above into the mcp.json file that opens
- Step 03
Save the file
Cursor will automatically detect the new Connector
- Step 04
Start using PlaceKitten
Open Agent mode in chat and ask: "Using PlaceKitten, help me...". 2 tools available
VS Code Copilot · IDE configuration
Advanced setup
{
"mcpServers": {
"placekitten": {
"url": "https://edge.vinkius.com/vk_preview_T2fHXwazDxXY4PpPcFYqtdej8pY7J1kx8MCBzbLG/mcp"
}
}
}- Step 01
Create MCP config
Create a .vscode/mcp.json file in your project root
- Step 02
Add the server config
Paste the JSON configuration above
- Step 03
Enable Agent mode
Open GitHub Copilot Chat and switch to Agent mode using the dropdown
- Step 04
Start using PlaceKitten
Ask Copilot: "Using PlaceKitten, help me...". 2 tools available
Windsurf · IDE configuration
Advanced setup
{
"mcpServers": {
"placekitten": {
"url": "https://edge.vinkius.com/vk_preview_T2fHXwazDxXY4PpPcFYqtdej8pY7J1kx8MCBzbLG/mcp"
}
}
}- Step 01
Open MCP Settings
Go to Settings → MCP Configuration or press Cmd+Shift+P and search "MCP"
- Step 02
Add the server
Paste the JSON configuration above into mcp_config.json
- Step 03
Save and reload
Windsurf will detect the new server automatically
- Step 04
Start using PlaceKitten
Open Cascade and ask: "Using PlaceKitten, help me...". 2 tools available
Cline · IDE configuration
Advanced setup
{
"mcpServers": {
"placekitten": {
"url": "https://edge.vinkius.com/vk_preview_T2fHXwazDxXY4PpPcFYqtdej8pY7J1kx8MCBzbLG/mcp"
}
}
}- Step 01
Open Cline MCP Settings
Click the Connectors icon in the Cline sidebar panel
- Step 02
Add remote server
Click "Add Connector" and paste the configuration above
- Step 03
Enable the server
Toggle the server switch to ON
- Step 04
Start using PlaceKitten
Ask Cline: "Using PlaceKitten, help me...". 2 tools available
Claude Code · Terminal command
Advanced setup
claude mcp add placekitten --transport http "https://edge.vinkius.com/vk_preview_T2fHXwazDxXY4PpPcFYqtdej8pY7J1kx8MCBzbLG/mcp"- Step 01
Install Claude Code
Run npm install -g @anthropic-ai/claude-code if not already installed
- Step 02
Add the Connector
Run the command above in your terminal
- Step 03
Verify the connection
Run claude mcp to list connected servers, or type /mcp inside a session
- Step 04
Start using PlaceKitten
Ask Claude: "Using PlaceKitten, show me...". 2 tools are ready
Where the request belongs
Work PlaceKitten can move forward.
This is for the frontend developer who's tired of using 'image not found' icons and the UI designer who needs to show how a gallery looks before the assets are ready.
Frontend Developer
Tests responsive image containers and layouts with real visual content during the build phase.
UI/UX Designer
Builds high-fidelity mockups with engaging images instead of boring gray boxes.
Prototyper
Quickly visualizes content flow by filling empty slots with varied image sizes.
Build the capability set
Add more capabilities.
Each Connector adds new actions and data without changing how you work.
Browse ConnectorsPlaceDog
Generate dog placeholder images with custom dimensions for your design and development projects.
DummyImage
Generate dynamic placeholder images for web development and design directly from your AI agent.
The Cat
Access the world's largest collection of cat images, search by breed, and manage your favorites or votes directly from your AI agent.
CatAAS
Access the Cat as a Service (CATAAS) API to fetch random cat images, GIFs, and create custom cat memes with filters and text.
Lorem Picsum
Generate placeholder images and retrieve image metadata directly from your AI agent using the Lorem Picsum API.
RandomFox
Generate random fox images for placeholders, design inspiration, or entertainment directly via your AI agent.
Bring your own AI
Change the model, client or framework. Keep PlaceKitten connected.
-
Claude -
ChatGPT -
Gemini -
Cursor -
VS Code -
Windsurf -
ZCode -
Cline -
Zed -
Continue -
Kiro -
Roo Code -
Zencoder -
Goose -
Void -
Augment Code -
Amp -
Qodo -
Tabnine -
Pieces -
Sourcegraph Cody -
JetBrains -
Warp -
Amazon Q -
Antigravity -
BoltAI -
Raycast -
Jan -
LM Studio -
AnythingLLM -
Open WebUI -
Msty -
Cherry Studio -
LibreChat -
TypingMind -
Chorus -
5ire -
n8n -
LangChain -
LlamaIndex -
CrewAI -
Vercel AI SDK
Before you connect
Questions about PlaceKitten.
The practical details behind the request, access and result.
What is PlaceKitten and how does it help my design work?
PlaceKitten is an Connector that lets your AI agent grab placeholder kitten images for your projects. It helps you fill out mockups and UI layouts instantly so you can see how your design looks with real images instead of empty boxes.
Can I get kitten images in different sizes with PlaceKitten?
Yes, you can specify exact width and height dimensions. This is great for testing how your website handles different image aspect ratios or for fitting images into specific containers.
Does PlaceKitten offer any special styles like black and white?
Yes, it includes a capability for grayscale kitten images. This is perfect if you're working on a minimalist design and want your placeholders to match a specific color palette.
Do I need an API key to use PlaceKitten?
No, it's a public service. You just need to connect the Connector to your AI client and you're ready to go. If it asks for a key, you can usually just enter 'public'.
Is PlaceKitten good for frontend developers?
It's a great capability for developers. It allows you to quickly populate image tags while you're building your components, ensuring your layout remains consistent during the development phase.
How do I get PlaceKitten into my AI client?
You can find PlaceKitten in the Vinkius catalog. Once you subscribe, you can connect it to any MCP-compatible client like Claude or Cursor to start generating images.
How do I get a kitten image with specific dimensions?
Use the get_kitten capability 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 capability. It works just like the standard capability 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.
One connection away
Give your agent a direct line to PlaceKitten.
Connect PlaceKitten once. Keep it beside 5,900+ managed Connectors when the next task needs more.
Explore every Connector No credit card required · Free tier available