How to Use the Dribbble MCP in Cursor

Q: Why does Cursor fail when calling Dribbble attachment tools?

You must have a Pro or Team account to use createattachment through the editor. If your API token lacks these privileges, the editor will display a permission error.

Q: Can I manage design jobs using Cursor?

Yes, if you have a partner token, you can run createjob or updatejob directly within your coding chat. This is useful for building custom job boards that sync with your profile.

Write frontend code using real Dribbble portfolio data injected directly into your Cursor editor sessions.

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 Cursor

Create your Vinkius account to connect Dribbble to Cursor 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 Cursor

Ask AI about this MCP

ChatGPT

Claude

Perplexity

Build layouts using real Dribbble data in Cursor

Stop writing UI components with fake placeholder text and broken image links. While you are designing a portfolio layout, Cursor uses `list_user_shots` to pull your actual design feed straight into your active workspace. The editor reads the live JSON payload to generate precise CSS and HTML tailored to your real image dimensions. This means your code reflects how your actual work looks, bypassing the typical guesswork of static mockups.

Modify live portfolio items from the Cursor terminal

Developers who manage agency websites can update live content directly from their coding environment. By running `update_shot` through the editor's agent mode, you can patch descriptions or change tags without context switching. If a project gets canceled, you don't need to log into a web dashboard to clean up. Just instruct the editor to run `delete_shot` to remove the outdated asset from your profile instantly.

Keep code synchronized with this MCP Server

Maintaining a portfolio site requires keeping your local code aligned with your public profile. This MCP Server allows your workspace agent to call `list_projects` and verify that your local folder structure matches your online layout. When you create a new directory in your workspace, the agent can call `create_project` to mirror that structure on your profile. Your online presence stays organized automatically as you write your code.

Setup guide

Set up Dribbble MCP in Cursor

Prerequisites

Cursor installed (macOS, Windows, or Linux)
Active Vinkius subscription with a valid endpoint token

1

Open MCP Settings

Go to Cursor Settings → MCP or open the Command Palette (Cmd+Shift+P / Ctrl+Shift+P) and search for "MCP: Add Server".
2

Add the Dribbble MCP

Cursor will create or open .cursor/mcp.json in your project root. Paste the JSON snippet on the right. Replace [YOUR_TOKEN_HERE] with your endpoint token from cloud.vinkius.com.
3

Enable Agent mode

Open Composer (Cmd+I / Ctrl+I) and switch to Agent mode using the dropdown at the top. MCP tools are only available in Agent mode.
4

Verify the connection

Ask Cursor something like "List my recent Dribbble transactions." If the MCP tools are loaded correctly, Cursor will call the Dribbble tools automatically. You can also check Settings → MCP for a green status indicator.

.cursor/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 Cursor

Create a .cursor/mcp.json file in your project root and paste the MCP Server configuration there. Once saved, enable Agent mode in your chat panel to start querying your portfolio.

The editor can write the script to compile your local assets, but it needs your permission to execute `create_shot`. You control when the agent actually publishes a design to your profile.

You must have a Pro or Team account to use `create_attachment` through the editor. If your API token lacks these privileges, the editor will display a permission error.

Yes, if you have a partner token, you can run `create_job` or `update_job` directly within your coding chat. This is useful for building custom job boards that sync with your profile.

Your authentication tokens reside strictly in your local configuration files or environment variables. The editor never transmits these credentials to external servers, keeping your profile access restricted to your local machine.

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