How to Use the Plasmic (Visual Headless Page Builder) MCP in Claude Code

Q: How do I add this MCP Server to Claude Code?

Run the command claude mcp add --transport http plasmic -- in your terminal. Ensure all transport and configuration flags are placed before the server name.

Q: How do I verify my database counts inside Plasmic (Visual Headless Page Builder) using Claude Code?

You can run countcmsitems directly from the command line to get a quick tally of your database records. This is ideal for verifying data migrations or checking sync status during deployments.

Q: Can this tool render component HTML to my terminal?

Yes, Claude Code calls renderhtml to fetch the raw markup of any component. You can redirect this output to a local file or inspect it using standard terminal pagers.

Manage visual page builds, query CMS tables, and trigger deployments directly from your terminal with Claude Code.

See Vinkius in Action

Works with every AI agent you already use

…and any MCP-compatible client

MCP Servers — Included with Plan

Connect Plasmic (Visual Headless Page Builder) MCP to Claude Code

Create your Vinkius account to connect Plasmic (Visual Headless Page Builder) to Claude Code — we handle the hosting, security, and runtime updates so you don't have to. No server setup required.

GDPR Included with Plan

Setup Plasmic (Visual Headless Page Builder) with Claude Code

Ask AI about this MCP

ChatGPT

Claude

Perplexity Vinkius runs on Gemini

Gemini

Grok

Terminal-Based CMS Querying and Auditing

The `query_cms_items` tool pulls raw content records directly into your shell, allowing you to pipe the output into standard CLI utilities. You can grep through localized strings, count active items, or format the JSON payload on the fly. This headless workflow makes content auditing fast and scriptable. You do not need to open a web browser to check if a specific marketing banner is live; just query the database from your terminal.

Automated CI/CD Publishing Pipelines

The `publish_cms_item` tool triggers live updates to your production CDN directly from your build scripts. Claude Code integrates this tool into your deployment workflows, ensuring visual updates sync with your code releases. If a build fails, your scripts can halt the deployment before any visual changes go live. This programmatic control keeps your visual builder content perfectly synchronized with your backend system states.

Headless Layout Inspections via MCP Server

The `get_model` tool provides a complete JSON representation of your component tree directly inside your terminal session. Claude Code parses this tree to check for broken layout paths, unoptimized assets, or incorrect node hierarchies. Running this MCP server inside your terminal environment lets you automate visual quality checks. Your CLI agent inspects the layout structure, spots optimization errors, and flags them before they hit your production branch.

Setup guide

Set up Plasmic (Visual Headless Page Builder) MCP in Claude Code

Prerequisites

Claude Code CLI installed (npm install -g @anthropic-ai/claude-code)
Active Vinkius subscription with a valid endpoint token

1

Run the add command

Open your terminal and run the command shown on the right. Replace [YOUR_TOKEN_HERE] with your endpoint token from cloud.vinkius.com. Use --scope user to make it available across all projects.
2

Verify the connection

Start a Claude Code session and type /mcp to list connected servers. You should see plasmic-visual-headless-page-builder-mcp with a green status indicator.
3

Start using tools

Ask Claude Code something like "Check my latest Plasmic (Visual Headless Page Builder) transactions." It will automatically discover and invoke the available Plasmic (Visual Headless Page Builder) tools.

Terminal

claude mcp add --transport http plasmic-visual-headless-page-builder-mcp https://edge.vinkius.com/[YOUR_TOKEN_HERE]/mcp

Get your connection token →

Prerequisites

Claude Code CLI installed
Active Vinkius subscription with a valid endpoint token

1

Open the config file

Create or edit .mcp.json in your project root for project-level scope, or ~/.claude.json for user-level scope.
2

Add the Plasmic (Visual Headless Page Builder) MCP

Paste the JSON snippet shown on the right into the mcpServers object. Replace [YOUR_TOKEN_HERE] with your endpoint token from cloud.vinkius.com.
3

Restart Claude Code

Start a new Claude Code session. Type /mcp to confirm the server is connected. The tools will be automatically available in your conversation.

.mcp.json

{
  "mcpServers": {
    "plasmic-visual-headless-page-builder-mcp": {
      "type": "url",
      "url": "https://edge.vinkius.com/[YOUR_TOKEN_HERE]/mcp"
    }
  }
}

Get your connection token →

Independent Platform Disclaimer: Vinkius is an independent platform and is not affiliated with, endorsed by, sponsored by, verified by, or otherwise authorized by Plasmic. 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.

Connect Plasmic (Visual Headless Page Builder) now

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 Plasmic (Visual Headless Page Builder) MCP in Claude Code

Run the command `claude mcp add --transport http plasmic -- ` in your terminal. Ensure all transport and configuration flags are placed before the server name.

Yes, you can pipe a list of IDs to Claude Code and have it run `delete_cms_item` in a loop. It executes the deletions headlessly, providing a progress report directly in your shell.

You can run `count_cms_items` directly from the command line to get a quick tally of your database records. This is ideal for verifying data migrations or checking sync status during deployments.

Yes, Claude Code calls `render_html` to fetch the raw markup of any component. You can redirect this output to a local file or inspect it using standard terminal pagers.

The server only accesses your project layout models, HTML components, and CMS database records during active sessions. This MCP integration accesses your project layout models and routes all requests through ephemeral tokens inside an isolated V8 sandbox, preventing credentials from leaking into terminal history.

Use it with your favorite AI tools

Connect this server to Cursor, Claude, VS Code, and more.

OpenAI Agents SDK sdk-python

Google ADK sdk-python

Pydantic AI sdk-python

Vercel AI SDK sdk-typescript