How to Use the MJML (Email Markup) MCP in Windsurf

Use the MJML (Email Markup) MCP Server in Windsurf to turn your email templates into production-ready HTML without leaving your editor.

See Vinkius in Action

Works with every AI agent you already use

…and any MCP-compatible client

MCP Servers - Free for Subscribers

Connect MJML (Email Markup) MCP to Windsurf

Create your Vinkius account to connect MJML (Email Markup) 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.

GDPR Free for Subscribers

Setup MJML (Email Markup) with Windsurf

Ask AI about this MCP

ChatGPT

Claude

Perplexity

Instant MJML to HTML transpilation in Windsurf

Stop fighting with Outlook rendering bugs. You can pipe your raw markup directly into the `render_mjml` tool to generate clean, responsive HTML that actually works across every major inbox provider. Windsurf picks up the output and applies it immediately to your project files. It handles the heavy lifting of table structures and media queries so you can focus on the copy and branding.

Automated email layout testing

Feed your draft components into the `render_mjml` tool while you iterate. You will see the resulting HTML structure in real-time, allowing you to catch layout shifts before they hit production. This workflow kills the back-and-forth between your code and a browser preview window. Cascade handles the conversion process in the background, keeping your workspace clean and your templates pixel-perfect.

Project-wide email template management

Manage your entire transactional email library as simple MJML files within your codebase. By using the `render_mjml` tool, you keep your source files readable while ensuring the final output remains optimized for deliverability. Windsurf reads these templates and updates your distribution assets automatically. You don't have to manually touch the HTML, preventing accidental breaks in your responsive email grid.

Setup guide

Set up MJML (Email Markup) 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 MJML (Email Markup) 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

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 MJML (Email Markup) payment history." If connected, Cascade will call the MJML (Email Markup) tools directly. You will see a green dot next to the server name in the MCP panel.

mcp_config.json

{
  "mcpServers": {
    "mjml-email-markup-mcp": {
      "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 MJML. 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 MJML (Email Markup) 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 MJML (Email Markup) MCP in Windsurf

Open your MCP settings in Windsurf and add the server under the mcpServers list. Once you save the configuration, the tools will appear in your Cascade panel ready for use.

Yes, it is the primary reason to use this. The tool forces the correct table-based syntax that legacy clients like Outlook require, ensuring your designs don't collapse on arrival.

No, the MCP Server handles the conversion process directly. You simply pass your markup to the tool and get the finished HTML back in your Windsurf terminal or editor window.

Your MJML code is processed ephemerally within the Vinkius sandbox. We don't store your templates or email content, keeping your proprietary design logic entirely private.

If your syntax is invalid, the tool returns a specific error message pointing to the line causing the issue. Check your markup against the standard MJML documentation to fix it.

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