mjml-email-templates

Convert MJML templates into HTML for Outlook, Gmail, and Apple Mail.

504|66|Updated Jul 16, 2024
One-click install
npx skills add https://github.com/foxminchan/BookWorm --skill mjml-email-templates-foxminchan
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: mjml-email-templates
Source: https://github.com/foxminchan/BookWorm/tree/main/.github/skills/mjml-email-templates
Command: npx skills add https://github.com/foxminchan/BookWorm --skill mjml-email-templates-foxminchan

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

MJML templates are a scalable way to create responsive emails, but rendering across multiple clients often requires complex layouts and inlining. This skill provides a renderer and patterns to turn MJML into consistent HTML across Outlook, Gmail, and Apple Mail.

Core Features & Use Cases

  • MJML-to-HTML rendering using a .NET renderer with layout templates and variable substitution.
  • Template organization with shared layouts and per-template content blocks for consistent brand styling.
  • Use Case: Build transactional emails (signups, password resets) and marketing newsletters that render consistently across clients with a single source of truth.

Quick Start

Install the Mjml.Net package, place your .mjml templates under the project, and call the IMjmlTemplateRenderer to render a template into HTML.

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 MJML to HTML in a .NET application?

To render MJML to HTML in a .NET application, install the Mjml.Net package, place your .mjml templates under the project, and call the IMjmlTemplateRenderer to produce valid HTML output.

Does MJML rendering ensure consistent email layout across Outlook and Gmail?

MJML rendering ensures consistent email layout across Outlook and Gmail by converting MJML templates into production-ready HTML that handles complex layouts and inlining for multiple clients.

What is the best way to manage reusable layouts for transactional emails?

The best way to manage reusable layouts for transactional emails is using MJML template organization with shared layouts and per-template content blocks for consistent brand styling.

Can I use variable substitution in MJML templates for marketing newsletters?

You can use variable substitution in MJML templates for marketing newsletters through the renderer's variable interpolation feature, allowing dynamic content insertion across multiple templates.

How does template loading and composition work for MJML emails?

Template loading and composition for MJML emails works by implementing layout composition that combines shared layouts with specific content blocks, applying variable interpolation and error handling to generate valid HTML.