Dribbble MCP Server for Vercel AI SDKGive Vercel AI SDK instant access to 15 tools to Create Attachment, Create Job, Create Project, and more

Name: Dribbble
Price: 29 USD
Availability: InStock
Rating: 5.0 (1 reviews)
Author: Vinkius

GDPR Free for Subscribers

The Vercel AI SDK is the TypeScript toolkit for building AI-powered applications. Connect Dribbble through Vinkius and every tool is available as a typed function. ready for React Server Components, API routes, or any Node.js backend.

Ask AI about this MCP Server for Vercel AI SDK

Open in ChatGPT Open in Claude Open in Perplexity

The Dribbble MCP Server for Vercel AI SDK is a standout in the Productivity category — giving your AI agent 15 tools to work with, ready to go from day one.

Built for AI Agents by Vinkius

Vinkius delivers Streamable HTTP and SSE to any MCP client

Claude

ChatGPT

Cursor

Gemini

Windsurf

VS Code

JetBrains

Vercel

+ other MCP clients

typescript

import { createMCPClient } from "@ai-sdk/mcp";
import { generateText } from "ai";
import { openai } from "@ai-sdk/openai";

async function main() {
  const mcpClient = await createMCPClient({
    transport: {
      type: "http",
      // Your Vinkius token. get it at cloud.vinkius.com
      url: "https://edge.vinkius.com/[YOUR_TOKEN_HERE]/mcp",
    },
  });

  try {
    const tools = await mcpClient.tools();
    const { text } = await generateText({
      model: openai("gpt-4o"),
      tools,
      prompt: "Using Dribbble, list all available capabilities.",
    });
    console.log(text);
  } finally {
    await mcpClient.close();
  }
}

main();

Fully ManagedVinkius Servers

60%Token savings

High SecurityEnterprise-grade

IAMAccess control

EU AI ActCompliant

DLPData protection

V8 IsolateSandboxed

Ed25519Audit chain

<40msKill switch

Stream every event to Splunk, Datadog, or your own webhook in real-time

* Every MCP server runs on Vinkius-managed infrastructure inside AWS - a purpose-built runtime with per-request V8 isolates, Ed25519 signed audit chains, and sub-40ms cold starts optimized for native MCP execution. See our infrastructure

About Dribbble MCP Server

Connect your Dribbble account to any AI agent to streamline your creative workflow and portfolio management through natural conversation.

The Vercel AI SDK gives every Dribbble tool full TypeScript type inference, IDE autocomplete, and compile-time error checking. Connect 15 tools through Vinkius and stream results progressively to React, Svelte, or Vue components. works on Edge Functions, Cloudflare Workers, and any Node.js runtime.

What you can do

Shot Management — List, retrieve, create, update, and delete shots using list_user_shots, get_shot, create_shot, update_shot, and delete_shot to keep your portfolio fresh.
Project Organization — Create and manage projects with create_project, list_projects, and update_project to categorize your creative work effectively.
Profile Insights — Access your authenticated user details, bio, and team associations via get_user.
Attachments — Add or remove high-resolution attachments for your shots using create_attachment and delete_attachment (requires Pro/Team membership).
Job Tracking — Manage job-related data and updates directly through create_job, update_job, and get_job tools.

The Dribbble MCP Server exposes 15 tools through the Vinkius. Connect it to Vercel AI SDK in under two minutes — credentials fully managed, no infrastructure to provision, no vendor lock-in. Your configuration, your data, your control.

All 15 Dribbble tools available for Vercel AI SDK

When Vercel AI SDK connects to Dribbble through Vinkius, your AI agent gets direct access to every tool listed below — spanning portfolio-management, creative-workflow, design-showcase, and more. Every call runs in a secure, isolated environment with full audit visibility. Beyond a simple connection, you get real-time monitoring of agent activity, enterprise governance, and optimized token usage.

create

Create attachment on Dribbble

Requires upload scope and Pro/Team membership. Create an attachment for a shot

create

Create job on Dribbble

Note: Requires a special token. Contact Dribbble for partnership. Create a job

create

Create project on Dribbble

Create a new project

create

Create shot on Dribbble

Requires upload scope. Note: Video shot creation is not supported via API. Create a new shot

delete

Delete attachment on Dribbble

Requires upload scope. Delete an attachment

delete

Delete project on Dribbble

Delete a project

delete

Delete shot on Dribbble

Requires upload scope. Delete a shot

get

Get job on Dribbble

Note: Requires a special token. Show a job

get

Get shot on Dribbble

Get a specific shot

get

Get user on Dribbble

Get the authenticated user

list

List projects on Dribbble

List projects

list

List user shots on Dribbble

List the authenticated user’s shots

update

Update job on Dribbble

Note: Requires a special token. Update a job

update

Update project on Dribbble

Update a project

update

Update shot on Dribbble

Requires upload scope. Update an existing shot

Connect Dribbble to Vercel AI SDK via MCP

Follow these steps to wire Dribbble into Vercel AI SDK. The entire setup takes under two minutes — your credentials stay safe behind Vinkius.

Install dependencies

Run npm install @ai-sdk/mcp ai @ai-sdk/openai

Replace the token

Replace [YOUR_TOKEN_HERE] with your Vinkius token

Run the script

Save to agent.ts and run with npx tsx agent.ts

Explore tools

The SDK discovers 15 tools from Dribbble and passes them to the LLM

Why Use Vercel AI SDK with the Dribbble MCP Server

Vercel AI SDK provides unique advantages when paired with Dribbble through the Model Context Protocol.

TypeScript-first: every MCP tool gets full type inference, IDE autocomplete, and compile-time error checking out of the box

Framework-agnostic core works with Next.js, Nuxt, SvelteKit, or any Node.js runtime. same Dribbble integration everywhere

Built-in streaming UI primitives let you display Dribbble tool results progressively in React, Svelte, or Vue components

Edge-compatible: the AI SDK runs on Vercel Edge Functions, Cloudflare Workers, and other edge runtimes for minimal latency

Dribbble + Vercel AI SDK Use Cases

Practical scenarios where Vercel AI SDK combined with the Dribbble MCP Server delivers measurable value.

AI-powered web apps: build dashboards that query Dribbble in real-time and stream results to the UI with zero loading states

API backends: create serverless endpoints that orchestrate Dribbble tools and return structured JSON responses to any frontend

Chatbots with tool use: embed Dribbble capabilities into conversational interfaces with streaming responses and tool call visibility

Internal tools: build admin panels where team members interact with Dribbble through natural language queries

Example Prompts for Dribbble in Vercel AI SDK

Ready-to-use prompts you can give your Vercel AI SDK agent to start working with Dribbble immediately.

"Retrieve my Dribbble profile information."

"List the shots I have currently published."

"Create a new project called 'Brand Identity 2024'."

Troubleshooting Dribbble MCP Server with Vercel AI SDK

Common issues when connecting Dribbble to Vercel AI SDK through Vinkius, and how to resolve them.

createMCPClient is not a function

Install: npm install @ai-sdk/mcp

Dribbble + Vercel AI SDK FAQ

Common questions about integrating Dribbble MCP Server with Vercel AI SDK.

How does the Vercel AI SDK connect to MCP servers?

Import createMCPClient from @ai-sdk/mcp and pass the server URL. The SDK discovers all tools and provides typed TypeScript interfaces for each one.

Can I use MCP tools in Edge Functions?

Yes. The AI SDK is fully edge-compatible. MCP connections work on Vercel Edge Functions, Cloudflare Workers, and similar runtimes.

Does it support streaming tool results?

Yes. The SDK provides streaming primitives like useChat and streamText that handle tool calls and display results progressively in the UI.

Explore More MCP Servers

View all →

UniProt

3 tools

Search 250M+ protein sequences with functional annotations, gene names, subcellular locations, and amino acid data from the world's most comprehensive protein knowledge base.