How to Use the Builder.io (Visual CMS) MCP in Google ADK
Connect Gemini models to your Builder.io (Visual CMS) using the Google ADK to analyze and edit layout data at scale.
Works with every AI agent you already use
…and any MCP-compatible client
Connect Builder.io (Visual CMS) MCP to Google ADK
Create your Vinkius account to connect Builder.io (Visual CMS) to Google ADK and route execution through our secure gateway. The platform manages server hosting, runtime updates, and security layers. Configuration requires no manual server provisioning.
Feed visual CMS schemas into Google ADK
`query_graphql` lets your Gemini models analyze massive amounts of CMS layout data at once using this MCP Server. Because the Google ADK integrates with high-capacity context windows, you can pass entire schemas and content models directly to the agent. The agent processes your Builder.io structure alongside corporate data from BigQuery. This allows the model to make informed decisions about what content to update.
Bulk content edits and asset uploads
`create_content` and `upload_asset` tools let your Google Cloud agents build new pages programmatically. The agent uploads media files and structures new document entries without manual intervention. You can restrict which tools are exposed by passing a `tool_names` filter to your `McpToolset` configuration. This keeps your production environment safe from unauthorized modifications.
Direct HTML inspection for layout control
`get_html` fetches the raw pre-rendered code of your visual components. Your Gemini agent reads this markup to understand the exact structure of your web pages. If a layout looks broken, the agent can run `update_content` to fix the underlying JSON. This closes the loop between layout analysis and content generation.
Set up Builder.io (Visual CMS) MCP in Google ADK
Prerequisites
- Python 3.10+ installed
-
google-adkpackage (pip install google-adk) - Active Vinkius subscription with a valid endpoint token
- 1
Install Google ADK
Run
pip install google-adkto install the Agent Development Kit. MCP support is included via theMcpToolsetclass. - 2
Connect via SSE transport
Use
McpToolset.from_server()withSseServerParamspointing to your Vinkius endpoint. Replace[YOUR_TOKEN_HERE]with your token from cloud.vinkius.com. - 3
Create an LlmAgent
Pass the returned
mcp_toolslist directly toLlmAgent(tools=mcp_tools). The ADK maps each MCP tool to a native Gemini function call — no manual schema definitions required. - 4
Run with any Gemini model
The agent works with any Gemini model (
gemini-2.0-flash,gemini-2.5-pro, etc.). Copy the full example on the right to get started with Builder.io (Visual CMS) tools in your ADK agent.
from google.adk.agents import LlmAgent
from google.adk.tools.mcp_tool.mcp_toolset import McpToolset
from google.adk.tools.mcp_tool.mcp_session_manager import SseServerParams
# Connect to the MCP via SSE
mcp_tools, exit_stack = await McpToolset.from_server(
connection_params=SseServerParams(
url="https://edge.vinkius.com/[YOUR_TOKEN_HERE]/mcp"
)
)
# Create your agent with auto-discovered tools
agent = LlmAgent(
name="Builder.io (Visual CMS)_agent",
model="gemini-2.0-flash",
instruction="You have access to Builder.io (Visual CMS) tools via MCP.",
tools=mcp_tools,
) 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.
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 (Visual CMS) MCP in Google ADK
Use it with your favorite AI tools
Connect this server to Cursor, Claude, VS Code, and more.
Start using the Builder.io (Visual CMS) MCP today
We host it, we monitor it, we maintain it. You just paste one token.