Plasmic (Visual Headless Page Builder) Connector for AI agents.
9 live capabilities
Manage headless page structures and CMS content through natural conversation.
Waiting for input…
Why people use Plasmic (Visual Headless Page Builder)
Manage Plasmic CMS Data and Projects Without Leaving Your Editor
This Connector removes that friction. You can just ask your AI client to count the items, fetch the page list, or even trigger a publish. It turns your chat interface into a command center for your web projects, keeping you in your flow and out of the browser.
What Vinkius changes
You get a direct command line for your visual page builder without leaving your AI chat.
Use it from Claude, ChatGPT, Cursor or another AI client you already have.
One account · 5,900+ Connectors
- Real-world use case 01
Auditing page routes
A developer needs to know the page routes for a new site and asks the agent to fetch the page list for a specific project ID.
- Real-world use case 02
Verifying content status
A content manager wants to check if a blog post is live and asks the agent to check the status of a specific CMS item.
- Real-world use case 03
Inspecting component output
A designer wants to see the HTML output of a complex component and asks the agent to render the HTML for that specific part.
Complete set · 9capabilities
The complete Plasmic (Visual Headless Page Builder) capability set.
These are the exact actions your AI can choose when you ask it to work with Plasmic (Visual Headless Page Builder).
01—03
3 capabilities in this set.
Part of 9 available through Plasmic (Visual Headless Page Builder).
- 01 Capability
Get model
Pull the JSON representation of your project's element tree. It gives your AI a clear map of your page structure.
- 02 Capability
Publish cms item
Push a draft CMS record to live. This allows for quick content updates without manual clicks.
- 03 Capability
Query cms items
Fetch specific records from your CMS database. Use this to retrieve data for your AI to analyze or summarize.
04—06
3 capabilities in this set.
Part of 9 available through Plasmic (Visual Headless Page Builder).
- 04 Capability
Count cms items
Check the number of entries in a specific CMS table. This helps you quickly audit your data volume without opening the dashboard.
- 05 Capability
Create cms item
Add a new record to your CMS database. You can do this via chat to quickly populate content.
- 06 Capability
Delete cms item
Remove a specific entry from your CMS. This makes cleaning up old data much faster.
07—09
3 capabilities in this set.
Part of 9 available through Plasmic (Visual Headless Page Builder).
- 07 Capability
Render html
Get the generated HTML for a specific component. This is useful for checking how a component will actually look.
- 08 Capability
Update cms item
Modify an existing record in your CMS. You can update content fields through a simple chat command.
- 09 Capability
Update project
Change project settings or configurations programmatically. This lets you manage project-level data at scale.
Set up in minutes
One URL. Then ask Plasmic (Visual Headless Page Builder) to work.
Claude and ChatGPT only need the Connector URL. Copy it once, add it in settings, and use Plasmic (Visual Headless Page Builder) 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_3sKdf5JGlcT8ZlPYWT5zfXjfJKOMYRYhuIjG3Rng/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 Plasmic (Visual Headless Page Builder), and paste the URL above.
- Step 03
Turn it on in chat
Select +, open Connectors, and enable Plasmic (Visual Headless Page Builder) for the conversation.
ChatGPT · Web + desktop
Connector URL · ready to paste
Streamable HTTPhttps://edge.vinkius.com/vk_preview_3sKdf5JGlcT8ZlPYWT5zfXjfJKOMYRYhuIjG3Rng/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 Plasmic (Visual Headless Page Builder) URL.
- Step 03
Save and start
Save the connection and enable Plasmic (Visual Headless Page Builder) in your conversation. Desktop may ask you to restart once.
Cursor · IDE configuration
Advanced setup
{
"mcpServers": {
"plasmic-visual-headless-page-builder": {
"url": "https://edge.vinkius.com/vk_preview_3sKdf5JGlcT8ZlPYWT5zfXjfJKOMYRYhuIjG3Rng/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 Plasmic (Visual Headless Page Builder)
Open Agent mode in chat and ask: "Using Plasmic (Visual Headless Page Builder), help me...". 9 tools available
VS Code Copilot · IDE configuration
Advanced setup
{
"mcpServers": {
"plasmic-visual-headless-page-builder": {
"url": "https://edge.vinkius.com/vk_preview_3sKdf5JGlcT8ZlPYWT5zfXjfJKOMYRYhuIjG3Rng/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 Plasmic (Visual Headless Page Builder)
Ask Copilot: "Using Plasmic (Visual Headless Page Builder), help me...". 9 tools available
Windsurf · IDE configuration
Advanced setup
{
"mcpServers": {
"plasmic-visual-headless-page-builder": {
"url": "https://edge.vinkius.com/vk_preview_3sKdf5JGlcT8ZlPYWT5zfXjfJKOMYRYhuIjG3Rng/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 Plasmic (Visual Headless Page Builder)
Open Cascade and ask: "Using Plasmic (Visual Headless Page Builder), help me...". 9 tools available
Cline · IDE configuration
Advanced setup
{
"mcpServers": {
"plasmic-visual-headless-page-builder": {
"url": "https://edge.vinkius.com/vk_preview_3sKdf5JGlcT8ZlPYWT5zfXjfJKOMYRYhuIjG3Rng/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 Plasmic (Visual Headless Page Builder)
Ask Cline: "Using Plasmic (Visual Headless Page Builder), help me...". 9 tools available
Claude Code · Terminal command
Advanced setup
claude mcp add plasmic-visual-headless-page-builder --transport http "https://edge.vinkius.com/vk_preview_3sKdf5JGlcT8ZlPYWT5zfXjfJKOMYRYhuIjG3Rng/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 Plasmic (Visual Headless Page Builder)
Ask Claude: "Using Plasmic (Visual Headless Page Builder), show me...". 9 tools are ready
Where the request belongs
Work Plasmic can move forward.
This is for the web developer who's tired of clicking through dashboards to find IDs, the content manager who needs to update data quickly, and the designer who wants to audit site structures at scale.
Frontend Developers
They use this to quickly check page routing or trigger builds while they're deep in their IDE.
Content Managers
They use this to verify CMS counts or publish updates using natural language prompts instead of navigating complex menus.
Web Designers
They use this to audit page inventories and project versions across multiple sites simultaneously.
Build the capability set
Add more capabilities.
Each Connector adds new actions and data without changing how you work.
Browse ConnectorsMakeswift
Build stunning Next.js websites with a visual editor that lets marketers update pages without touching code or deployments.
Builder.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.
Webflow
Manage Webflow sites, CMS collections, pages, and assets directly from your AI agent.
Framer
Equip your AI agent with direct access to Framer. manage CMS collections, sync content, and publish site changes without opening the Framer editor.
Builder.io (Visual CMS)
Manage Builder.io content, assets, and models via AI. fetch entries, update data, and query GraphQL APIs directly.
Bring your own AI
Change the model, client or framework. Keep Plasmic 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 Plasmic.
The practical details behind the request, access and result.
Can I use the Plasmic MCP to manage my headless CMS?
Yes, you can use it to create, update, delete, and count items in your CMS tables. It makes managing content much faster by letting you use natural language instead of clicking through a dashboard.
Does this Connector work with the Plasmic visual builder?
It connects directly to your Plasmic projects, allowing your AI client to see your page structures and project configurations.
How do I trigger a project publish using the AI?
You can simply ask your agent to publish a specific project or a draft CMS item. The Connector handles the connection to the Plasmic API to make it happen instantly.
Can my AI agent see my site's page structure?
Yes, by using the project model capability, your agent can pull a JSON representation of your element tree to understand how your pages are organized.
Is this Connector good for developers?
It's great for devs who want to automate repetitive tasks like checking page lists or updating project metadata without leaving their code editor.
Will this help me manage multiple Plasmic projects?
Absolutely. You can list all your projects at once and then tell your AI which one you want to inspect or update.
Can I list all my Plasmic projects to find a specific Project ID?
Yes! Use the list_projects capability. Your agent will return a list of all projects associated with your credentials, including their names and unique IDs.
How do I see which pages are currently built inside a project?
Simply ask the agent to run get_project_pages with the target Project ID. It will list all pages, their paths, and basic metadata.
Is it possible to publish my changes to production using the AI?
Yes. By using the publish_project capability, you can trigger a new publish for a specific project ID, making your visual changes live immediately.
One connection away
Give your agent a direct line to Plasmic.
Connect Plasmic once. Keep it beside 5,900+ managed Connectors when the next task needs more.
Explore every Connector No credit card required · Free tier available