Builder.io (Visual CMS) MCP Server for VS Code CopilotGive VS Code Copilot instant access to 9 tools to Admin Graphql, Create Content, Delete Asset By Url, and more

Name: Builder.io (Visual CMS)
Price: 29 USD
Availability: InStock
Rating: 5.0 (1 reviews)
Author: Vinkius

GDPR Free for Subscribers

GitHub Copilot in VS Code is the most widely adopted AI coding assistant, embedded directly into the world's most popular code editor. With MCP support in Agent mode, Copilot can access external data and APIs to generate context-aware code grounded in real-time information.

Ask AI about this MCP Server for VS Code Copilot

Open in ChatGPT Open in Claude Open in Perplexity

The Builder.io (Visual CMS) MCP Server for VS Code Copilot is a standout in the Developer Tools category — giving your AI agent 9 tools to work with, ready to go from day one.

Built for AI Agents by Vinkius

Vinkius delivers Streamable HTTP and SSE to any MCP client

Claude

ChatGPT

Cursor

Gemini

Windsurf

VS Code

JetBrains

Vercel

+ other MCP clients

Classic Setup·json

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

RecommendedModern Approach — Zero Configuration

Vinkius Desktop App

The modern way to manage MCP Servers — no config files, no terminal commands. Install Builder.io (Visual CMS) and 4,000+ MCP Servers from a single visual interface.

Download Free Open SourceNo signup required

Fully ManagedVinkius Servers

60%Token savings

High SecurityEnterprise-grade

IAMAccess control

EU AI ActCompliant

DLPData protection

V8 IsolateSandboxed

Ed25519Audit chain

<40msKill switch

Stream every event to Splunk, Datadog, or your own webhook in real-time

* 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.

GitHub Copilot Agent mode brings Builder.io (Visual CMS) data directly into your VS Code workflow. With a project-scoped config, the entire team shares access to 9 tools. Copilot queries live data, generates typed code, and writes tests from actual API responses, all without leaving the editor.

What you can do

Content Management — Fetch entries from any model using get_content or retrieve pre-rendered HTML for components with get_html.
Write Operations — Create, update, or delete content entries programmatically using the Write API tools like create_content and update_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 VS Code Copilot 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 VS Code Copilot

When VS Code Copilot 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

Admin graphql on Builder.io (Visual CMS)

Requires Private API Key. Execute an Admin API GraphQL query/mutation

create

Create content on Builder.io (Visual CMS)

Requires Private API Key. Create a new content entry

delete

Delete asset by url on Builder.io (Visual CMS)

Delete an asset by its URL

delete

Delete content on Builder.io (Visual CMS)

Requires Private API Key. Delete a content entry

get

Get content on Builder.io (Visual CMS)

Get content from a Builder.io model

get

Get html on Builder.io (Visual CMS)

Get pre-rendered HTML for a Builder.io model

query

Query graphql on Builder.io (Visual CMS)

Query Builder.io content using GraphQL

update

Update content on Builder.io (Visual CMS)

Requires Private API Key. Update an existing content entry

upload

Upload asset on Builder.io (Visual CMS)

Requires Private API Key. Upload an asset (image, video, document)

Connect Builder.io (Visual CMS) to VS Code Copilot via MCP

Follow these steps to wire Builder.io (Visual CMS) into VS Code Copilot. The entire setup takes under two minutes — your credentials stay safe behind Vinkius.

Create MCP config

Create a .vscode/mcp.json file in your project root

Add the server config

Paste the JSON configuration above

Enable Agent mode

Open GitHub Copilot Chat and switch to Agent mode using the dropdown

Start using Builder.io (Visual CMS)

Ask Copilot: "Using Builder.io (Visual CMS), help me...". 9 tools available

Why Use VS Code Copilot with the Builder.io (Visual CMS) MCP Server

GitHub Copilot for Visual Studio Code provides unique advantages when paired with Builder.io (Visual CMS) through the Model Context Protocol.

VS Code is used by over 70% of developers. adding MCP tools to Copilot means your team can leverage external data without leaving their primary editor

Project-scoped MCP configs (`.vscode/mcp.json`) let you commit server configurations to your repository, ensuring the entire team shares the same tool access

Copilot's Agent mode integrates MCP tools seamlessly with file editing, terminal commands, and workspace search in a single agentic loop

GitHub's enterprise compliance and audit features extend to MCP tool usage, providing visibility into how AI interacts with external services

Builder.io (Visual CMS) + VS Code Copilot Use Cases

Practical scenarios where VS Code Copilot combined with the Builder.io (Visual CMS) MCP Server delivers measurable value.

Live API integration: Copilot can query an MCP server, inspect the response schema, and generate typed API client code in the same step

DevSecOps workflows: security teams can give developers access to domain intelligence tools directly in their editor for real-time vulnerability assessment during code review

Data pipeline development: Copilot fetches sample data via MCP and generates transformation scripts, validators, and test fixtures from actual API responses

Documentation generation: Copilot queries available tools and auto-generates README sections, API reference docs, and usage examples

Example Prompts for Builder.io (Visual CMS) in VS Code Copilot

Ready-to-use prompts you can give your VS Code Copilot 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 VS Code Copilot

Common issues when connecting Builder.io (Visual CMS) to VS Code Copilot through Vinkius, and how to resolve them.

MCP tools not available

Ensure you are in Agent mode in Copilot Chat. MCP tools only appear in Agent mode.

Builder.io (Visual CMS) + VS Code Copilot FAQ

Common questions about integrating Builder.io (Visual CMS) MCP Server with VS Code Copilot.

Which VS Code version supports MCP?

MCP support requires VS Code 1.99 or later with the GitHub Copilot extension. Ensure both are updated to the latest version. Older versions of Copilot may not expose the Agent mode toggle.

How do I switch to Agent mode?

Open the Copilot Chat panel and look for two mode options: "Ask" and "Agent". Click "Agent" to enable autonomous tool calling. In Ask mode, Copilot provides conversational answers but cannot invoke MCP tools.

Can I restrict which MCP tools Copilot can access?

Yes. VS Code shows a tool consent dialog before any MCP tool is invoked for the first time. You can also configure tool access policies at the organization level through GitHub Copilot settings.

Does MCP work in VS Code Remote or Codespaces?

Yes. MCP servers configured via .vscode/mcp.json work in Remote SSH, WSL, and GitHub Codespaces environments. The MCP connection is established from the remote host, so ensure the server URL is accessible from that environment.