Builder.io Connector for AI agents.
10 live capabilities
Manage your visual CMS and content models through natural conversation.
Waiting for input…
Why people use Builder.io
Builder.io CMS Management for Content Teams
This Connector changes that by letting you stay in your AI client. You can ask your agent to update a page or list all blog posts. You get the results immediately in your chat window without ever opening the Builder.io dashboard again.
What Vinkius changes
You get a direct command line for your visual CMS inside your AI chat.
Use it from Claude, ChatGPT, Cursor or another AI client you already have.
One account · 5,900+ Connectors
- Real-world use case 01
Updating a promo banner
A marketer needs to change a banner name.
- Real-world use case 02
Auditing content types
A developer wants to see what's in the Blog model.
- Real-world use case 03
Schema verification
A content lead wants to know if a model has a Date field.
Complete set · 10capabilities
The complete Builder.io capability set.
These are the exact actions your AI can choose when you ask it to work with Builder.io.
01—04
4 capabilities in this set.
Part of 10 available through Builder.io.
- 01 Capability
List models
List all content models in your space. It shows you every content type you have available.
- 02 Capability
Create content entry
Create a new content entry in a specific model. This lets you add new pages or blog posts instantly.
- 03 Capability
Get content entry
Get the details of a specific content entry. Use this to see the full metadata for a single item.
- 04 Capability
Get model
Get the schema and metadata for a specific content model. It helps you understand the data structure of your CMS.
05—07
3 capabilities in this set.
Part of 10 available through Builder.io.
- 05 Capability
Get space
Get the details of a specific space in your organization. This helps you navigate different site environments.
- 06 Capability
Get api usage
Retrieve your real-time API usage statistics. Use this to monitor your performance and limits.
- 07 Capability
List content
List all entries for a specific content model. This provides a quick overview of all items in a category.
08—10
3 capabilities in this set.
Part of 10 available through Builder.io.
- 08 Capability
List spaces
List all spaces in your organization. Use this to see the different environments you manage.
- 09 Capability
List symbols
List all reusable symbols in your account. This lets you see your shared components across the CMS.
- 10 Capability
Update content entry
Update an existing content entry with new data. This allows for quick edits without manual dashboard work.
Set up in minutes
One URL. Then ask Builder.io to work.
Claude and ChatGPT only need the Connector URL. Copy it once, add it in settings, and use Builder.io from the conversation.
Choose your client
Live previewAdvanced clients IDE · CLI
Claude · Web + desktop
Connector URL · ready to paste
Streamable HTTPhttps://edge.vinkius.com/vk_preview_witB1575hHv66927TkpHv8kSHJYvRgHjd4BQ09nJ/mcp - Step 01
Open Connectors
In Claude Web or Claude Desktop, open Settings and choose Connectors.
- Step 02
Add the URL
Choose Add custom connector, name it Builder.io, and paste the URL above.
- Step 03
Turn it on in chat
Select +, open Connectors, and enable Builder.io for the conversation.
ChatGPT · Web + desktop
Connector URL · ready to paste
Streamable HTTPhttps://edge.vinkius.com/vk_preview_witB1575hHv66927TkpHv8kSHJYvRgHjd4BQ09nJ/mcp - Step 01
Open MCP settings
On desktop, open Settings and MCP servers. On web, open your workspace app or connector settings.
- Step 02
Add the URL
Choose Add server with Streamable HTTP, or create a custom MCP app, then paste the Builder.io URL.
- Step 03
Save and start
Save the connection and enable Builder.io in your conversation. Desktop may ask you to restart once.
Cursor · IDE configuration
Advanced setup
{
"mcpServers": {
"builderio": {
"url": "https://edge.vinkius.com/vk_preview_witB1575hHv66927TkpHv8kSHJYvRgHjd4BQ09nJ/mcp"
}
}
} - Step 01
Open MCP Settings
Press Cmd+Shift+P (macOS) or Ctrl+Shift+P (Windows/Linux) → search "MCP Settings"
- Step 02
Add the server config
Paste the JSON configuration above into the mcp.json file that opens
- Step 03
Save the file
Cursor will automatically detect the new Connector
- Step 04
Start using Builder.io
Open Agent mode in chat and ask: "Using Builder.io, help me...". 10 tools available
VS Code Copilot · IDE configuration
Advanced setup
{
"mcpServers": {
"builderio": {
"url": "https://edge.vinkius.com/vk_preview_witB1575hHv66927TkpHv8kSHJYvRgHjd4BQ09nJ/mcp"
}
}
} - Step 01
Create MCP config
Create a .vscode/mcp.json file in your project root
- Step 02
Add the server config
Paste the JSON configuration above
- Step 03
Enable Agent mode
Open GitHub Copilot Chat and switch to Agent mode using the dropdown
- Step 04
Start using Builder.io
Ask Copilot: "Using Builder.io, help me...". 10 tools available
Windsurf · IDE configuration
Advanced setup
{
"mcpServers": {
"builderio": {
"url": "https://edge.vinkius.com/vk_preview_witB1575hHv66927TkpHv8kSHJYvRgHjd4BQ09nJ/mcp"
}
}
} - Step 01
Open MCP Settings
Go to Settings → MCP Configuration or press Cmd+Shift+P and search "MCP"
- Step 02
Add the server
Paste the JSON configuration above into mcp_config.json
- Step 03
Save and reload
Windsurf will detect the new server automatically
- Step 04
Start using Builder.io
Open Cascade and ask: "Using Builder.io, help me...". 10 tools available
Cline · IDE configuration
Advanced setup
{
"mcpServers": {
"builderio": {
"url": "https://edge.vinkius.com/vk_preview_witB1575hHv66927TkpHv8kSHJYvRgHjd4BQ09nJ/mcp"
}
}
} - Step 01
Open Cline MCP Settings
Click the Connectors icon in the Cline sidebar panel
- Step 02
Add remote server
Click "Add Connector" and paste the configuration above
- Step 03
Enable the server
Toggle the server switch to ON
- Step 04
Start using Builder.io
Ask Cline: "Using Builder.io, help me...". 10 tools available
Claude Code · Terminal command
Advanced setup
claude mcp add builderio --transport http "https://edge.vinkius.com/vk_preview_witB1575hHv66927TkpHv8kSHJYvRgHjd4BQ09nJ/mcp" - Step 01
Install Claude Code
Run npm install -g @anthropic-ai/claude-code if not already installed
- Step 02
Add the Connector
Run the command above in your terminal
- Step 03
Verify the connection
Run claude mcp to list connected servers, or type /mcp inside a session
- Step 04
Start using Builder.io
Ask Claude: "Using Builder.io, show me...". 10 tools are ready
Where the request belongs
Work Builder.io can move forward.
This is for the web developer who's tired of manual data entry and the content manager who needs to check schemas without asking an engineer for help.
Web Developer
Updates content entries and checks model schemas while staying inside their code editor.
Content Manager
Retrieves published content and monitors model schemas to ensure brand consistency.
Digital Experience Designer
Orchestrates cross-space content and monitors usage stats for large-scale sites.
Build the capability set
Add more capabilities.
Each Connector adds new actions and data without changing how you work.
Browse ConnectorsBuilder
Automate Builder.io headless CMS workflows. generate content blocks, update models, and orchestrate visual components directly from any AI agent.
Builder.io (Visual CMS)
Manage Builder.io content, assets, and models via AI. fetch entries, update data, and query GraphQL APIs directly.
Amplience
Connect your Amplience CMS to your AI agent. query hubs, pull content, edit schemas, and deploy live items easily via chat.
Contentful
Equip your AI agent to fetch, create, and manage digital content effortlessly using Contentful's headless architecture.
Zesty.io
Manage content models, items, and instances via the Zesty.io API.
Crafter CMS
Manage headless content via Crafter CMS. execute GraphQL queries, write Git-based XML content, and publish to delivery engines directly from any AI agent.
Bring your own AI
Change the model, client or framework. Keep Builder.io connected.
-
Claude -
ChatGPT -
Gemini -
Cursor -
VS Code -
Windsurf -
ZCode -
Cline -
Zed -
Continue -
Kiro -
Roo Code -
Zencoder -
Goose -
Void -
Augment Code -
Amp -
Qodo -
Tabnine -
Pieces -
Sourcegraph Cody -
JetBrains -
Warp -
Amazon Q -
Antigravity -
BoltAI -
Raycast -
Jan -
LM Studio -
AnythingLLM -
Open WebUI -
Msty -
Cherry Studio -
LibreChat -
TypingMind -
Chorus -
5ire -
n8n -
LangChain -
LlamaIndex -
CrewAI -
Vercel AI SDK
Before you connect
Questions about Builder.io.
The practical details behind the request, access and result.
Can I use the Builder.io MCP to update my website content?
Yes, you can use it to update existing entries or create new ones using natural language. It allows your agent to modify data directly in your CMS.
Does the Builder.io MCP support multiple spaces?
It lets you list and manage spaces across your entire organization. You can navigate between different environments easily.
How do I check my API limits with this Connector?
You can ask your agent to show your real-time usage statistics. This keeps you informed of your account performance.
Can my agent see my content models?
It can retrieve the full schema and metadata for any model in your space. This helps your agent understand how your data is organized.
Is this Connector for visual editing?
No, it is for managing content data and schemas through an AI agent. It is designed for data orchestration rather than layout design.
Can I use the Builder.io MCP to manage reusable symbols?
Yes, you can list all symbols in your account to see your shared components. This is great for understanding your global design system.
Can I update a content entry using the agent?
Yes! Use the update_content_entry capability with the Model name and Entry ID. You can provide a new data JSON string to modify the content fields directly from your workspace.
How do I list all the models defined in my space?
Simply ask the agent to list_models. It will retrieve all the content models (like 'page', 'header', 'announcement-bar') configured in your Builder.io account.
Does the integration allow checking API usage limits?
Yes. Use the get_api_usage capability. It will retrieve real-time statistics about your API requests, helping you monitor your performance and limits.
One connection away
Give your agent a direct line to Builder.io.
Connect Builder.io once. Keep it beside 5,900+ managed Connectors when the next task needs more.
Explore every Connector No credit card required · Free tier available