Playground AI Connector for AI agents.
10 live capabilities
Create and edit high-resolution visual assets using natural language.
Waiting for input…
Why people use Playground AI
Playground AI for Faster Visual Asset Generation
With this Connector, your agent handles the API calls for you. You stay in your flow. You get high-quality renders, upscaled assets, and background-removed images without ever leaving your workspace.
What Vinkius changes
You get a direct line to high-end image generation without the manual friction of a web interface.
Use it from Claude, ChatGPT, Cursor or another AI client you already have.
One account · 6,100+ Connectors
- Real-world use case 01
Generating UI placeholders
A developer needs a specific icon for a mockup.
- Real-world use case 02
Fixing low-res logos
A designer has a small logo that looks blurry on a banner.
- Real-world use case 03
Isolating product photos
A marketer has a product photo with a messy room background.
Complete set · 10capabilities
The complete Playground AI capability set.
These are the exact actions your AI can choose when you ask it to work with Playground AI.
01—04
4 capabilities in this set.
Part of 10 available through Playground AI.
- 01 Capability
Inpaint image
Edits specific parts of an image by using a prompt and a mask image. This keeps the rest of the image identical while you fix a detail.
- 02 Capability
List generations
Lists your most recent image generations and prompts. Use this to find previous work and IDs.
- 03 Capability
Generate image
Creates new images from text prompts using models like Playground v3 or SDXL. You can specify dimensions and style nuances.
- 04 Capability
Transform image
Modifies an existing image based on a text prompt and a strength setting. This is useful for changing the style of a base asset.
05—07
3 capabilities in this set.
Part of 10 available through Playground AI.
- 05 Capability
Upscale image
Increases the resolution and detail of an image by a factor of 2 or 4. Use this to turn low-res web assets into high-res prints.
- 06 Capability
Remove background
Strips the background from an image and returns a transparent PNG. It is perfect for isolating products or people for UI design.
- 07 Capability
Outpaint image
Extends an image beyond its current borders in any direction. The AI generates new content that matches the existing style.
08—10
3 capabilities in this set.
Part of 10 available through Playground AI.
- 08 Capability
Generate with controlnet
Uses a reference image to guide the generation with depth, pose, or edges. This provides high-level structural control over the output.
- 09 Capability
List models
Shows all available models and their specific capabilities. Use this to see what versions are currently active.
- 10 Capability
Get generation
Fetches the details and metadata for a specific generation ID. This helps you track the status of an image request.
Set up in minutes
One URL. Then ask Playground AI to work.
Claude and ChatGPT only need the Connector URL. Copy it once, add it in settings, and use Playground AI 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_CZ4iZgNPLcXoXLZeQcrF98W9DBO3Kd80p4W5elUg/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 Playground AI, and paste the URL above.
- Step 03
Turn it on in chat
Select +, open Connectors, and enable Playground AI for the conversation.
ChatGPT · Web + desktop
Connector URL · ready to paste
Streamable HTTPhttps://edge.vinkius.com/vk_preview_CZ4iZgNPLcXoXLZeQcrF98W9DBO3Kd80p4W5elUg/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 Playground AI URL.
- Step 03
Save and start
Save the connection and enable Playground AI in your conversation. Desktop may ask you to restart once.
Cursor · IDE configuration
Advanced setup
{
"mcpServers": {
"playground-ai": {
"url": "https://edge.vinkius.com/vk_preview_CZ4iZgNPLcXoXLZeQcrF98W9DBO3Kd80p4W5elUg/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 Playground AI
Open Agent mode in chat and ask: "Using Playground AI, help me...". 10 tools available
VS Code Copilot · IDE configuration
Advanced setup
{
"mcpServers": {
"playground-ai": {
"url": "https://edge.vinkius.com/vk_preview_CZ4iZgNPLcXoXLZeQcrF98W9DBO3Kd80p4W5elUg/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 Playground AI
Ask Copilot: "Using Playground AI, help me...". 10 tools available
Windsurf · IDE configuration
Advanced setup
{
"mcpServers": {
"playground-ai": {
"url": "https://edge.vinkius.com/vk_preview_CZ4iZgNPLcXoXLZeQcrF98W9DBO3Kd80p4W5elUg/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 Playground AI
Open Cascade and ask: "Using Playground AI, help me...". 10 tools available
Cline · IDE configuration
Advanced setup
{
"mcpServers": {
"playground-ai": {
"url": "https://edge.vinkius.com/vk_preview_CZ4iZgNPLcXoXLZeQcrF98W9DBO3Kd80p4W5elUg/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 Playground AI
Ask Cline: "Using Playground AI, help me...". 10 tools available
Claude Code · Terminal command
Advanced setup
claude mcp add playground-ai --transport http "https://edge.vinkius.com/vk_preview_CZ4iZgNPLcXoXLZeQcrF98W9DBO3Kd80p4W5elUg/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 Playground AI
Ask Claude: "Using Playground AI, show me...". 10 tools are ready
Where the request belongs
Work Playground AI can move forward.
This is for the creative pro who is tired of jumping between browser tabs to get assets ready. It is for people who need visual content to move at the speed of thought.
Web Developers
Creating UI placeholders and custom graphical assets on the fly while coding in Cursor or VS Code.
Concept Artists
Automating tedious tasks like background removal and iterative sketching to speed up the mood boarding process.
Creative Directors
Quickly adjusting image scale and style during high-level brainstorming sessions without opening a heavy editor.
Build the capability set
Add more capabilities.
Each Connector adds new actions and data without changing how you work.
Browse ConnectorsStability AI
Generate and edit high-quality images using Stable Diffusion models directly from your AI agent.
Midjourney AI (Generative Image Arts)
Generate professional AI art via Midjourney. use 'imagine' for text-to-image, upscale grids, and perform camera edits.
Midjourney
AI image generation. create, upscale, vary, and blend images using Midjourney's Imagine API.
Image Router
Route image generation requests to the best AI model automatically based on prompt type, style, and quality requirements.
DeepAI
Generate and edit images using AI. create art from text, remove backgrounds, colorize photos, and upscale images directly from your AI agent.
Adobe Firefly
Generate images and vectors via Adobe Firefly. perform generative fill and expand, create text effects, and remove backgrounds directly from any AI agent.
Bring your own AI
Change the model, client or framework. Keep Playground AI 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 Playground AI.
The practical details behind the request, access and result.
Can I use Playground AI to make my images bigger?
Yes, you can use this to upscale images up to 4x while keeping the details sharp. It is great for turning small web icons into large hero images.
Does this help with removing backgrounds from product photos?
Definitely. You can tell your agent to strip the background, and it will return a transparent PNG file ready for your website.
How do I expand the edges of an image?
You can use the outpainting feature to tell your agent which direction to grow the image, and it will fill in the new space with matching content.
Can I change parts of an image without changing the whole thing?
Yes, you can use inpainting. Just tell your agent which area to edit, and it will only modify that specific spot.
Is this good for web developers who need icons?
It is perfect for that. You can generate specific assets, like buttons or icons, directly through your chat and put them straight into your code.
Can I use different styles for my images?
Yes, the integration supports several models and styles, including ControlNet for specific depth and pose guidance.
Can my AI automatically remove a background and embed the image into my project?
Yes! The agent triggers the remove_background method on any public image URL. Playground internally isolates the core subject, dropping the background layers, and replies with a secure pointer URL. Your agent can instantly fetch the response string and code an `` tag placing the clean asset directly into the UI mapping you're developing.
How exactly does `outpaint_image` expand the canvas?
The capability passes the target image alongside the literal specific expansion vectors ('up', 'down', 'left', 'right') and a guiding context text. The diffusion nodes generate purely new mathematical tensor states radiating outward, predicting the lighting, shadows, and environment strictly following your prompt rules without stretching existing pixels.
Can I enforce specific structural references using ControlNet constraints?
Yes. Instead of standard generation, invoke generate_with_controlnet. You upload a scribble or an edges-only mapping layout as your source. By defining the explicit type ('canny', 'depth', 'pose', 'scribble'), the AI strictly anchors its conceptual render to those physical guiding constraints rather than randomizing spatial architecture.
One connection away
Give your agent a direct line to Playground AI.
Connect Playground AI once. Keep it beside 6,100+ managed Connectors when the next task needs more.
Explore every Connector No credit card required · Free tier available