AIでMJMLマークアップをHTMLに変換する方法

MJMLのXMLまたはJSON文字列をエージェントに渡すと、レンダリングツールを使用して最終的なHTMLを生成します。メール配信サービスですぐに使える、レスポンシブな実戦用コードが作成されます。

1. 01

   マークアップの受信

   エージェントは、チャットで提供されたXMLまたはJSON形式のMJML文字列を受け取ります。

   render_mjml
2. 02

   変換処理

   エージェントがレンダリングエンジンを実行し、MJMLのロジックをHTMLタグへと変換します。

   render_mjml
3. 03

   コード生成

   MJML内の指示に基づき、完全なレスポンシブHTMLブロックを生成します。

   render_mjml
4. 04

   出力の提供

   完成したHTMLコードブロックを、チャットインターフェース上に直接表示します。

   render_mjml

MJML Connector

準備完了です。MCPクライアントを選択し、セットアップ手順に従ってください。

コネクタリンクhttps://edge.vinkius.com/vk_preview_LwlmmoPeznMVTkYs7MAzFYiK3XjrkSp7oDHD4F4u/mcpコピー

Claude Desktop

以下の手順で数秒で接続できます。

1. 1In Claude Desktop, open Settings → Connectors.
2. 2Click “Add custom connector” and paste the connector link above as the remote MCP server URL.
3. 3Click Add and start a new chat — MJML capabilities are ready to use.

設定 · claude_desktop_config.jsonコピー

{
  "mcpServers": {
    "mjml-email-markup-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_LwlmmoPeznMVTkYs7MAzFYiK3XjrkSp7oDHD4F4u/mcp"
    }
  }
}

• Claude
• ChatGPT
• Cursor
• VS Code
• Windsurf
• Claude Code
• JetBrains
• Cline

MCPをクライアントに接続するのは一度だけで済みます。認証情報は暗号化されて保護されるため、すぐにマークアップの変換を開始できます。

• 01

  AIが元のMJMLファイルを直接編集することはできますか？

  いいえ。このツールは既存のマークアップをHTMLに変換するためのものです。元のMJMLファイルを直接修正したり、変更を保存したりする機能はありません。

• 02

  JSONとXMLの両方の形式に対応していますか？

  はい。エージェントはJSON文字列、XML文字列のどちらで提供されたMJMLでも処理可能です。

• 03

  AIがメールのデザインをゼロから作成することはできますか？

  いいえ。ユーザーがMJMLマークアップを提供する必要があります。AIは提供されたマークアップに基づいてHTMLを生成するものであり、指示なしに新しいデザインを考案することはありません。

• 04

  出力されるコードはレスポンシブですか？

  はい。変換プロセスは、さまざまなメールクライアントで正しく動作するレスポンシブなHTMLを生成するように設計されています。

• 05

  AIがHTMLをメール配信サービス（ESP）にアップロードしてくれますか？

  いいえ。このツールはHTMLコードを生成するのみです。生成されたコードをコピーし、お使いのメール配信サービスにアップロードするのはユーザーの役割となります。

• MJMLに関するその他の質問 MJML Connectorの全機能を見る