# Dribbble

```json
{
  "name": "Dribbble",
  "slug": "dribbble",
  "url": "https://composio.dev/toolkits/dribbble",
  "markdown_url": "https://composio.dev/toolkits/dribbble.md",
  "logo_url": "https://logos.composio.dev/api/dribbble",
  "categories": [
    "design & creative tools"
  ],
  "is_composio_managed": false,
  "updated_at": "2026-09-24T05:32:56.515Z"
}
```

![Dribbble logo](https://logos.composio.dev/api/dribbble)

## Description

Securely connect your AI agents and chatbots (Claude, ChatGPT, Cursor, etc) with Dribbble MCP or direct API to manage shots, create projects, upload attachments, and post comments through natural language.

## Summary

Dribbble is a design community and publishing platform for managing shots, projects, and attachments.
Use it to showcase work, collect feedback, and organize creative designs.

## Categories

- design & creative tools

## Toolkit Details

- Tools: 12

## Images

- Logo: https://logos.composio.dev/api/dribbble

## Authentication

- **Oauth2**
  - Type: `oauth2`
  - Description: Oauth2 authentication for Dribbble.
  - Setup:
    - Configure Oauth2 credentials for Dribbble.
    - Use the credentials when creating an auth config in Composio.

## Suggested Prompts

- Upload new shot from Figma export
- Create project and add selected shots
- List all my unpublished drafts and attachments

## Supported Tools

| Tool slug | Name | Description |
|---|---|---|
| `DRIBBBLE_CREATE_PROJECT` | Create Project | Create a project for the connected Dribbble user. |
| `DRIBBBLE_CREATE_SHOT` | Create Shot | Upload an image to create a public Dribbble shot asynchronously. The connected user must be a player or team and eligible to upload shots. Returns the shot location without polling or claiming processing is complete. |
| `DRIBBBLE_DELETE_PROJECT` | Delete Project | Permanently delete a project belonging to the connected Dribbble user. Returns deletion confirmation and the provider's project fields when supplied. |
| `DRIBBBLE_DELETE_SHOT` | Delete Shot | Permanently delete a shot owned by the connected Dribbble user. This action is irreversible and returns the deleted shot ID as confirmation. |
| `DRIBBBLE_DELETE_SHOT_ATTACHMENT` | Delete Shot Attachment | Permanently delete an attachment from a shot owned by the connected Dribbble user. This action is irreversible and returns both IDs as confirmation. |
| `DRIBBBLE_GET_CURRENT_USER` | Get Current User | Return the connected Dribbble user's profile, account capabilities, teams, and shot-upload eligibility. |
| `DRIBBBLE_GET_MY_SHOT` | Get My Shot | Return one shot owned by the connected user, including its media, tags, projects, and attachments. Choose HTML or plain-text description representation. |
| `DRIBBBLE_LIST_MY_PROJECTS` | List My Projects | Return one page of projects belonging to the connected Dribbble user, with a safe cursor for the next page. |
| `DRIBBBLE_LIST_MY_SHOTS` | List My Shots | Return one page of shots owned by the connected Dribbble user, with a safe cursor and selectable HTML or plain-text description representation. |
| `DRIBBBLE_UPDATE_PROJECT` | Update Project | Update the name or description of a project belonging to the connected user. |
| `DRIBBBLE_UPDATE_SHOT` | Update Shot | Update an owned Dribbble shot's metadata and choose the HTML or plain-text description representation returned in the response. |
| `DRIBBBLE_UPLOAD_SHOT_ATTACHMENT` | Upload Shot Attachment | Upload a file attachment to an owned Dribbble shot asynchronously. This requires a Pro user, team, or team membership. A successful response only confirms acceptance; retrieve the shot later to discover the attachment ID. |

## Supported Triggers

None listed.

## Installation and MCP Setup

### Path 1: SDK Installation

#### Path 1, Step 1: Install Composio

Install the Composio SDK
```python
pip install composio_openai
```

```typescript
npm install @composio/openai
```

#### Path 1, Step 2: Initialize Composio and Create Tool Router Session

Import and initialize Composio client, then create a Tool Router session
```python
from openai import OpenAI
from composio import Composio
from composio_openai import OpenAIResponsesProvider

composio = Composio(provider=OpenAIResponsesProvider())
openai = OpenAI()
session = composio.create(user_id='your-user-id')
```

```typescript
import OpenAI from 'openai';
import { Composio } from '@composio/core';
import { OpenAIResponsesProvider } from '@composio/openai';

const composio = new Composio({
  provider: new OpenAIResponsesProvider(),
});
const openai = new OpenAI({});
const session = await composio.create('your-user-id');
```

#### Path 1, Step 3: Execute Dribbble Tools via Tool Router with Your Agent

Get tools from Tool Router session and execute Dribbble actions with your Agent
```python
tools = session.tools
response = openai.responses.create(
  model='gpt-4.1',
  tools=tools,
  input=[{
    'role': 'user',
    'content': 'YOUR_SPECIFIC_PROMPT_HERE'
  }]
)
result = composio.provider.handle_tool_calls(
  response=response,
  user_id='your-user-id'
)
print(result)
```

```typescript
const tools = session.tools;
const response = await openai.responses.create({
  model: 'gpt-4.1',
  tools: tools,
  input: [{
    role: 'user',
    content: 'YOUR_SPECIFIC_PROMPT_HERE'
  }],
});
const result = await composio.provider.handleToolCalls(
  'your-user-id',
  response.output
);
console.log(result);
```

### Path 2: MCP Server Setup

#### Path 2, Step 1: Install Composio

Install the Composio SDK for Python or TypeScript
```python
pip install composio claude-agent-sdk
```

```typescript
npm install @composio/core ai @ai-sdk/openai @ai-sdk/mcp
```

#### Path 2, Step 2: Initialize Client and Create Tool Router Session

Import and initialize the Composio client, then create a Tool Router session for Dribbble
```python
from composio import Composio
from claude_agent_sdk import ClaudeSDKClient, ClaudeAgentOptions

composio = Composio(api_key='your-composio-api-key')
session = composio.create(user_id='your-user-id')
url = session.mcp.url
```

```typescript
import { Composio } from '@composio/core';

const composio = new Composio({ apiKey: 'your-api-key' });
const session = await composio.create('your-user-id');
console.log(`Tool Router session created: ${session.mcp.url}`);
```

#### Path 2, Step 3: Connect to AI Agent

Use the MCP server with your AI agent (Anthropic Claude or Mastra)
```python
import asyncio

options = ClaudeAgentOptions(
    permission_mode='bypassPermissions',
    mcp_servers={
        'tool_router': {
            'type': 'http',
            'url': url,
            'headers': {
                'x-api-key': 'your-composio-api-key'
            }
        }
    },
    system_prompt='You are a helpful assistant with access to Dribbble tools.',
    max_turns=10
)

async def main():
    async with ClaudeSDKClient(options=options) as client:
        await client.query('YOUR_SPECIFIC_PROMPT_HERE')
        async for message in client.receive_response():
            if hasattr(message, 'content'):
                for block in message.content:
                    if hasattr(block, 'text'):
                        print(block.text)

asyncio.run(main())
```

```typescript
import { openai } from '@ai-sdk/openai';
import { experimental_createMCPClient as createMCPClient } from '@ai-sdk/mcp';
import { generateText } from 'ai';

const client = await createMCPClient({
  transport: {
    type: 'http',
    url: session.mcp.url,
    headers: {
      'x-api-key': 'your-composio-api-key',
    },
  },
});

const tools = await client.tools();
const { text } = await generateText({
  model: openai('gpt-4o'),
  tools,
  messages: [{
    role: 'user',
    content: 'YOUR_SPECIFIC_PROMPT_HERE'
  }],
  maxSteps: 5,
});

console.log(`Agent: ${text}`);
```

## Why Use Composio?

### 1. AI Native Dribbble Integration

- Supports both Dribbble MCP and direct API based integrations
- Structured, LLM-friendly schemas for reliable tool execution
- Rich coverage for reading, writing, and querying your Dribbble data

### 2. Managed Auth

- Built-in OAuth handling with automatic token refresh and rotation
- Central place to manage, scope, and revoke Dribbble access
- Per user and per environment credentials instead of hard-coded keys

### 3. Agent Optimized Design

- Tools are tuned using real error and success rates to improve reliability over time
- Comprehensive execution logs so you always know what ran, when, and on whose behalf

### 4. Enterprise Grade Security

- Fine-grained RBAC so you control which agents and users can access Dribbble
- Scoped, least privilege access to Dribbble resources
- Full audit trail of agent actions to support review and compliance

## Use Dribbble with any AI Agent Framework

Choose a framework you want to connect Dribbble with:

- [ChatGPT](https://composio.dev/toolkits/dribbble/framework/chatgpt)
- [Claude Cowork](https://composio.dev/toolkits/dribbble/framework/claude-cowork)
- [Hermes](https://composio.dev/toolkits/dribbble/framework/hermes-agent)
- [Atomic Agent](https://composio.dev/toolkits/dribbble/framework/atomic-agent)

## Related Toolkits

- [Figma](https://composio.dev/toolkits/figma) - Figma is a collaborative interface design tool for teams and individuals. It streamlines design workflows with real-time collaboration and easy sharing.
- [Abyssale](https://composio.dev/toolkits/abyssale) - Abyssale is a creative automation platform for generating images, videos, GIFs, PDFs, and HTML5 content programmatically. It streamlines and scales visual content production for marketing, design, and operations teams.
- [Alttext ai](https://composio.dev/toolkits/alttext_ai) - AltText.ai is a service that generates alt text for images automatically. It helps boost accessibility and SEO for your visual content.
- [Are.na](https://composio.dev/toolkits/arena) - Are.na is a creative research platform for collecting images, links, notes, and ideas in channels. Use it to organize inspiration, build knowledge maps, and connect research across projects.
- [Bannerbear](https://composio.dev/toolkits/bannerbear) - Bannerbear is an API-driven platform for generating images and videos automatically at scale. It helps businesses create custom graphics, social visuals, and marketing assets using powerful templates.
- [Bannerbite](https://composio.dev/toolkits/bannerbite) - Bannerbite is a creative automation platform for generating images and videos from reusable projects and templates. It helps teams produce on-brand visual assets faster without rebuilding designs from scratch.
- [Builder.io](https://composio.dev/toolkits/builder_io) - Builder.io is a visual development platform for managing content, models, assets, and Space configuration. Use it to ship editable digital experiences faster without waiting on every code change.
- [Canva](https://composio.dev/toolkits/canva) - Canva is a drag-and-drop design suite for creating professional graphics, presentations, and marketing materials. It makes it easy for anyone to design with beautiful templates and a vast library of elements.
- [Canva MCP](https://composio.dev/toolkits/canva_mcp) - Canva MCP is Canva's remote MCP server for accessing designs and content. It centralizes design assets and enables programmatic design workflows.
- [Claid ai](https://composio.dev/toolkits/claid_ai) - Claid.ai delivers AI-driven image editing APIs for tasks like background removal, upscaling, and color correction. It helps automate and enhance image workflows with powerful, developer-friendly tools.
- [Cloudinary](https://composio.dev/toolkits/cloudinary) - Cloudinary is a cloud-based platform for managing, uploading, and transforming images and videos. It streamlines media workflows and delivers optimized assets globally.
- [Contentdrips](https://composio.dev/toolkits/contentdrips) - Contentdrips is an asynchronous rendering API for branded graphics and carousels. It turns reusable templates into on-brand social visuals at scale.
- [Creatomate](https://composio.dev/toolkits/creatomate) - Creatomate is an API for generating automated videos, images, GIFs, and reusable media templates. Use it to turn structured data into polished visual content at scale.
- [Cults](https://composio.dev/toolkits/cults) - Cults is a digital marketplace for 3D printing models, connecting designers and makers. It lets creators share, sell, and discover a huge variety of printable designs easily.
- [DeepImage](https://composio.dev/toolkits/deepimage) - DeepImage is an AI-powered image enhancer and upscaler. Get higher-quality images with just a few clicks.
- [Dreamstudio](https://composio.dev/toolkits/dreamstudio) - DreamStudio is Stability AI’s platform for generating and editing images with AI. It lets you easily turn ideas into stunning visuals, fast.
- [Dynamic Mockups](https://composio.dev/toolkits/dynamic_mockups) - Dynamic Mockups is an API platform for generating product mockups, rendering templates, and managing visual asset catalogs. Use it to automate high-quality product visuals, AI images, and motion assets at scale.
- [Dynapictures](https://composio.dev/toolkits/dynapictures) - Dynapictures is a cloud-based platform for generating personalized images at scale. Instantly create hundreds of custom visuals using your data sources, like Google Sheets.
- [Eraser MCP](https://composio.dev/toolkits/eraser_mcp) - Eraser MCP is a workspace for creating and managing technical diagrams and structured documents. It helps teams organize, version, and export diagrams with collaboration-focused tooling.
- [Excalidraw MCP](https://composio.dev/toolkits/excalidraw_mcp) - Excalidraw MCP is a no-auth MCP server for creating hand-drawn style diagrams in Excalidraw. Use it to generate visual sketches with viewport camera control and fullscreen editing.

## Frequently Asked Questions

### Do I need my own developer credentials to use Dribbble with Composio?

Yes, Dribbble requires you to configure your own OAuth credentials. Once set up, Composio handles token storage, refresh, and lifecycle management for you.

### Can I use multiple toolkits together?

Yes! Composio's Tool Router enables agents to use multiple toolkits. [Learn more](https://docs.composio.dev/tool-router/overview).

### Is Composio secure?

Composio is SOC 2 and ISO 27001 compliant with all data encrypted in transit and at rest. [Learn more](https://trust.composio.dev).

### What if the API changes?

Composio maintains and updates all toolkit integrations automatically, so your agents always work with the latest API versions.

---
[See all toolkits](https://composio.dev/toolkits) · [Composio docs](https://docs.composio.dev/llms.txt)