# How to integrate Dribbble MCP with Atomic Agent

```json
{
  "title": "How to integrate Dribbble MCP with Atomic Agent",
  "toolkit": "Dribbble",
  "toolkit_slug": "dribbble",
  "framework": "Atomic Agent",
  "framework_slug": "atomic-agent",
  "url": "https://composio.dev/toolkits/dribbble/framework/atomic-agent",
  "markdown_url": "https://composio.dev/toolkits/dribbble/framework/atomic-agent.md",
  "updated_at": "2026-09-24T05:32:56.515Z"
}
```

## Introduction

Atomic Agent is an open-source AI agent that runs on your machine and supports local models through llama.cpp. Connect it to 1,500+ apps through Composio, including Dribbble.
This guide uses Atomic Agent's built-in Composio integration. You need Atomic Agent v0.5.6 or later, your own Composio API key, and a Dribbble account. See the [Atomic Agent documentation](https://atomicagent.io/docs/?cta_placement=atomic-agent-docs) for installation instructions.

## Also integrate 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)

## TL;DR

### How Atomic Agent connects to Dribbble
Atomic Agent connects to Composio's Tool Router over Streamable HTTP MCP. It discovers the tools needed for your request, and Composio handles account authentication.
Execution and account-connection tools follow Atomic Agent's configured approval policy. Review any approval prompt before allowing an action on your connected account.

## Connect Dribbble to Atomic Agent

### Connect Dribbble to Atomic Agent
- Sign up or sign in to the [Composio dashboard](https://dashboard.composio.dev/?cta_placement=atomic-agent-api-key). Copy your API key.
- In Atomic Agent, open the Integrations tab and select Composio. Select API key, press e, paste the key, and press Enter. The tools become available immediately, without a restart.
- Ask Atomic Agent to do something in Dribbble. It searches Composio for the right tool.
- On first use, open the sign-in link returned in the chat. Connect your Dribbble account, then return to Atomic Agent to continue.
### Headless setup
Add the following line to ~/.atomic-agent/.env, replacing YOUR_COMPOSIO_API_KEY with your key. Start Atomic Agent after saving the file.

```bash
COMPOSIO_API_KEY=YOUR_COMPOSIO_API_KEY
```

## What is the Dribbble MCP server, and what's possible with it?

The Dribbble MCP server is an implementation of the Model Context Protocol that connects your AI agent and assistants like Claude, Cursor, etc directly to your Dribbble account. It provides structured and secure access so your agent can perform Dribbble operations on your behalf.

## 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.

## Troubleshooting

### Why is my API key rejected?

Copy the key directly from the Composio dashboard. Atomic Agent requires ASCII characters because it sends the key in an HTTP header. Remove any extra characters introduced when copying.

### Why are Composio tools unavailable after saving a key?

Check that you use Atomic Agent v0.5.6 or later and that Composio is enabled in your configuration. A "composio": { "enabled": false } setting disables the integration while keeping the saved key on disk.

### Does Composio have a free plan?

The Hobby plan includes 100,000 tool calls per month. Composio-managed OAuth apps have a lower included allowance. See [Composio pricing](/pricing) for the current limits that apply to your connection.

## Complete Code

None listed.

## Conclusion

### Use Dribbble from Atomic Agent
With your account connected, ask Atomic Agent to work with Dribbble in natural language. You can connect more apps through the same Composio integration as you need them.
Visit the [Atomic Agent website](https://atomicagent.io/?cta_placement=atomic-agent-site) or inspect the [Atomic Agent source code](https://github.com/AtomicBot-ai/atomic-agent?cta_placement=atomic-agent-repo).

## How to build Dribbble MCP Agent with another framework

- [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)

## 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

### What are the differences in Tool Router MCP and Dribbble MCP?

With a standalone Dribbble MCP server, the agents and LLMs can only access a fixed set of Dribbble tools tied to that server. However, with the Composio Tool Router, agents can dynamically load tools from Dribbble and many other apps based on the task at hand, all through a single MCP endpoint.

### Can I use Tool Router MCP with Atomic Agent?

Yes, you can. Atomic Agent fully supports MCP integration. You get structured tool calling, message history handling, and model orchestration while Tool Router takes care of discovering and serving the right Dribbble tools.

### Can I manage the permissions and scopes for Dribbble while using Tool Router?

Yes, absolutely. You can configure which Dribbble scopes and actions are allowed when connecting your account to Composio. You can also bring your own OAuth credentials or API configuration so you keep full control over what the agent can do.

### How safe is my data with Composio Tool Router?

All sensitive data such as tokens, keys, and configuration is fully encrypted at rest and in transit. Composio is SOC 2 Type 2 compliant and follows strict security practices so your Dribbble data and credentials are handled as safely as possible.

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