How to Use the Builder.io MCP in Claude

Q: How do I configure Builder.io with Claude Desktop?

Open your claudedesktopconfig.json file and add the Builder.io server under your mcpServers block. Give it your API key, restart the app, and you will see the tools ready to use.

Q: Can Claude Desktop create new entries in my Builder.io spaces?

Yes. The agent uses the createcontententry tool to generate fresh drafts or live pages based on your instructions. You just tell the chat what content to write, and it executes the API call.

Q: Can I inspect reusable symbols inside Claude Desktop?

Yes, the listsymbols tool lets Claude Desktop query your global UI blocks. Your agent can read their structures to help you build consistent pages.

Edit your Builder.io visual CMS pages and spaces directly from Claude Desktop without leaving your chat window.

See Vinkius in Action

Works with every AI agent you already use

…and any MCP-compatible client

MCP Servers - Free for Subscribers

Connect Builder.io MCP to Claude Desktop

Create your Vinkius account to connect Builder.io to Claude Desktop and route execution through our secure gateway. The platform manages server hosting, runtime updates, and security layers. Configuration requires no manual server provisioning.

GDPR Free for Subscribers

Setup Builder.io with Claude Desktop

Ask AI about this MCP

ChatGPT

Claude

Perplexity

Manage Builder.io content inside Claude Desktop

The `get_content_entry` tool lets your agent pull your actual Builder.io JSON structures straight into your local Claude Desktop app. You don't have to bounce back and forth between browser tabs just to see what field values are currently live. When you need to push updates, `update_content_entry` handles the payload delivery directly from your chat prompt. This local MCP Server connection keeps your visual CMS updates fast and securely tied to your desktop environment.

Map your visual CMS models using this MCP Server

Your agent calls `list_models` and `get_model` to map out your Builder.io data schemas in real-time. This means Claude Desktop understands your exact content structures before you write a single line of layout code. If you manage multiple environments, `list_spaces` and `get_space` let you switch context instantly without hunting for API keys. Your agent keeps track of which space is active so you never push a staging schema into production.

Query reusable Builder.io symbols in Claude Desktop

The `list_symbols` tool exposes your global visual blocks so Claude Desktop can reuse them across different pages. You avoid duplicating components because your agent checks what already exists in your library. Tracking performance is just as straightforward since `get_api_usage` monitors your rate limits as you build. This keeps your local development flow inside Claude Desktop safe from sudden API throttling.

Setup guide

Set up Builder.io MCP in Claude Web or Desktop

1

Open Claude Settings

Go to claude.ai, click your profile icon, then navigate to Customize → Connectors.
2

Add Custom Connector

Click the "+" button and select Add custom connector. Paste your Vinkius endpoint URL: https://edge.vinkius.com/[YOUR_TOKEN_HERE]/mcp Replace [YOUR_TOKEN_HERE] with your token from cloud.vinkius.com. For OAuth-protected servers, expand Advanced settings to add credentials.
3

Start a conversation

Open a new chat. The Builder.io MCP tools are available immediately — no restart needed.

Endpoint URL

https://edge.vinkius.com/[YOUR_TOKEN_HERE]/mcp

No configuration file needed — paste the URL directly in the Claude web interface.

Available on Free (1 connector), Pro, Max, Team, and Enterprise plans.

Prerequisites

Claude Desktop installed (macOS or Windows)
Active Vinkius subscription with a valid endpoint token

1

Open Claude Desktop Settings

Click the menu icon at the top-left corner, go to Settings → Developer → Edit Config. This opens claude_desktop_config.json in your default text editor.
2

Paste the Builder.io MCP configuration

Copy the JSON snippet on the right into the mcpServers object. Replace [YOUR_TOKEN_HERE] with your endpoint token from cloud.vinkius.com.
3

Restart Claude Desktop

Close and reopen the application. Claude needs a full restart to load new MCPs — refreshing a conversation is not enough.
4

Verify the connection

Open a new conversation. Click the 🔌 icon at the bottom of the message input. You should see tools listed under builderio-mcp.

json

{
  "mcpServers": {
    "builderio-mcp": {
      "url": "https://edge.vinkius.com/[YOUR_TOKEN_HERE]/mcp"
    }
  }
}

Get your connection token →

Independent Platform Disclaimer: Vinkius is an independent platform and is not affiliated with, endorsed by, sponsored by, verified by, or otherwise authorized by Builder.io. All third-party trademarks, logos, and brand names are the property of their respective owners. Their use on this website is strictly for informational purposes to identify service compatibility and interoperability.

Why Choose Vinkius

Vinkius connects your tools to AI with real-time monitoring and automatic cost savings — all from one dashboard.

Connect Builder.io now

Real-time monitoring

Live

visibility into every interaction

Connect your favorite tools to your AI and see exactly what's happening — every request, every response, in real time.

Built-in savings

60%

lower AI costs

Vinkius compresses data between your apps and your AI automatically. Lower bills every month — no configuration required.

Single dashboard

One

place for every integration

Every tool your AI connects to, managed from a single screen. One account, complete control.

Common questions about Builder.io MCP in Claude Desktop

Open your `claude_desktop_config.json` file and add the Builder.io server under your `mcpServers` block. Give it your API key, restart the app, and you will see the tools ready to use.

Yes. The agent uses the `create_content_entry` tool to generate fresh drafts or live pages based on your instructions. You just tell the chat what content to write, and it executes the API call.

This usually happens if your API key lacks permissions for the specific space you want to access. Double-check that your environment variables match the space returned by the `list_spaces` tool.

Yes, the `list_symbols` tool lets Claude Desktop query your global UI blocks. Your agent can read their structures to help you build consistent pages.

Your API keys and CMS payloads stay local to your machine. This MCP Server processes your Builder.io content entries and space metadata inside an isolated V8 sandbox, meaning your raw CMS draft data is never stored on external servers.

Use it with your favorite AI tools

Connect this server to Cursor, Claude, VS Code, and more.

OpenAI Agents SDK sdk-python

Google ADK sdk-python

Pydantic AI sdk-python

Vercel AI SDK sdk-typescript