How does it handle email client compatibility?

The skill uses React Email and MJML patterns to ensure templates render correctly across challenging clients like Outlook, Gmail, and Apple Mail.

Does it support internationalization and dark mode?

Yes, it includes a structured i18n system for translations and media-query-based dark mode styles for modern inbox support.

Which email providers does this skill support?

It generates code compatible with major providers including Resend, Postmark, SendGrid, and AWS SES through a unified sending interface.

Can I preview my emails before sending them?

The skill configures a local preview server with hot-reloading, allowing you to visualize template changes in real-time during development.

What is the Email Template Builder skill?

It is a specialized Claude Code capability that helps developers build, test, and deploy transactional email systems using React and modern infrastructure.

Email Template Builder

Name: Email Template Builder
Author: oabdelmaksoud

byoabdelmaksoud

0•

Marketing Automation

Generates production-ready, high-deliverability transactional email systems using React Email, MJML, and unified provider integrations.

The Email Template Builder skill provides a comprehensive framework for architecting professional communications infrastructure within your codebase. It automates the creation of specialized React Email templates for critical user journeys—such as welcome sequences, password resets, and invoices—ensuring maximum compatibility across email clients via MJML. By incorporating advanced features like dark mode support, typed internationalization (i18n), local preview servers, and a unified API for providers like Resend and AWS SES, this skill transforms the complex task of email engineering into a streamlined, type-safe workflow.

Key Features

01Unified sending interface for Resend, Postmark, SendGrid, and AWS SES

02Integrated spam score optimization and UTM analytics tracking

03React Email and MJML template generation for cross-client consistency

04Built-in support for dark mode, i18n localization, and accessibility

050 GitHub stars

06Local preview server setup with hot-reloading for instant feedback

Use Cases

01Implementing global, multi-language email support with automated tracking

02Bootstrapping a complete transactional email system for a new SaaS application

03Migrating legacy table-based HTML templates to a modern React-based workflow

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add oabdelmaksoud/agention email-template-builder

For use in Claude.ai and ChatGPT

Key Features

01Unified sending interface for Resend, Postmark, SendGrid, and AWS SES

02Integrated spam score optimization and UTM analytics tracking

03React Email and MJML template generation for cross-client consistency

04Built-in support for dark mode, i18n localization, and accessibility

050 GitHub stars

06Local preview server setup with hot-reloading for instant feedback

Use Cases

01Implementing global, multi-language email support with automated tracking

02Bootstrapping a complete transactional email system for a new SaaS application

03Migrating legacy table-based HTML templates to a modern React-based workflow

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add oabdelmaksoud/agention email-template-builder

For use in Claude.ai and ChatGPT