Lorem Picsum Connector for AI agents.
6 live capabilities
Populate your UI mockups with high-quality placeholder images and metadata.
Waiting for input…
Why people use Lorem Picsum
Lorem Picsum for Faster UI Mockup Development
With this Connector, that entire cycle disappears. You just tell your agent what you need, like a blurred portrait or a specific set of dimensions, and it hands you the URL. You stay in your editor, and the layout populates instantly.
What Vinkius changes
You get production-ready placeholder images in your code instantly.
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 gallery mockup
A developer asks the agent to find 5 different images with author info to populate a portfolio layout quickly.
- Real-world use case 02
Testing blur effects
A designer wants to see how a blurred background looks and asks for a random 1920x1080 image with a blur of 10.
- Real-world use case 03
Consistent UI testing
A QA engineer uses a seed string to ensure the same image appears every time the page reloads during testing.
Complete set · 6capabilities
The complete Lorem Picsum capability set.
These are the exact actions your AI can choose when you ask it to work with Lorem Picsum.
01—03
3 capabilities in this set.
Part of 6 available through Lorem Picsum.
- 01 Capability
Get random image url
Get a random image URL with custom dimensions and filters. This is perfect for quickly filling UI mockups.
- 02 Capability
Get seed image url
Get a static random image URL based on a seed string. This ensures the same image appears every time you refresh.
- 03 Capability
Get specific image url
Fetch a specific image URL by its ID with custom dimensions. Use this to keep your layout consistent.
04—06
3 capabilities in this set.
Part of 6 available through Lorem Picsum.
- 04 Capability
List images
Retrieve a paginated list of available images. This lets you browse the library to find the right content.
- 05 Capability
Get seed info
Get metadata for a specific image seed. This helps you see the details behind a consistent image.
- 06 Capability
Get image info
Get metadata for a specific image ID. Use this to find author names and format details.
Set up in minutes
One URL. Then ask Lorem Picsum to work.
Claude and ChatGPT only need the Connector URL. Copy it once, add it in settings, and use Lorem Picsum 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_BpGvsd3F7ZiU2FdSC6HlwGpJk3sdjmn8ZITZjym3/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 Lorem Picsum, and paste the URL above.
- Step 03
Turn it on in chat
Select +, open Connectors, and enable Lorem Picsum for the conversation.
ChatGPT · Web + desktop
Connector URL · ready to paste
Streamable HTTPhttps://edge.vinkius.com/vk_preview_BpGvsd3F7ZiU2FdSC6HlwGpJk3sdjmn8ZITZjym3/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 Lorem Picsum URL.
- Step 03
Save and start
Save the connection and enable Lorem Picsum in your conversation. Desktop may ask you to restart once.
Cursor · IDE configuration
Advanced setup
{
"mcpServers": {
"lorem-picsum": {
"url": "https://edge.vinkius.com/vk_preview_BpGvsd3F7ZiU2FdSC6HlwGpJk3sdjmn8ZITZjym3/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 Lorem Picsum
Open Agent mode in chat and ask: "Using Lorem Picsum, help me...". 6 tools available
VS Code Copilot · IDE configuration
Advanced setup
{
"mcpServers": {
"lorem-picsum": {
"url": "https://edge.vinkius.com/vk_preview_BpGvsd3F7ZiU2FdSC6HlwGpJk3sdjmn8ZITZjym3/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 Lorem Picsum
Ask Copilot: "Using Lorem Picsum, help me...". 6 tools available
Windsurf · IDE configuration
Advanced setup
{
"mcpServers": {
"lorem-picsum": {
"url": "https://edge.vinkius.com/vk_preview_BpGvsd3F7ZiU2FdSC6HlwGpJk3sdjmn8ZITZjym3/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 Lorem Picsum
Open Cascade and ask: "Using Lorem Picsum, help me...". 6 tools available
Cline · IDE configuration
Advanced setup
{
"mcpServers": {
"lorem-picsum": {
"url": "https://edge.vinkius.com/vk_preview_BpGvsd3F7ZiU2FdSC6HlwGpJk3sdjmn8ZITZjym3/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 Lorem Picsum
Ask Cline: "Using Lorem Picsum, help me...". 6 tools available
Claude Code · Terminal command
Advanced setup
claude mcp add lorem-picsum --transport http "https://edge.vinkius.com/vk_preview_BpGvsd3F7ZiU2FdSC6HlwGpJk3sdjmn8ZITZjym3/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 Lorem Picsum
Ask Claude: "Using Lorem Picsum, show me...". 6 tools are ready
Where the request belongs
Work Lorem Picsum can move forward.
Frontend developers who need to build layouts fast and UI/UX designers who want to test different visual weights without hunting for assets.
Frontend Developer
Populating mockups with realistic images while coding to see how components actually behave.
UI/UX Designer
Testing how different aspect ratios and filters affect a design layout during the wireframing stage.
Content Manager
Finding high-quality open-source images and author credits for blog wireframes and prototypes.
Build the capability set
Add more capabilities.
Each Connector adds new actions and data without changing how you work.
Browse ConnectorsDummyImage
Generate dynamic placeholder images for web development and design directly from your AI agent.
PlaceDog
Generate dog placeholder images with custom dimensions for your design and development projects.
PlaceKitten
Generate placeholder kitten images of any size for your design mockups and creative projects.
Alai
Generate professional headshots and profile photos with AI that transforms selfies into studio-quality business portraits.
Pics.io
Organize and share creative assets with a digital asset management platform that tags, searches, and delivers files fast.
APImage
Search and license editorial photography from one of the world largest press image archives for media and publishing.
Bring your own AI
Change the model, client or framework. Keep Lorem Picsum 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 Lorem Picsum.
The practical details behind the request, access and result.
What is Lorem Picsum MCP for?
It helps you get placeholder images for your websites or apps instantly. You can ask your agent to find images with specific sizes or styles so you can build your layout without searching for photos manually.
Can I use Lorem Picsum to get specific image sizes?
Yes, the Connector lets your agent request images in any dimension you need. This is great for making sure your UI components look right on different screen sizes.
How do I get consistent images for my UI tests?
You can use a seed string with this Connector. This tells the agent to grab the same image every time, which is perfect for testing layouts that shouldn't change on every refresh.
Does Lorem Picsum provide image metadata?
It does. You can ask your agent to pull information like the author's name or the original dimensions for any photo in the library.
Is there a cost to using the Lorem Picsum MCP?
No, because it uses a public API, you can start generating and fetching images immediately without needing an API key or a paid subscription.
Can I apply filters like blur or grayscale?
Absolutely. You can tell your agent to apply these effects directly when it fetches a placeholder, letting you test different visual styles on the fly.
How can I get a blurred or grayscale version of a random image?
You can use the get_random_image_url capability and set the blur parameter (1-10) or the grayscale boolean to true. The agent will construct the correct URL for you.
Is it possible to always get the same image for a specific UI element?
Yes! Use the get_seed_image_url capability with a unique seed string. This ensures that the same image is returned every time you use that specific seed.
Can I find out who the author of a specific image is?
Absolutely. Use the get_image_info capability with the image ID. It will return the author's name, the original dimensions, and the source URL.
One connection away
Give your agent a direct line to Lorem Picsum.
Connect Lorem Picsum once. Keep it beside 5,900+ managed Connectors when the next task needs more.
Explore every Connector No credit card required · Free tier available