How to Use the ButterCMS MCP in Windsurf
Use Windsurf to query your ButterCMS content directly from your IDE and build pages faster.
Works with every AI agent you already use
…and any MCP-compatible client
Connect ButterCMS MCP to Windsurf
Create your Vinkius account to connect ButterCMS to Windsurf and route execution through our secure gateway. The platform manages server hosting, runtime updates, and security layers. Configuration requires no manual server provisioning.
Manage ButterCMS content in Windsurf
Cascade uses `get_page_layout` and `get_post_details` to pull schema definitions directly into your workspace. You stop tabbing between the browser and your editor. Your agent builds components by reading the actual structure of your pages. It handles the mapping so you can focus on writing the actual code.
Filter and search posts with Windsurf
Run `search_blog_posts` or `list_blog_posts` to find specific content without leaving the editor. The MCP server feeds the exact post slugs into your current session. Windsurf reads these results to generate accurate imports for your frontend. You get the data exactly where you need it.
Organize CMS data inside Windsurf
Call `list_butter_categories` and `list_butter_tags` to fetch your taxonomy. Your agent uses these lists to organize your local file structure based on real CMS data. It also uses `list_global_collections` to verify that your local types match the remote setup. No more guessing field names.
Set up ButterCMS MCP in Windsurf
Prerequisites
- Windsurf IDE installed (macOS, Windows, or Linux)
- Active Vinkius subscription with a valid endpoint token
- 1
Open MCP configuration
Click the Cascade assistant icon in the sidebar, then click the hammer icon (🔨) at the top of the panel. Select "Configure" to open
~/.codeium/windsurf/mcp_config.json. - 2
Add the ButterCMS MCP
Paste the JSON snippet shown on the right into the
mcpServersobject. Replace[YOUR_TOKEN_HERE]with your endpoint token from cloud.vinkius.com. - 3
Refresh MCPs
Go back to the hammer icon (🔨) in Cascade and click "Refresh". Windsurf will detect the new server. No full restart is needed — the connection is hot-reloaded.
- 4
Verify in Cascade
Start a new Cascade conversation and ask something like "Show my ButterCMS payment history." If connected, Cascade will call the ButterCMS tools directly. You will see a green dot next to the server name in the MCP panel.
{
"mcpServers": {
"buttercms-mcp": {
"url": "https://edge.vinkius.com/[YOUR_TOKEN_HERE]/mcp"
}
}
}Independent Platform Disclaimer: Vinkius is an independent platform and is not affiliated with, endorsed by, sponsored by, verified by, or otherwise authorized by ButterCMS. 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 ButterCMS MCP in Windsurf
Use it with your favorite AI tools
Connect this server to Cursor, Claude, VS Code, and more.
Start using the ButterCMS MCP today
We host it, we monitor it, we maintain it. You just paste one token.
