How to Use the Dribbble MCP in Mastra AI

Build autonomous portfolio workflows with Mastra AI and this Dribbble MCP server.

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 Mastra AI

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

Ask AI about this MCP

ChatGPT

Claude

Perplexity

Automated shot pipelines for Mastra AI

Trigger design uploads automatically when your build finishes. Use `create_shot` within your agents to push work to the feed without manual intervention. If the initial upload fails, your Mastra AI workflow can catch the error and retry. It keeps your deployment process moving without you watching the screen.

Conditional project management in Mastra AI

Create logic that sorts your work based on tags or dates using `create_project`. Your agents handle the organization so you can focus on the next design. Use `update_project` to shift items between folders automatically. Your portfolio stays organized as your agent processes incoming creative assets.

Robust error handling for Mastra AI

Configure your agents to check existing shots with `list_user_shots` before creating new ones. It prevents duplicate uploads and keeps your Dribbble profile clean. Use `delete_shot` if your agent detects an error in the final output. You keep your public feed accurate through automated verification.

Setup guide

Set up Dribbble MCP in Mastra AI

Prerequisites

Node.js 18+ and a TypeScript project
@mastra/mcp + @mastra/core packages
Active Vinkius subscription with a valid endpoint token

1

Install dependencies
Run npm install @mastra/mcp @mastra/core plus your preferred model provider (e.g. @ai-sdk/openai).
2

Configure the MCPClient
Create an MCPClient with your Vinkius endpoint as a URL object. Replace [YOUR_TOKEN_HERE] with your token from cloud.vinkius.com.
3

Discover and inject tools
Call mcpClient.listTools() and spread the result into your agent's tools object. All Dribbble tools become native Mastra tools.
4

Run with any model
Swap openai("gpt-4o") for any AI SDK-compatible provider. Call agent.generate() and the agent routes tool calls through MCP automatically.

agent.ts

import { MCPClient } from "@mastra/mcp";
import { Agent } from "@mastra/core/agent";
import { openai } from "@ai-sdk/openai";

const mcpClient = new MCPClient({
  id: "dribbble-mcp-client",
  servers: {
    "dribbble-mcp": {
      url: new URL(
        "https://edge.vinkius.com/[YOUR_TOKEN_HERE]/mcp"
      ),
    },
  },
});

const agent = new Agent({
  name: "Dribbble Agent",
  model: openai("gpt-4o"),
  instructions: "You have access to Dribbble tools.",
  tools: {
    ...(await mcpClient.listTools()),
  },
});

const result = await agent.generate(
  "List recent Dribbble transactions"
);
console.log(result.text);

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 Mastra AI

Add the server URL to your Mastra agent configuration. You then map the tools into your agent definitions to let them interact with your account.

Yes, if you have the required partnership token. You can use `create_job` and `update_job` within your agents to manage recruitment posts at scale.

Your agent only touches the shots and projects you explicitly allow. The connection is ephemeral, and Vinkius ensures no persistent storage of your account data.

Enable requireToolApproval in your client setup. Your agent will pause before executing `create_shot` or `delete_shot` until you sign off.

Mastra handles execution, but you should limit concurrency to respect Dribbble API rate limits. Use backoff strategies in your workflow if you hit a limit.

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