MJML (Email Markup) Connector for AI agents.
1 live capability
Generate responsive email HTML and professional newsletter templates.
Waiting for input…
Why people use MJML (Email Markup)
MJML for Fixing Broken Email Layouts
This Connector lets you skip that entire mess. You tell your agent what you want, it writes the MJML, and the capability spits out the production HTML. You get a responsive email that actually works in every inbox without the headache.
What Vinkius changes
You get high-quality, responsive email code without ever touching a single nested table.
Use it from Claude, ChatGPT, Cursor or another AI client you already have.
One account · 5,900+ Connectors
- Real-world use case 01
Rapid Campaign Prototyping
A marketer wants to see a three-column layout.
- Real-world use case 02
Code Migration
Moving from old, messy HTML to a clean MJML system.
- Real-world use case 03
Component Building
A developer needs a specific sign up button.
Complete set · 1capability
The complete MJML (Email Markup) capability set.
These are the exact actions your AI can choose when you ask it to work with MJML (Email Markup).
01
1 capability in this set.
Part of 1 available through MJML (Email Markup).
- 01 Capability
Render mjml
Converts your MJML XML or JSON strings into responsive HTML. It handles all the complex styling and layout logic for you.
Set up in minutes
One URL. Then ask MJML (Email Markup) to work.
Claude and ChatGPT only need the Connector URL. Copy it once, add it in settings, and use MJML (Email Markup) 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_LwlmmoPeznMVTkYs7MAzFYiK3XjrkSp7oDHD4F4u/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 MJML (Email Markup), and paste the URL above.
- Step 03
Turn it on in chat
Select +, open Connectors, and enable MJML (Email Markup) for the conversation.
ChatGPT · Web + desktop
Connector URL · ready to paste
Streamable HTTPhttps://edge.vinkius.com/vk_preview_LwlmmoPeznMVTkYs7MAzFYiK3XjrkSp7oDHD4F4u/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 MJML (Email Markup) URL.
- Step 03
Save and start
Save the connection and enable MJML (Email Markup) in your conversation. Desktop may ask you to restart once.
Cursor · IDE configuration
Advanced setup
{
"mcpServers": {
"mjml-email-markup": {
"url": "https://edge.vinkius.com/vk_preview_LwlmmoPeznMVTkYs7MAzFYiK3XjrkSp7oDHD4F4u/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 MJML (Email Markup)
Open Agent mode in chat and ask: "Using MJML (Email Markup), help me...". 1 tools available
VS Code Copilot · IDE configuration
Advanced setup
{
"mcpServers": {
"mjml-email-markup": {
"url": "https://edge.vinkius.com/vk_preview_LwlmmoPeznMVTkYs7MAzFYiK3XjrkSp7oDHD4F4u/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 MJML (Email Markup)
Ask Copilot: "Using MJML (Email Markup), help me...". 1 tools available
Windsurf · IDE configuration
Advanced setup
{
"mcpServers": {
"mjml-email-markup": {
"url": "https://edge.vinkius.com/vk_preview_LwlmmoPeznMVTkYs7MAzFYiK3XjrkSp7oDHD4F4u/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 MJML (Email Markup)
Open Cascade and ask: "Using MJML (Email Markup), help me...". 1 tools available
Cline · IDE configuration
Advanced setup
{
"mcpServers": {
"mjml-email-markup": {
"url": "https://edge.vinkius.com/vk_preview_LwlmmoPeznMVTkYs7MAzFYiK3XjrkSp7oDHD4F4u/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 MJML (Email Markup)
Ask Cline: "Using MJML (Email Markup), help me...". 1 tools available
Claude Code · Terminal command
Advanced setup
claude mcp add mjml-email-markup --transport http "https://edge.vinkius.com/vk_preview_LwlmmoPeznMVTkYs7MAzFYiK3XjrkSp7oDHD4F4u/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 MJML (Email Markup)
Ask Claude: "Using MJML (Email Markup), show me...". 1 tools are ready
Where the request belongs
Work MJML can move forward.
For the marketing developer who hates writing CSS for emails or the growth marketer who needs to launch beautiful newsletters without waiting on a dev team.
Email Developer
Building complex, responsive templates without the manual table hacking.
Marketing Manager
Rapidly prototyping campaign looks to get stakeholder approval faster.
Front-end Engineer
Generating email components that match the rest of the brand's web design.
Build the capability set
Add more capabilities.
Each Connector adds new actions and data without changing how you work.
Browse ConnectorsMailerLite
Design beautiful emails, grow your subscriber base, and sell digital products with marketing capabilities that put simplicity first.
Mailjet
Deliver emails at scale with collaborative template editing, real-time monitoring, and deliverability analytics in one platform.
Handlebars Template Compiler
Stop LLM string replacement hallucinations. Compile dynamic Handlebars templates perfectly for Martech emails and payloads.
EmailOctopus
Send beautiful email campaigns at a fraction of the cost with a platform built for startups and growing businesses.
Flodesk
Design gorgeous email campaigns with intuitive templates that grow your audience and reflect your brand without design skills.
Bring your own AI
Change the model, client or framework. Keep MJML 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 MJML.
The practical details behind the request, access and result.
What is the MJML MCP for?
It's for turning MJML markup into responsive HTML for emails. It helps your AI agent generate professional emails that look good in any inbox.
Does this help with Outlook email formatting?
Yes. MJML handles the complex table structures required by Outlook, so this Connector ensures your emails look correct there.
Can I use this to build regular websites?
No, this is specifically for email markup. It's designed to handle the unique constraints of email clients.
How does this improve my email marketing?
It removes the need for manual HTML coding. You can describe a design and get production-ready code in seconds.
Is the output HTML ready to send?
Yes, the rendered HTML includes the necessary inline styles for high-quality email delivery.
Can I use JSON to create emails?
Yes, you can provide a JSON structure and have the agent use this Connector to render a responsive email from that data.
Can I render MJML from a JSON string instead of XML?
Yes! The render_mjml capability accepts both raw MJML XML and MJML JSON strings. The engine will automatically detect the format and transpile it into responsive HTML.
What is the maximum size of the generated HTML output?
The integration supports an egress limit of up to 5MB, which is more than enough for even the most complex and content-heavy responsive email templates.
Does the capability validate my MJML syntax during rendering?
Yes, the render_mjml capability uses the official MJML engine which performs validation during the transpilation process to ensure the resulting HTML is compliant with email client best practices.
One connection away
Give your agent a direct line to MJML.
Connect MJML once. Keep it beside 5,900+ managed Connectors when the next task needs more.
Explore every Connector No credit card required · Free tier available