Studio MCP Server
The Tagada Studio MCP Server (@tagadapay/studio-mcp) is a Model Context Protocol server that connects AI agents — Claude, Cursor, Windsurf, or any MCP-compatible tool — to your live Tagada Studio editor via WebSocket.
You open Studio in your browser, the agent connects through the MCP server, and you see changes happen on the canvas in real-time as the agent works. No deployment, no API keys — just a direct bridge between the AI and your editor.
How it works
Open Tagada Studio
Open your template in Studio — embedded in the CRM or standalone. It auto-connects to the MCP server.
Talk to the agent
Ask the AI to change colors, add sections, update text. You see every change live on the canvas.
What can agents do?
- Read the live template — browse pages, inspect nodes, view the tree structure
- Edit nodes in real-time — update props, colors, text, layout — canvas updates instantly
- Add & remove components — insert headings, buttons, sections, forms
- Move & reorder — rearrange the layout by moving nodes between slots
- Manage tokens — update translations, design tokens, copy text
- Discover schema — query all 49+ available component types and their props
What agents can’t do
- Deploy — you save from Studio when ready
- Edit funnel routing — only template/page content, not the funnel graph
- Access other stores — the bridge connects to whichever Studio instance is open
Works everywhere
The MCP server works with Studio in both modes:| Mode | Description |
|---|---|
| Embedded | Studio loaded inside the TagadaPay dashboard (iframe) |
| Standalone | Studio running on studio.tagadapay.com |
Next steps
Quick Start
Up and running in under 2 minutes
Tools Reference
Full list of available tools
Examples
Example prompts and workflows