React Email
Skill Verified ActiveUse when building HTML email templates with React components, adding a visual email editor to an application using the React Email visual editor, rendering emails to HTML, or sending emails with Resend. Covers welcome emails, password resets, notifications, order confirmations, newsletters, transactional emails, and the embeddable email editor component.
To enable developers to build sophisticated HTML email templates using React components and Tailwind CSS, streamlining the process of creating transactional emails, newsletters, and other email communications.
Features
- Build HTML email templates with React components
- Style emails using Tailwind CSS
- Integrate with Resend for sending emails
- Include an embeddable visual email editor
- Support internationalization for email content
Use Cases
- Creating welcome emails, password resets, and order confirmations
- Adding a visual email editor to an application
- Rendering emails to HTML for various services
- Developing complex, multi-column newsletter layouts
Non-Goals
- Directly managing email sending infrastructure beyond SDK integration
- Providing a generic HTML editor not tailored for email clients
- Supporting email clients with poor CSS compatibility
Installation
First, add the marketplace
/plugin marketplace add resend/resend-skills/plugin install resend-skills@resend-skillsQuality Score
VerifiedSimilar Extensions
Setup Tailwind Typescript
100Configure Tailwind CSS with TypeScript in a Next.js or React project. Covers installation, configuration, custom theme extensions, component patterns, and type-safe styling utilities. Use when adding Tailwind CSS to an existing TypeScript project, customizing the Tailwind theme for a project's design system, setting up type-safe component styling patterns, or configuring Tailwind plugins and extensions.
Sentry React Router Framework Sdk
100Full Sentry SDK setup for React Router Framework mode. Use when asked to "add Sentry to React Router Framework", "install @sentry/react-router", or configure error monitoring, tracing, profiling, session replay, logs, or user feedback for a React Router v7 framework app.
Email Html Mjml
99Responsive HTML email template generation using MJML 4.x framework. Use when the user asks to create, generate, design, or build an email template — including welcome emails, promotional blasts, transactional templates, newsletters, or any responsive email. Also use when the user asks to compile MJML to HTML, work with or edit existing MJML templates, or troubleshoot email rendering issues across clients.
Shadcn/ui Component Library
99shadcn/ui component library for React with Tailwind CSS - copy-paste accessible components with full code ownership
Gmail
100Interact with Gmail - search emails, read messages, send emails, create drafts, and manage labels. Use when user asks to: search email, read email, send email, create email draft, mark as read, archive email, star email, or manage Gmail labels. Lightweight alternative to full Google Workspace MCP server with standalone OAuth authentication.
Save Email to Doc
100Save a Gmail message body into a Google Doc for archival or reference.