Builder.io (Visual CMS) MCP Server for Vercel AI SDKGive Vercel AI SDK instant access to 9 tools to Admin Graphql, Create Content, Delete Asset By Url, and more
GDPR Free for SubscribersThe Vercel AI SDK is the TypeScript toolkit for building AI-powered applications. Connect Builder.io (Visual CMS) through Vinkius and every tool is available as a typed function. ready for React Server Components, API routes, or any Node.js backend.
Ask AI about this MCP Server for Vercel AI SDK
The Builder.io (Visual CMS) MCP Server for Vercel AI SDK is a standout in the Developer Tools category — giving your AI agent 9 tools to work with, ready to go from day one.
Vinkius delivers Streamable HTTP and SSE to any MCP client
Geminiimport { createMCPClient } from "@ai-sdk/mcp";
import { generateText } from "ai";
import { openai } from "@ai-sdk/openai";
async function main() {
const mcpClient = await createMCPClient({
transport: {
type: "http",
// Your Vinkius token. get it at cloud.vinkius.com
url: "https://edge.vinkius.com/[YOUR_TOKEN_HERE]/mcp",
},
});
try {
const tools = await mcpClient.tools();
const { text } = await generateText({
model: openai("gpt-4o"),
tools,
prompt: "Using Builder.io (Visual CMS), list all available capabilities.",
});
console.log(text);
} finally {
await mcpClient.close();
}
}
main();
* Every MCP server runs on Vinkius-managed infrastructure inside AWS - a purpose-built runtime with per-request V8 isolates, Ed25519 signed audit chains, and sub-40ms cold starts optimized for native MCP execution. See our infrastructure
About Builder.io (Visual CMS) MCP Server
Connect your Builder.io space to any AI agent and take full control of your visual CMS and headless content through natural conversation.
The Vercel AI SDK gives every Builder.io (Visual CMS) tool full TypeScript type inference, IDE autocomplete, and compile-time error checking. Connect 9 tools through Vinkius and stream results progressively to React, Svelte, or Vue components. works on Edge Functions, Cloudflare Workers, and any Node.js runtime.
What you can do
- Content Management — Fetch entries from any model using
get_contentor retrieve pre-rendered HTML for components withget_html. - Write Operations — Create, update, or delete content entries programmatically using the Write API tools like
create_contentandupdate_content. - Advanced Querying — Execute complex GraphQL queries against the Content API or perform administrative tasks using
admin_graphql. - Asset Handling — Upload new media assets or remove existing ones by URL to maintain your digital asset library.
- Targeting & Personalization — Use user attributes and MongoDB-style queries to fetch specific content variants.
The Builder.io (Visual CMS) MCP Server exposes 9 tools through the Vinkius. Connect it to Vercel AI SDK in under two minutes — credentials fully managed, no infrastructure to provision, no vendor lock-in. Your configuration, your data, your control.
All 9 Builder.io (Visual CMS) tools available for Vercel AI SDK
When Vercel AI SDK connects to Builder.io (Visual CMS) through Vinkius, your AI agent gets direct access to every tool listed below — spanning visual-cms, graphql, content-api, and more. Every call runs in a secure, isolated environment with full audit visibility. Beyond a simple connection, you get real-time monitoring of agent activity, enterprise governance, and optimized token usage.
Admin graphql on Builder.io (Visual CMS)
Requires Private API Key. Execute an Admin API GraphQL query/mutation
Create content on Builder.io (Visual CMS)
Requires Private API Key. Create a new content entry
Delete asset by url on Builder.io (Visual CMS)
Delete an asset by its URL
Delete content on Builder.io (Visual CMS)
Requires Private API Key. Delete a content entry
Get content on Builder.io (Visual CMS)
Get content from a Builder.io model
Get html on Builder.io (Visual CMS)
Get pre-rendered HTML for a Builder.io model
Query graphql on Builder.io (Visual CMS)
Query Builder.io content using GraphQL
Update content on Builder.io (Visual CMS)
Requires Private API Key. Update an existing content entry
Upload asset on Builder.io (Visual CMS)
Requires Private API Key. Upload an asset (image, video, document)
Connect Builder.io (Visual CMS) to Vercel AI SDK via MCP
Follow these steps to wire Builder.io (Visual CMS) into Vercel AI SDK. The entire setup takes under two minutes — your credentials stay safe behind Vinkius.
Install dependencies
npm install @ai-sdk/mcp ai @ai-sdk/openaiReplace the token
[YOUR_TOKEN_HERE] with your Vinkius tokenRun the script
agent.ts and run with npx tsx agent.tsExplore tools
Why Use Vercel AI SDK with the Builder.io (Visual CMS) MCP Server
Vercel AI SDK provides unique advantages when paired with Builder.io (Visual CMS) through the Model Context Protocol.
TypeScript-first: every MCP tool gets full type inference, IDE autocomplete, and compile-time error checking out of the box
Framework-agnostic core works with Next.js, Nuxt, SvelteKit, or any Node.js runtime. same Builder.io (Visual CMS) integration everywhere
Built-in streaming UI primitives let you display Builder.io (Visual CMS) tool results progressively in React, Svelte, or Vue components
Edge-compatible: the AI SDK runs on Vercel Edge Functions, Cloudflare Workers, and other edge runtimes for minimal latency
Builder.io (Visual CMS) + Vercel AI SDK Use Cases
Practical scenarios where Vercel AI SDK combined with the Builder.io (Visual CMS) MCP Server delivers measurable value.
AI-powered web apps: build dashboards that query Builder.io (Visual CMS) in real-time and stream results to the UI with zero loading states
API backends: create serverless endpoints that orchestrate Builder.io (Visual CMS) tools and return structured JSON responses to any frontend
Chatbots with tool use: embed Builder.io (Visual CMS) capabilities into conversational interfaces with streaming responses and tool call visibility
Internal tools: build admin panels where team members interact with Builder.io (Visual CMS) through natural language queries
Example Prompts for Builder.io (Visual CMS) in Vercel AI SDK
Ready-to-use prompts you can give your Vercel AI SDK agent to start working with Builder.io (Visual CMS) immediately.
"Fetch the latest 5 entries from the 'page' model in Builder.io."
"Update the 'announcement-bar' entry with ID 'entry-888' to change the text to 'Sale ends tonight!'."
"Upload this image URL to my Builder assets: https://example.com/hero.jpg"
Troubleshooting Builder.io (Visual CMS) MCP Server with Vercel AI SDK
Common issues when connecting Builder.io (Visual CMS) to Vercel AI SDK through Vinkius, and how to resolve them.
createMCPClient is not a function
npm install @ai-sdk/mcpBuilder.io (Visual CMS) + Vercel AI SDK FAQ
Common questions about integrating Builder.io (Visual CMS) MCP Server with Vercel AI SDK.
How does the Vercel AI SDK connect to MCP servers?
createMCPClient from @ai-sdk/mcp and pass the server URL. The SDK discovers all tools and provides typed TypeScript interfaces for each one.Can I use MCP tools in Edge Functions?
Does it support streaming tool results?
useChat and streamText that handle tool calls and display results progressively in the UI.Explore More MCP Servers
View all →
TransportAPI Alternative
12 toolsUK public transport intelligence — live departures, journey planning, train fares, timetables, and postcode-based station search via AI.
FreeClimb
12 toolsBuild programmable voice and SMS workflows via AI agents with FreeClimb.
Pando
11 toolsShare large files and folders securely with clients using branded transfer portals and download analytics for creative teams.
Watershed Climate
16 toolsAutomate carbon measurement and reporting via Watershed — manage inventories, upload emissions data, and track reduction targets directly from any AI agent.