react-email
This skill teaches building and sending HTML emails with React Email components and local development steps. It includes explicit shell commands (npx create-email@latest, npm install, npm run dev), uses secrets in env vars (process.env.RESEND_API_KEY, process.env.SENDGRID_API_KEY), and references network endpoints (smtp.example.com, localhost:3000).
React Email Agent Skill
This directory contains an Agent Skill for building HTML emails with React Email components.
Structure
react-email/
├── SKILL.md # Main skill instructions
└── references/
├── COMPONENTS.md # Complete component reference
├── I18N.md # Internationalization guide
└── PATTERNS.md # Common email patterns and examples
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
- 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:
- Metadata (~100 tokens): Name and description in frontmatter
- Core Instructions (~3K tokens): Main SKILL.md content
- Detailed References (as needed): Component docs, i18n guides, patterns
Agents load only what they need for each task.