Webflow MCP Server for Mastra AIGive Mastra AI instant access to 8 tools to Create Collection Item, Get Site Details, List Cms Collections, and more
Mastra AI is a TypeScript-native agent framework built for modern web stacks. Connect Webflow through Vinkius and Mastra agents discover all tools automatically. type-safe, streaming-ready, and deployable anywhere Node.js runs.
Ask AI about this App Connector for Mastra AI
The Webflow app connector for Mastra AI is a standout in the Industry Titans category — giving your AI agent 8 tools to work with, ready to go from day one.
Vinkius delivers Streamable HTTP and SSE to any MCP client
import { Agent } from "@mastra/core/agent";
import { createMCPClient } from "@mastra/mcp";
import { openai } from "@ai-sdk/openai";
async function main() {
// Your Vinkius token. get it at cloud.vinkius.com
const mcpClient = await createMCPClient({
servers: {
"webflow-alternative": {
url: "https://edge.vinkius.com/[YOUR_TOKEN_HERE]/mcp",
},
},
});
const tools = await mcpClient.getTools();
const agent = new Agent({
name: "Webflow Agent",
instructions:
"You help users interact with Webflow " +
"using 8 tools.",
model: openai("gpt-4o"),
tools,
});
const result = await agent.generate(
"What can I do with Webflow?"
);
console.log(result.text);
}
main();
* 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 Webflow MCP Server
Connect your Webflow account to any AI agent and simplify how you manage your web projects, dynamic content, and e-commerce operations through natural conversation.
Mastra's agent abstraction provides a clean separation between LLM logic and Webflow tool infrastructure. Connect 8 tools through Vinkius and use Mastra's built-in workflow engine to chain tool calls with conditional logic, retries, and parallel execution. deployable to any Node.js host in one command.
What you can do
- Site Management — List all your Webflow sites and retrieve detailed metadata and status updates.
- CMS Operations — Query CMS collections and list items to manage dynamic content without opening the Designer.
- E-commerce Tracking — Monitor your online store by listing and inspecting recent orders and customer data.
- Asset Management — List uploaded assets like images and files to keep track of your site's media library.
- User Coordination — Manage registered site users and memberships directly via AI commands.
The Webflow MCP Server exposes 8 tools through the Vinkius. Connect it to Mastra AI in under two minutes — no API keys to rotate, no infrastructure to provision, no vendor lock-in. Your configuration, your data, your control.
All 8 Webflow tools available for Mastra AI
When Mastra AI connects to Webflow through Vinkius, your AI agent gets direct access to every tool listed below — spanning no-code, cms, web-design, and more. Every call is secured with network, filesystem, subprocess, and code evaluation entitlements inside a sandboxed runtime. Beyond a simple connection, you get a full AI Gateway with real-time visibility into agent activity, enterprise governance, and optimized token usage.
Create a new CMS item
Get details for a specific site
List CMS collections for a site
List items in a CMS collection
List e-commerce orders
List uploaded site assets
List registered site users
List all Webflow sites
Connect Webflow to Mastra AI via MCP
Follow these steps to wire Webflow into Mastra AI. The entire setup takes under two minutes — your credentials stay safe behind the Vinkius.
Install dependencies
npm install @mastra/core @mastra/mcp @ai-sdk/openaiReplace the token
[YOUR_TOKEN_HERE] with your Vinkius tokenRun the agent
agent.ts and run with npx tsx agent.tsExplore tools
Why Use Mastra AI with the Webflow MCP Server
Mastra AI provides unique advantages when paired with Webflow through the Model Context Protocol.
Mastra's agent abstraction provides a clean separation between LLM logic and tool infrastructure. add Webflow without touching business code
Built-in workflow engine chains MCP tool calls with conditional logic, retries, and parallel execution for complex automation
TypeScript-native: full type inference for every Webflow tool response with IDE autocomplete and compile-time checks
One-command deployment to any Node.js host. Vercel, Railway, Fly.io, or your own infrastructure
Webflow + Mastra AI Use Cases
Practical scenarios where Mastra AI combined with the Webflow MCP Server delivers measurable value.
Automated workflows: build multi-step agents that query Webflow, process results, and trigger downstream actions in a typed pipeline
SaaS integrations: embed Webflow as a first-class tool in your product's AI features with Mastra's clean agent API
Background jobs: schedule Mastra agents to query Webflow on a cron and store results in your database automatically
Multi-agent systems: create specialist agents that collaborate using Webflow tools alongside other MCP servers
Example Prompts for Webflow in Mastra AI
Ready-to-use prompts you can give your Mastra AI agent to start working with Webflow immediately.
"List all my Webflow sites."
"Show me the items in the 'Blog Posts' collection for site 'site_12903'."
"Check for any new e-commerce orders on site 'site_12903'."
Troubleshooting Webflow MCP Server with Mastra AI
Common issues when connecting Webflow to Mastra AI through the Vinkius, and how to resolve them.
createMCPClient not exported
npm install @mastra/mcpWebflow + Mastra AI FAQ
Common questions about integrating Webflow MCP Server with Mastra AI.
How does Mastra AI connect to MCP servers?
MCPClient with the server URL and pass it to your agent. Mastra discovers all tools and makes them available with full TypeScript types.