What problem does it solve? Writing HTML emails that render correctly across Gmail, Outlook, and Apple Mail requires table-based layouts, inline styles, and client-specific workarounds that are tedious to hand-code. This Skill lets you build emails as typed React components with Tailwind utility classes, then render them to email-safe HTML and plain text. ## Core Features & Use Cases - Component-Based Templates: Use 20+ email-safe components (Html, Body, Container, Button, Img, Row/Column, CodeBlock, Markdown) with a pixel-based Tailwind preset that avoids unsupported CSS like flexbox, grid, and media queries. - Rendering and Sending: Convert templates to HTML or plain text with the render function, and send via Resend, Nodemailer, SendGrid, or Mailgun. - Visual Email Editor: Embed the TipTap-based @react-email/editor in your app with bubble menus, slash commands, theming, and HTML export. - Use Case: Create a password reset email with brand colors and a logo, preview it in the local dev server at localhost:3000, render it to HTML, and send it through the Resend SDK with a verified domain. ## Quick Start Ask the AI to create a welcome email template with React Email using your brand color and logo, then render it to HTML and send a test email with Resend.
