How to Use the MJML (Email Markup) MCP in VS Code Copilot

Q: How to configure MJML (Email Markup) for VS Code Copilot?

Use the .vscode/mcp.json file in your repository. Adding the server here makes the tool available to all team members working on the project.

Standardize email rendering with MJML (Email Markup) across your team using VS Code Copilot configuration files.

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 VS Code Copilot

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

Ask AI about this MCP

ChatGPT

Claude

Perplexity

Shared MJML Tooling for Teams

Commit your `mcp.json` to the repo to give every engineer access to `render_mjml`. This ensures consistency across your entire email infrastructure. Every team member uses the same rendering logic for their templates. This eliminates discrepancies caused by different local setup environments.

Automated HTML Transpilation

Trigger the `render_mjml` tool through Copilot Chat to convert your templates on demand. It handles the conversion logic while you focus on content and logic. This setup works within your existing VS Code workflow. You get reliable HTML output without needing external rendering services.

Scalable Email Template Pipeline

Integrate `render_mjml` into your daily development tasks to maintain high-quality email layouts. It turns complex markup into readable, responsive code in seconds. Your team can now manage email templates like any other code. This reduces the friction of maintaining legacy HTML templates.

Setup guide

Set up MJML (Email Markup) MCP in VS Code Copilot

Prerequisites

VS Code 1.99 or later with GitHub Copilot extension
Active Vinkius subscription with a valid endpoint token

1

Open MCP configuration

Open the Command Palette (Cmd+Shift+P / Ctrl+Shift+P) and run "MCP: Add Server". Select HTTP (Streamable) as the server type. VS Code will create .vscode/mcp.json in your workspace.
2

Add the MJML (Email Markup) MCP

Paste the JSON snippet shown on the right into your .vscode/mcp.json. Replace [YOUR_TOKEN_HERE] with your endpoint token from cloud.vinkius.com.
3

Switch to Agent mode

Open Copilot Chat (Cmd+Shift+I / Ctrl+Shift+I) and switch to Agent mode using the dropdown. MCP tools are only available in Agent mode — they do not appear in Edit or Ask modes.
4

Verify the connection

In the Copilot Chat input, type # to list available tools. You should see the MJML (Email Markup) tools listed. Try asking: "List my recent MJML (Email Markup) transactions" and Copilot will invoke them automatically.

.vscode/mcp.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 VS Code Copilot

Use the `.vscode/mcp.json` file in your repository. Adding the server here makes the tool available to all team members working on the project.

It is designed for team-wide adoption. By committing the configuration, you ensure that every developer follows the same template rendering standards.

While intended for editor use, the underlying server logic is efficient enough to handle template rendering during your build and test phases.

You can pass your MJML, including custom styles, directly to the tool. It will preserve your branding in the generated HTML output.

The server operates within your defined environment. It only processes the markup you explicitly send to it, ensuring your intellectual property remains within your controlled repository.

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