# Builder.io

```json
{
  "name": "Builder.io",
  "slug": "builder_io",
  "url": "https://composio.dev/toolkits/builder_io",
  "markdown_url": "https://composio.dev/toolkits/builder_io.md",
  "logo_url": "https://logos.composio.dev/api/builder_io",
  "categories": [
    "design & creative tools"
  ],
  "is_composio_managed": false,
  "updated_at": "2026-08-13T07:39:40.288Z"
}
```

![Builder.io logo](https://logos.composio.dev/api/builder_io)

## Description

Securely connect your AI agents and chatbots (Claude, ChatGPT, Cursor, etc) with Builder.io MCP or direct API to query content entries, update models, manage assets, and configure Spaces through natural language.

## Summary

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.

## Categories

- design & creative tools

## Toolkit Details

- Tools: 10

## Images

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

## Authentication

- **Api Key**
  - Type: `api_key`
  - Description: Api Key authentication for Builder.io.
  - Setup:
    - Configure Api Key credentials for Builder.io.
    - Use the credentials when creating an auth config in Composio.

## Suggested Prompts

- List draft Builder.io page entries
- Update homepage hero content block
- Find assets unused in Builder.io

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

## 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 Builder.io Tools via Tool Router with Your Agent

Get tools from Tool Router session and execute Builder.io actions with your Agent
```python
tools = session.tools
response = openai.responses.create(
  model='gpt-4.1',
  tools=tools,
  input=[{
    'role': 'user',
    'content': 'List all draft Builder.io page entries for the page model'
  }]
)
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: 'List all draft Builder.io page entries for the page model'
  }],
});
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 Builder.io
```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 Builder.io tools.',
    max_turns=10
)

async def main():
    async with ClaudeSDKClient(options=options) as client:
        await client.query('Find Builder.io content entries updated this week')
        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: 'Find Builder.io content entries updated this week'
  }],
  maxSteps: 5,
});

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

## Why Use Composio?

### 1. AI Native Builder.io Integration

- Supports both Builder.io MCP and direct API based integrations
- Structured, LLM-friendly schemas for reliable Builder.io tool execution
- Rich coverage for reading, writing, and querying Builder.io content, models, assets, and Space settings

### 2. Managed Auth

- Secure API key handling without hard-coding Builder.io credentials in your agent code
- Central place to manage, scope, and revoke Builder.io access
- Per user and per environment credentials so production keys stay protected

### 3. Agent Optimized Design

- Builder.io tools are shaped for AI agents, so prompts map cleanly to content and model operations
- Tools are tuned using real error and success rates to improve reliability over time
- Comprehensive execution logs so you always know what changed in Builder.io, when, and on whose behalf

### 4. Enterprise Grade Security

- Fine-grained RBAC so you control which agents and users can access Builder.io
- Scoped, least privilege access to Builder.io Spaces, content, models, and assets
- Full audit trail of agent actions to support review and compliance

## Use Builder.io with any AI Agent Framework

Choose a framework you want to connect Builder.io with:

- [ChatGPT Work](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.
- [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.
- [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.
- [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.
- [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.
- [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.
- [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.
- [Gamma](https://composio.dev/toolkits/gamma) - Gamma is an AI-powered platform for making beautiful, interactive presentations and documents. It lets anyone create and share engaging decks with minimal effort.
- [Html to image](https://composio.dev/toolkits/html_to_image) - Html to image converts HTML and CSS into images or captures web page screenshots. Instantly generate visuals from code or web content—no manual screenshots needed.
- [Imagior](https://composio.dev/toolkits/imagior) - Imagior is an AI-powered image generation platform that lets you create and customize images using dynamic templates and APIs. Perfect for businesses and creators needing fast, scalable visuals without design hassle.
- [Imejis io](https://composio.dev/toolkits/imejis_io) - Imejis io is an API-based image generation platform with powerful customization and template support. It lets you create and modify images in seconds, no manual design work required.
- [Imgix](https://composio.dev/toolkits/imgix) - Imgix is a real-time image processing and delivery service for developers. It helps you optimize, transform, and deliver images efficiently at any scale.
- [Kraken io](https://composio.dev/toolkits/kraken_io) - Kraken.io is an image optimization and compression platform. It helps you shrink image file sizes while keeping visual quality intact.
- [Logo dev](https://composio.dev/toolkits/logo_dev) - Logo.dev is an API and database for high-resolution company logos and brand metadata. Instantly fetch official logos from any domain without scraping or manual searching.

## Frequently Asked Questions

### Do I need my own developer credentials to use Builder.io with Composio?

Yes, Builder.io requires you to configure your own API key. Once set up, Composio handles secure credential storage and API request handling 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)