# How to integrate Builder.io MCP with Atomic Agent

```json
{
  "title": "How to integrate Builder.io MCP with Atomic Agent",
  "toolkit": "Builder.io",
  "toolkit_slug": "builder_io",
  "framework": "Atomic Agent",
  "framework_slug": "atomic-agent",
  "url": "https://composio.dev/toolkits/builder_io/framework/atomic-agent",
  "markdown_url": "https://composio.dev/toolkits/builder_io/framework/atomic-agent.md",
  "updated_at": "2026-08-13T07:39:40.288Z"
}
```

## 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 Builder.io.
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 Builder.io account. See the [Atomic Agent documentation](https://atomicagent.io/docs/?cta_placement=atomic-agent-docs) for installation instructions.

## Also integrate Builder.io with

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

## TL;DR

### How Atomic Agent connects to Builder.io
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 Builder.io to Atomic Agent

### Connect Builder.io 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 Builder.io. It searches Composio for the right tool.
- On first use, open the sign-in link returned in the chat. Connect your Builder.io 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 Builder.io MCP server, and what's possible with it?

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

## Supported Tools

| Tool slug | Name | Description |
|---|---|---|
| `BUILDER_IO_CREATE_CONTENT_ENTRY` | Create Content Entry | Create a draft, published, or archived entry in an existing Builder.io model. New entries default to draft and trigger configured webhooks unless trigger_webhooks is false. |
| `BUILDER_IO_DELETE_CONTENT_ENTRY` | Delete Content Entry | Delete one Builder.io content entry by model name and entry ID. Builder's Content API is CDN-cached, so reads may briefly return stale content after a successful deletion. Configured webhooks run unless trigger_webhooks is false. |
| `BUILDER_IO_GET_CONTENT_ENTRY` | Get Content Entry | Retrieve one content entry by model name and entry ID from the connected Builder.io Space. Set cachebust only for a one-off freshness check because normal Content API reads use Builder's CDN cache. |
| `BUILDER_IO_GET_SPACE_DETAILS` | Get Space Details | Return the authenticated Builder.io Space ID and its read-only settings. |
| `BUILDER_IO_LIST_ASSETS` | List Assets | List, filter, and sort assets in the connected Builder.io Space without modifying the Asset Library. Returns one offset-controlled page at a time. |
| `BUILDER_IO_LIST_CONTENT_ENTRIES` | List Content Entries | List and filter content entries from any model in the connected Builder.io Space, one offset-controlled page at a time. |
| `BUILDER_IO_LIST_CONTENT_FOLDERS` | List Content Folders | List the content folders configured in the connected Builder.io Space. |
| `BUILDER_IO_LIST_MODELS` | List Models | List the content models in the connected Builder.io Space, optionally including each model's field schema for content discovery. |
| `BUILDER_IO_LIST_SPACE_USERS` | List Space Users | List users and roles with access to the connected Builder.io Space. |
| `BUILDER_IO_UPDATE_CONTENT_ENTRY` | Update Content Entry | Partially update an existing Builder.io content entry. Omitted top-level fields remain unchanged, but a supplied data object replaces the existing data object rather than recursively merging with it. Configured webhooks run unless trigger_webhooks is false. |

## 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 Builder.io from Atomic Agent
With your account connected, ask Atomic Agent to work with Builder.io 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 Builder.io MCP Agent with another framework

- [ChatGPT](https://composio.dev/toolkits/builder_io/framework/chatgpt)
- [Claude Cowork](https://composio.dev/toolkits/builder_io/framework/claude-cowork)
- [Hermes](https://composio.dev/toolkits/builder_io/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.
- [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.
- [Fal.ai](https://composio.dev/toolkits/fal_ai) - Fal.ai is a generative media platform offering 600+ AI models for images, video, voice, and audio. Developers use Fal.ai for fast, scalable access to cutting-edge generative AI tools.

## Frequently Asked Questions

### What are the differences in Tool Router MCP and Builder.io MCP?

With a standalone Builder.io MCP server, the agents and LLMs can only access a fixed set of Builder.io tools tied to that server. However, with the Composio Tool Router, agents can dynamically load tools from Builder.io 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 Builder.io tools.

### Can I manage the permissions and scopes for Builder.io while using Tool Router?

Yes, absolutely. You can configure which Builder.io 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 Builder.io data and credentials are handled as safely as possible.

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