html-email-template-skill

What problem does it solve?

HTML email templates often suffer from inconsistent rendering across clients due to a lack of standardization in structure, styles, and color palette. This skill provides a design system that standardizes headers, content blocks, and footers with inlined CSS to ensure reliable presentation in Outlook, Gmail, Teams, and other clients.

Core Features & Use Cases

• Inline styles only to maximize compatibility across email clients.
• Defined color palette and typography to maintain brand consistency.
• Template structure: header, content sections, and footer with a responsive-safe layout.
• Use Case: Create notification emails, newsletters, and reports that render correctly across major clients.

Quick Start

Create a new HTML email template using the standard design system with a header, content sections, and a footer, applying inline styles and the predefined color palette.