resend__react-email/skills/react-email

React Email Agent Skill

This directory contains an Agent Skill for building HTML emails with React Email components.

Structure

skills/
└── react-email/
    ├── SKILL.md              # Main skill instructions
    └── references/
        ├── COMPONENTS.md     # Complete component reference
        ├── EDITOR.md         # Visual email editor reference
        ├── I18N.md           # Internationalization guide
        ├── PATTERNS.md       # Common email patterns and examples
        ├── SENDING.md        # Email sending guide
        └── STYLING.md        # Styling and CSS reference

What is an Agent Skill?

Agent Skills are a standardized format for giving AI agents specialized knowledge and workflows. This skill teaches agents how to:

• Build HTML email templates using React Email components
• Add a visual drag-and-drop email editor to a React application (using @react-email/editor)
• Send emails through Resend and other providers
• Implement internationalization for multi-language support
• Follow email development best practices

Using This Skill

AI agents can load this skill to gain expertise in React Email development. The skill follows the Agent Skills specification with:

• SKILL.md: Core instructions loaded when the skill is activated (< 350 lines)
• references/: Detailed documentation loaded on-demand for specific topics

Progressive Disclosure

The skill is structured for efficient context usage:

1. Metadata (~100 tokens): Name and description in frontmatter
2. Core Instructions (~3K tokens): Main SKILL.md content
3. Detailed References (as needed): Component docs, i18n guides, patterns

Agents load only what they need for each task.

Learn More

• React Email Documentation
• Agent Skills Specification
• Resend Documentation