mjml-email-templates

Render MJML templates into cross-client HTML with variable substitution.

1.1k|101|Updated Nov 12, 2025
One-click install
npx skills add https://github.com/Aaronontheweb/dotnet-skills --skill mjml-email-templates
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: mjml-email-templates
Source: https://github.com/Aaronontheweb/dotnet-skills/tree/main/skills/mjml-email-templates
Command: npx skills add https://github.com/Aaronontheweb/dotnet-skills --skill mjml-email-templates

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

MJML-based templates simplify building responsive, cross-client email HTML that renders correctly in Outlook, Gmail, and Apple Mail.

Core Features & Use Cases

  • Template Renderer: Compile MJML templates into HTML with a layout wrapper and variable substitution.
  • Layout Patterns: Reusable layout components like _Layout.mjml and content blocks for consistent branding.
  • Use Case: Transact emails, newsletters, and onboarding messages across multiple clients; stub in variables like PreviewText, InviteeName, and InvitationLink.

Quick Start

Render the content template UserInvitations/UserSignupInvitation.mjml with sample values for PreviewText, InviteeName, InviterName, OrganizationName, InvitationLink, and ExpirationDate.

Frequently Asked Questions about mjml-email-templates

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I render responsive MJML emails for Outlook and Gmail?

You can render responsive MJML emails by compiling MJML templates into cross-client HTML using a layout wrapper and variable substitution. This ensures consistent branding and responsive design across Outlook, Gmail, and Apple Mail clients.

What is the best way to build cross-client HTML email templates in dotnet?

Building cross-client HTML email templates in dotnet is best achieved by using the Mjml.Net library to compile MJML markup. This approach handles client-specific rendering quirks automatically, outputting valid HTML for transactional emails and newsletters.

Can I use reusable layout components for consistent email branding?

Yes, you can use reusable layout components like _Layout.mjml and content blocks to maintain consistent branding. The skill merges these layout patterns with your content templates before compiling them into the final HTML output.

How do I substitute variables like InviteeName and InvitationLink in email templates?

You substitute variables in email templates by providing values for placeholders like PreviewText, InviteeName, InviterName, OrganizationName, InvitationLink, and ExpirationDate. The renderer merges these sample values into the content template during compilation.

Does this MJML rendering approach work for transactional emails and newsletters?

Yes, this MJML rendering approach works for transactional emails, newsletters, and onboarding messages. It loads templates from embedded resources, merges layout and content, performs variable substitution, and compiles to HTML using the Mjml.Net library.