How to Use the Dribbble MCP in Claude

Q: How do I configure Dribbble with Claude Desktop?

Open your local claudedesktopconfig.json file and add the MCP Server to your mcpServers block with your API credentials. Once you restart the desktop app, the tool icons will light up in your chat window.

Ship your design shots to Dribbble and organize your creative projects directly from the Claude Desktop chat interface.

See Vinkius in Action

Works with every AI agent you already use

…and any MCP-compatible client

MCP Servers - Free for Subscribers

Connect Dribbble MCP to Claude Desktop

Create your Vinkius account to connect Dribbble to Claude Desktop and route execution through our secure gateway. The platform manages server hosting, runtime updates, and security layers. Configuration requires no manual server provisioning.

GDPR Free for Subscribers

Setup Dribbble with Claude Desktop

Ask AI about this MCP

ChatGPT

Claude

Perplexity

Upload design assets directly from Claude Desktop

Your local files are right there on your machine, and Claude Desktop can grab them to build your portfolio. When you tell your local agent to share a design, it runs `create_shot` to push the image up to your profile instantly. If you need to add supporting assets like source files or high-res alternatives, the agent calls `create_attachment` to bind them to the post. This entire flow runs locally through the stdio transport layer of your MCP setup, keeping your raw design assets secure on your hard drive until you decide to publish.

Structure your portfolio with this MCP Server

Organizing a messy profile usually takes a dozen clicks, but this MCP Server lets you handle it through conversation. Tell the model to group your latest uploads, and it executes `create_project` to build a new collection. Moving existing work around is just as fast. The agent uses `list_projects` to find the right destination and then runs `update_shot` to file your designs into their proper folders without you ever opening a browser tab.

Manage design job postings inside your chat

Agency owners can manage talent acquisition pipelines without leaving the workspace. If you have the required partner token, your agent calls `create_job` to publish new listings directly to the design community. Keeping those listings accurate is simple too. The client retrieves active postings using `get_job` and applies quick revisions via `update_job` when your hiring requirements change mid-campaign.

Setup guide

Set up Dribbble MCP in Claude Web or Desktop

1

Open Claude Settings

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

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.
3

Start a conversation

Open a new chat. The Dribbble MCP tools are available immediately — no restart needed.

Endpoint URL

https://edge.vinkius.com/[YOUR_TOKEN_HERE]/mcp

No configuration file needed — paste the URL directly in the Claude web interface.

Available on Free (1 connector), Pro, Max, Team, and Enterprise plans.

Prerequisites

Claude Desktop installed (macOS or Windows)
Active Vinkius subscription with a valid endpoint token

1

Open Claude Desktop Settings

Click the menu icon at the top-left corner, go to Settings → Developer → Edit Config. This opens claude_desktop_config.json in your default text editor.
2

Paste the Dribbble MCP configuration

Copy the JSON snippet on the right into the mcpServers object. Replace [YOUR_TOKEN_HERE] with your endpoint token from cloud.vinkius.com.
3

Restart Claude Desktop

Close and reopen the application. Claude needs a full restart to load new MCPs — refreshing a conversation is not enough.
4

Verify the connection

Open a new conversation. Click the 🔌 icon at the bottom of the message input. You should see tools listed under dribbble-mcp.

json

{
  "mcpServers": {
    "dribbble-mcp": {
      "url": "https://edge.vinkius.com/[YOUR_TOKEN_HERE]/mcp"
    }
  }
}

Get your connection token →

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

Why Choose Vinkius

Vinkius connects your tools to AI with real-time monitoring and automatic cost savings — all from one dashboard.

Connect Dribbble now

Real-time monitoring

Live

visibility into every interaction

Connect your favorite tools to your AI and see exactly what's happening — every request, every response, in real time.

Built-in savings

60%

lower AI costs

Vinkius compresses data between your apps and your AI automatically. Lower bills every month — no configuration required.

Single dashboard

One

place for every integration

Every tool your AI connects to, managed from a single screen. One account, complete control.

Common questions about Dribbble MCP in Claude Desktop

Open your local claude_desktop_config.json file and add the MCP Server to your mcpServers block with your API credentials. Once you restart the desktop app, the tool icons will light up in your chat window.

No, the API itself does not support video uploads, so calling `create_shot` through your desktop client is strictly limited to static images. Use the web interface if you need to post video files.

Yes, you can plug the remote MCP server URL into the claude.ai integrations page to run these commands in your browser. This lets you trigger `list_user_shots` from any machine without a local installation.

The agent receives the raw API error and explains exactly what went wrong, like a missing Pro membership for attachments. You can then modify your prompt and tell the model to retry the `create_shot` call.

Your API tokens and shot metadata never pass through third-party databases because the desktop app runs the connection locally on your machine. This direct stdio communication ensures your visual assets and account keys stay under your own control.

Use it with your favorite AI tools

Connect this server to Cursor, Claude, VS Code, and more.

OpenAI Agents SDK sdk-python

Google ADK sdk-python

Pydantic AI sdk-python

Vercel AI SDK sdk-typescript