Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
51 changes: 51 additions & 0 deletions .agents/skills/react-email/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,51 @@
# 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](https://agentskills.io) 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](https://react.email/docs/llms.txt)
- [Agent Skills Specification](https://agentskills.io/specification.md)
- [Resend Documentation](https://resend.com/docs/llms.txt)
Loading
Loading