Builder.io (Visual CMS) Connector for AI agents.
9 live capabilities
Manage your headless content and media assets through natural conversation.
Waiting for input…
Why people use Builder.io (Visual CMS)
Builder.io (Visual CMS) for Automated Content Management
With this Connector, that workflow disappears. You just tell your agent what needs to change. It handles the API calls to `update_content` or `create_content` for you. You get to stay in your flow while the agent handles the heavy lifting of the CMS backend.
What Vinkius changes
You get a direct conversational bridge to your CMS data.
Use it from Claude, ChatGPT, Cursor or another AI client you already have.
One account · 5,900+ Connectors
- Real-world use case 01
Bulk Text Updates
A content manager needs to change a sale date on 50 different pages.
- Real-world use case 02
SEO Audit
A marketing lead wants to see how a component renders.
- Real-world use case 03
Rapid Asset Management
A dev needs to add 10 images to a gallery.
Complete set · 9capabilities
The complete Builder.io (Visual CMS) capability set.
These are the exact actions your AI can choose when you ask it to work with Builder.io (Visual CMS).
01—03
3 capabilities in this set.
Part of 9 available through Builder.io (Visual CMS).
- 01 Capability
Create content
Create a new content entry in your Builder.io space. This is useful for adding new pages or components via your agent.
- 02 Capability
Delete content
Delete a specific content entry from a model. Use this to quickly clean up outdated content from your CMS.
- 03 Capability
Get content
Get content from a Builder.io model. This lets your agent pull the latest data for your frontend components.
04—06
3 capabilities in this set.
Part of 9 available through Builder.io (Visual CMS).
- 04 Capability
Get html
Get pre-rendered HTML for a Builder.io model. Use this to verify how your content actually looks in the browser.
- 05 Capability
Query graphql
Query Builder.io content using GraphQL. This lets you perform complex data fetches that go beyond standard models.
- 06 Capability
Update content
Update an existing content entry. This is the primary way to modify live site text or data through your agent.
07—09
3 capabilities in this set.
Part of 9 available through Builder.io (Visual CMS).
- 07 Capability
Upload asset
Upload an asset like an image or video. This lets you populate your media library without manual uploads.
- 08 Capability
Admin graphql
Execute an Admin API GraphQL query or mutation. Use this for high-level administrative tasks and complex updates.
- 09 Capability
Delete asset by url
Delete an asset by its URL. This makes it easy to remove specific media items from your library.
Set up in minutes
One URL. Then ask Builder.io (Visual CMS) to work.
Claude and ChatGPT only need the Connector URL. Copy it once, add it in settings, and use Builder.io (Visual CMS) 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_BaHSKC3ZETZTkdvXPuAkkFjYR9nD48mwy05iFJqw/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 (Visual CMS), and paste the URL above.
- Step 03
Turn it on in chat
Select +, open Connectors, and enable Builder.io (Visual CMS) for the conversation.
ChatGPT · Web + desktop
Connector URL · ready to paste
Streamable HTTPhttps://edge.vinkius.com/vk_preview_BaHSKC3ZETZTkdvXPuAkkFjYR9nD48mwy05iFJqw/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 (Visual CMS) URL.
- Step 03
Save and start
Save the connection and enable Builder.io (Visual CMS) in your conversation. Desktop may ask you to restart once.
Cursor · IDE configuration
Advanced setup
{
"mcpServers": {
"builderio-visual-cms": {
"url": "https://edge.vinkius.com/vk_preview_BaHSKC3ZETZTkdvXPuAkkFjYR9nD48mwy05iFJqw/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 (Visual CMS)
Open Agent mode in chat and ask: "Using Builder.io (Visual CMS), help me...". 9 tools available
VS Code Copilot · IDE configuration
Advanced setup
{
"mcpServers": {
"builderio-visual-cms": {
"url": "https://edge.vinkius.com/vk_preview_BaHSKC3ZETZTkdvXPuAkkFjYR9nD48mwy05iFJqw/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 (Visual CMS)
Ask Copilot: "Using Builder.io (Visual CMS), help me...". 9 tools available
Windsurf · IDE configuration
Advanced setup
{
"mcpServers": {
"builderio-visual-cms": {
"url": "https://edge.vinkius.com/vk_preview_BaHSKC3ZETZTkdvXPuAkkFjYR9nD48mwy05iFJqw/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 (Visual CMS)
Open Cascade and ask: "Using Builder.io (Visual CMS), help me...". 9 tools available
Cline · IDE configuration
Advanced setup
{
"mcpServers": {
"builderio-visual-cms": {
"url": "https://edge.vinkius.com/vk_preview_BaHSKC3ZETZTkdvXPuAkkFjYR9nD48mwy05iFJqw/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 (Visual CMS)
Ask Cline: "Using Builder.io (Visual CMS), help me...". 9 tools available
Claude Code · Terminal command
Advanced setup
claude mcp add builderio-visual-cms --transport http "https://edge.vinkius.com/vk_preview_BaHSKC3ZETZTkdvXPuAkkFjYR9nD48mwy05iFJqw/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 (Visual CMS)
Ask Claude: "Using Builder.io (Visual CMS), show me...". 9 tools are ready
Where the request belongs
Work Builder.io can move forward.
The developer who hates context switching, the content manager overwhelmed by manual updates, and the marketing lead who needs to verify SEO outputs without clicking through five different pages.
Frontend Developer
Updates CMS content directly from the IDE to see how it maps to components without refreshing a browser tab.
Content Manager
Performs bulk content migrations or updates using natural language instead of manual entry in the dashboard.
SEO Specialist
Inspects pre-rendered HTML and targeting rules to ensure search visibility and correct metadata.
Build the capability set
Add more capabilities.
Each Connector adds new actions and data without changing how you work.
Browse ConnectorsBuilder.io
Manage your visual CMS via Builder.io. track content entries, models, and symbols directly from any AI agent.
Builder
Automate Builder.io headless CMS workflows. generate content blocks, update models, and orchestrate visual components directly from any AI agent.
Contentful
Equip your AI agent to fetch, create, and manage digital content effortlessly using Contentful's headless architecture.
Amplience
Connect your Amplience CMS to your AI agent. query hubs, pull content, edit schemas, and deploy live items easily via chat.
Contentstack
Manage headless CMS via Contentstack. list and create entries, audit content types, handle media assets, and publish to environments directly from any AI agent.
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 Builder.io (Visual CMS) to manage my content without leaving my code editor?
Yes. This Connector connects your CMS to your AI client, allowing you to fetch, create, and update content directly through your chat or IDE interface.
How does Builder.io (Visual CMS) help with bulk content updates?
You can give your agent natural language instructions to update multiple entries at once. It handles the repetitive work of modifying each record for you.
Can I upload images to my CMS using this Connector?
Yes. You can provide an image or video URL to your agent, and it will use the Connector to upload that asset directly into your Builder.io media library.
Will Builder.io (Visual CMS) help me check my SEO HTML?
It can. You can ask your agent to retrieve the pre-rendered HTML for any component, making it easy to verify that your tags and content are rendering correctly.
Can I use it to fetch specific content based on user roles?
Yes. This Connector supports querying content variants based on user attributes, allowing you to manage personalized content experiences easily.
Is it possible to delete old assets from my library?
Yes. You can ask your agent to remove specific media assets from your library by providing their URLs, helping you keep your media library clean.
Can I fetch pre-rendered HTML for my components instead of raw JSON?
Yes! Use the get_html capability. It returns pre-rendered HTML for a specific model and URL, which is perfect for quick inspections or server-side integrations.
Do I need a Private API Key to use this server?
A Public Key is required for all read operations (get_content, query_graphql). However, a Private Key is mandatory for write operations like create_content, update_content, or admin_graphql.
Can I perform administrative tasks like managing Spaces or Models?
Yes, the admin_graphql capability allows you to execute administrative queries and mutations against the Builder Admin API, provided you have supplied a Private API Key.
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