L'IA peut-elle modifier mes fichiers HTML existants ?

Non. L'agent crée de nouveaux fichiers MJML et HTML à partir de vos instructions ; il ne modifie pas les fichiers sur votre disque local.

L'IA gère-t-elle l'hébergement des images ?

Non. Vous devez fournir les URL de vos images dans votre prompt pour que l'agent puisse les intégrer au code.

L'email fonctionnera-t-il sur Outlook ?

Oui, car l'agent utilise MJML pour générer le HTML, une méthode conçue spécifiquement pour gérer les particularités de rendu d'Outlook.

L'IA peut-elle envoyer l'email à ma place ?

Non. L'agent produit uniquement le code et le HTML rendu. Vous devez ensuite importer ce code sur votre plateforme d'emailing pour l'envoyer.

L'agent décide-t-il des couleurs de la marque ?

Non. L'agent suit strictement les instructions de couleurs et de style que vous lui donnez dans votre prompt.

CODERENDERPREVIEWHUMAN

CODE
RENDER
PREVIEW
HUMAN

Générer des mises en page d'emails avec votre IA

Connectez MJML à votre agent pour transformer vos descriptions en code d'email prêt à l'emploi. Une fois connecté, il vous suffit de décrire la mise en page souhaitée.

Demandez à l'IA à propos de cette page

Réponse rapide

Comment créer des emails responsives avec l'IA ?

Décrivez simplement la structure, les colonnes ou le contenu dont vous avez besoin. Votre agent utilise l'outil MJML pour écrire le code et générer le HTML final. Vous obtenez un code valide et responsive, prêt à être utilisé sur votre plateforme d'emailing.

Les résultats obtenus

Ce que votre agent produit

Selon votre demande, votre agent peut livrer différents éléments techniques.

CODE

Code MJML valide

L'agent écrit le code source MJML selon vos besoins de mise en page. Vous pouvez le copier directement dans votre éditeur.

RENDER

HTML prêt à l'emploi

L'agent convertit le code en HTML standard. C'est cette version que vous téléchargez sur votre plateforme d'envoi.

PREVIEW

Aperçu visuel

L'agent génère un rendu pour que vous puissiez vérifier l'affichage des colonnes et des images sur différents écrans.

HUMAN

Ajustements manuels

Vous examinez le code généré pour affiner les couleurs, les marges ou l'identité visuelle selon vos besoins.

Le flux

Ce que fait votre IA à la réception de votre demande.

L'agent sert de pont entre vos idées et la syntaxe MJML.

Interpréter la mise en page
Votre agent analyse votre description des colonnes, des sections et des blocs de texte pour comprendre la structure voulue.
render_mjml
Écrire le code
L'agent traduit ces exigences structurelles en un code MJML propre et valide.
render_mjml
Convertir en HTML
L'agent passe le code dans un moteur de rendu pour produire le fichier HTML final.
render_mjml
Vérifier le responsive
L'agent s'assure que le code respecte les règles de réactivité pour un affichage optimal sur mobile et ordinateur.
render_mjml

Essayez

Copiez ces exemples pour commencer.

Utilisez ces prompts pour lancer votre première mise en page.

Points de départ

Remplacez les éléments entre crochets par vos couleurs de marque ou vos contenus spécifiques.

MJML Connector

Tout est prêt. Choisissez votre client MCP et suivez les instructions de configuration.

Lien du connecteurhttps://edge.vinkius.com/vk_preview_LwlmmoPeznMVTkYs7MAzFYiK3XjrkSp7oDHD4F4u/mcp

Claude Desktop

Suivez les étapes ci-dessous pour vous connecter en quelques secondes.

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

Configuration · claude_desktop_config.jsonCopier

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

Copiez dans le chat04

Crée une mise en page MJML pour une newsletter avec une image d'en-tête, deux colonnes de texte et un pied de page.
Génère un modèle d'email responsive avec un fond bleu foncé et du texte blanc pour une annonce de produit.
Construis une mise en page MJML sur une seule colonne pour un email de bienvenue incluant un bouton et une section d'icônes de réseaux sociaux.
Écris le code MJML pour un email promotionnel avec un grand en-tête et une grille de trois colonnes pour présenter des produits.

Claude
ChatGPT
Cursor
VS Code
Windsurf
Claude Code
JetBrains
Cline

Commencez ici

Connectez MJML une fois, puis demandez.

Une seule connexion permet à votre agent d'écrire et de rendre du code d'email. Vous trouverez les instructions complètes sur la page du connecteur.

Connecter MJML à votre IA

FAQ

Fonctionnement de la tâche

01
L'IA peut-elle modifier mes fichiers HTML existants ?
Non. L'agent crée de nouveaux fichiers MJML et HTML à partir de vos instructions ; il ne modifie pas les fichiers sur votre disque local.
02
L'IA gère-t-elle l'hébergement des images ?
Non. Vous devez fournir les URL de vos images dans votre prompt pour que l'agent puisse les intégrer au code.
03
L'email fonctionnera-t-il sur Outlook ?
Oui, car l'agent utilise MJML pour générer le HTML, une méthode conçue spécifiquement pour gérer les particularités de rendu d'Outlook.
04
L'IA peut-elle envoyer l'email à ma place ?
Non. L'agent produit uniquement le code et le HTML rendu. Vous devez ensuite importer ce code sur votre plateforme d'emailing pour l'envoyer.
05
L'agent décide-t-il des couleurs de la marque ?
Non. L'agent suit strictement les instructions de couleurs et de style que vous lui donnez dans votre prompt.
D'autres questions sur MJML ? La page du connecteur vous répond. Voir toutes les capacités du connecteur MJML

Connectez MJML à Claude, Cursor, ChatGPT et d'autres