Dribbble Connector for AI agents.
15 live capabilities
Manage your design portfolio and creative projects with natural language.
Waiting for input…
Why people use Dribbble
Dribbble Portfolio Management for Design Teams
With this Connector, you just tell your agent to put the new UI kit on your profile. It handles the upload and organization in the background, so you can stay inside your code editor or design capability.
What Vinkius changes
You can manage your entire creative portfolio through natural conversation.
Use it from Claude, ChatGPT, Cursor or another AI client you already have.
One account · 5,900+ Connectors
- Real-world use case 01
Updating a new UI kit
A designer finishes a kit and asks their agent to use `create_shot` to put it on Dribbble immediately.
- Real-world use case 02
Organizing a rebranding project
A director asks the agent to use `create_project` to group all new branding assets into one folder.
- Real-world use case 03
Verifying public profile info
A freelancer asks the agent to use `get_user` to see if their bio and team links are still correct.
Complete set · 15capabilities
The complete Dribbble capability set.
These are the exact actions your AI can choose when you ask it to work with Dribbble.
01—04
4 capabilities in this set.
Part of 15 available through Dribbble.
- 01 Capability
Create shot
Upload a new shot to your Dribbble profile. Use this to quickly add new work to your public gallery.
- 02 Capability
Delete attachment
Remove a high-resolution attachment from a shot. This helps keep your portfolio clean and organized.
- 03 Capability
Delete shot
Remove a specific shot from your profile. This is useful for taking down outdated work or private drafts.
- 04 Capability
Get job
Show the details of a specific job. Use this to quickly review contract information or job status.
05—08
4 capabilities in this set.
Part of 15 available through Dribbble.
- 05 Capability
Get shot
Retrieve the details for a specific shot. This helps you check metadata or specific shot information.
- 06 Capability
Get user
Get your authenticated user details. Use this to verify your bio and team associations are correct.
- 07 Capability
List projects
List all projects on your profile. This gives you a clear overview of your organized creative work.
- 08 Capability
List user shots
List all shots for your account. Use this to see every piece of work currently live on your profile.
09—12
4 capabilities in this set.
Part of 15 available through Dribbble.
- 09 Capability
Create job
Create a new job entry. Use this to log new contracts or professional work milestones.
- 10 Capability
Create project
Create a new project on your profile. This allows you to group related shots into a new category.
- 11 Capability
Delete project
Delete a project from your portfolio. Use this to remove old work categories you no longer want displayed.
- 12 Capability
Create attachment
Create an attachment for a shot. This is for Pro and Team members who need to host high-res files.
13—15
3 capabilities in this set.
Part of 15 available through Dribbble.
- 13 Capability
Update job
Update the details of a job. Use this to keep your work history and contract info accurate.
- 14 Capability
Update project
Update an existing project. Use this to change names or descriptions of your work categories.
- 15 Capability
Update shot
Update an existing shot. Use this to edit the details of work you have already published.
Set up in minutes
One URL. Then ask Dribbble to work.
Claude and ChatGPT only need the Connector URL. Copy it once, add it in settings, and use Dribbble 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_2knvObD8URmHj495MkXsy9WNrabPkGUyJEAYWaoa/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 Dribbble, and paste the URL above.
- Step 03
Turn it on in chat
Select +, open Connectors, and enable Dribbble for the conversation.
ChatGPT · Web + desktop
Connector URL · ready to paste
Streamable HTTPhttps://edge.vinkius.com/vk_preview_2knvObD8URmHj495MkXsy9WNrabPkGUyJEAYWaoa/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 Dribbble URL.
- Step 03
Save and start
Save the connection and enable Dribbble in your conversation. Desktop may ask you to restart once.
Cursor · IDE configuration
Advanced setup
{
"mcpServers": {
"dribbble": {
"url": "https://edge.vinkius.com/vk_preview_2knvObD8URmHj495MkXsy9WNrabPkGUyJEAYWaoa/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 Dribbble
Open Agent mode in chat and ask: "Using Dribbble, help me...". 15 tools available
VS Code Copilot · IDE configuration
Advanced setup
{
"mcpServers": {
"dribbble": {
"url": "https://edge.vinkius.com/vk_preview_2knvObD8URmHj495MkXsy9WNrabPkGUyJEAYWaoa/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 Dribbble
Ask Copilot: "Using Dribbble, help me...". 15 tools available
Windsurf · IDE configuration
Advanced setup
{
"mcpServers": {
"dribbble": {
"url": "https://edge.vinkius.com/vk_preview_2knvObD8URmHj495MkXsy9WNrabPkGUyJEAYWaoa/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 Dribbble
Open Cascade and ask: "Using Dribbble, help me...". 15 tools available
Cline · IDE configuration
Advanced setup
{
"mcpServers": {
"dribbble": {
"url": "https://edge.vinkius.com/vk_preview_2knvObD8URmHj495MkXsy9WNrabPkGUyJEAYWaoa/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 Dribbble
Ask Cline: "Using Dribbble, help me...". 15 tools available
Claude Code · Terminal command
Advanced setup
claude mcp add dribbble --transport http "https://edge.vinkius.com/vk_preview_2knvObD8URmHj495MkXsy9WNrabPkGUyJEAYWaoa/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 Dribbble
Ask Claude: "Using Dribbble, show me...". 15 tools are ready
Where the request belongs
Work Dribbble can move forward.
This is for designers and creative leads who hate the friction of manual portfolio updates. It is for the professional who wants their public-facing work to stay current without the chore of constant manual uploads.
UI/UX Designer
Updates shots and adds attachments to projects as they finish new designs on a Tuesday afternoon.
Creative Director
Manages team projects and reviews portfolio status via natural language commands.
Marketing Manager
Pulls assets and metadata quickly to plan social media campaigns and brand updates.
Build the capability set
Add more capabilities.
Each Connector adds new actions and data without changing how you work.
Browse ConnectorsNiftyImages
Manage personalized images and dynamic content via NiftyImages. track images, widgets, and countdown timers directly from your AI agent.
Pics.io
Organize and share creative assets with a digital asset management platform that tags, searches, and delivers files fast.
Design Pickle
Equip your AI agent to manage graphic design requests, track brand profiles, and monitor your production queue via the Design Pickle API.
Pixso
Collaborative design platform and UI/UX capability. manage design files, nodes, and teams via AI.
Cincopa
Manage video and media galleries via Cincopa. track assets, trigger uploads, and monitor engagement directly from any AI agent.
Swiftfox
Generate product mockups and marketing visuals instantly with AI that places your designs on real-world backgrounds.
Bring your own AI
Change the model, client or framework. Keep Dribbble 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 Dribbble.
The practical details behind the request, access and result.
How do I update my Dribbble portfolio using an AI agent?
You can do this by connecting your Dribbble account to your agent through Vinkius. Once connected, you just tell the agent what shots to upload or which projects to organize.
Can I use the Dribbble MCP to manage my job listings?
Yes, this Connector includes capabilities to create and update job-related data. It helps you keep your professional work history organized and accurate.
Does the Dribbble MCP work for high-resolution attachments?
If you have a Pro or Team membership, you can use this Connector to add and remove high-resolution attachments for your shots.
Can I delete old shots from my Dribbble profile with this?
Yes, you can tell your agent to remove specific shots or entire projects from your profile to keep your portfolio clean.
Is it possible to update my bio through the Dribbble MCP?
You can use the Connector to check your current profile details, including your bio and team associations, to ensure your public info is accurate.
How do I get started with Dribbble portfolio management?
Just subscribe to the Connector on Vinkius and provide your Personal Access Token. From there, you can start managing your creative assets via your preferred AI client.
Can I upload a new design to Dribbble using this capability?
Yes! Use the create_shot capability. You can provide an image URL or file data, along with a title and description, to publish a new shot to your profile instantly.
How do I organize my work into different collections?
You can use the create_project and list_projects capabilities to manage your Dribbble projects, allowing you to categorize your shots and keep your portfolio organized.
Is it possible to add high-resolution files to my shots?
Yes, if you have a Pro or Team account, you can use the create_attachment capability to add files (up to 10MB) to any of your existing shots.
One connection away
Give your agent a direct line to Dribbble.
Connect Dribbble once. Keep it beside 5,900+ managed Connectors when the next task needs more.
Explore every Connector No credit card required · Free tier available