How to Use the Dribbble MCP in VS Code Copilot

Q: Can VS Code Copilot delete my Dribbble assets?

Yes, the agent can call deleteshot if you instruct it to, but it will always ask for your explicit confirmation before executing the deletion. This prevents accidental loss of your portfolio work.

Q: Can I use VS Code Copilot to fetch another user's Dribbble profile?

The getuser tool only retrieves data for the authenticated account associated with your API token. You cannot use it to scrape profiles of external designers.

Share and organize your team's design assets on Dribbble directly from your VS Code Copilot chat window.

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 VS Code Copilot

Create your Vinkius account to connect Dribbble to VS Code Copilot 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 VS Code Copilot

Ask AI about this MCP

ChatGPT

Claude

Perplexity

Share team assets using this VS Code Copilot MCP Server

Engineering teams can automate their design-to-production handoff within their primary workspace. When a developer builds a new asset, they can use VS Code Copilot to run `create_shot` and publish it directly to the team profile. This setup lets you attach source files to the post by executing `create_attachment` in the same step. There is no need to jump between design tools and browsers when the entire upload pipeline runs inside your editor.

Organize collective work directly from your workspace

Keeping a team profile tidy requires constant curation of shared galleries. Your editor can list your active collections using `list_projects` to determine where new work belongs over the MCP connection. Once the target is identified, the agent calls `update_project` to rename folders or adjust descriptions. This ensures your public galleries stay structured without requiring manual web admin work from your designers.

Coordinate hiring pipelines inside your editor

Technical recruiters can manage active search campaigns without leaving their development environment. Using `get_job`, Copilot pulls your current listings directly into your editor panel for review. If a role is filled or requirements change, the agent executes `update_job` to refresh the listing. This keeps your hiring pipeline accurate while you focus on writing code.

Setup guide

Set up Dribbble MCP in VS Code Copilot

Prerequisites

VS Code 1.99 or later with GitHub Copilot extension
Active Vinkius subscription with a valid endpoint token

1

Open MCP configuration

Open the Command Palette (Cmd+Shift+P / Ctrl+Shift+P) and run "MCP: Add Server". Select HTTP (Streamable) as the server type. VS Code will create .vscode/mcp.json in your workspace.
2

Add the Dribbble MCP

Paste the JSON snippet shown on the right into your .vscode/mcp.json. Replace [YOUR_TOKEN_HERE] with your endpoint token from cloud.vinkius.com.
3

Switch to Agent mode

Open Copilot Chat (Cmd+Shift+I / Ctrl+Shift+I) and switch to Agent mode using the dropdown. MCP tools are only available in Agent mode — they do not appear in Edit or Ask modes.
4

Verify the connection

In the Copilot Chat input, type # to list available tools. You should see the Dribbble tools listed. Try asking: "List my recent Dribbble transactions" and Copilot will invoke them automatically.

.vscode/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 VS Code Copilot

Save your MCP Server settings in a .vscode/mcp.json file and commit it to your Git repository. Every developer on your team who pulls the repo will instantly gain access to the tools.

Yes, the agent can call `delete_shot` if you instruct it to, but it will always ask for your explicit confirmation before executing the deletion. This prevents accidental loss of your portfolio work.

You need an API token with the write/upload scope to run commands like `create_shot`. Without these permissions, the editor will return an unauthorized error.

The `get_user` tool only retrieves data for the authenticated account associated with your API token. You cannot use it to scrape profiles of external designers.

The editor processes your shot metadata and project details locally, adhering to standard enterprise security protocols. No raw design assets or API tokens are cached on external servers during the execution of these tools.

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