# Source: https://resend.com/docs/knowledge-base/react-email-skill.md

> ## Documentation Index
> Fetch the complete documentation index at: https://resend.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# React Email Skill

> Build HTML emails using React components with AI agents.

The React Email skill enables AI agents to build production-ready HTML emails using React components. It provides a modern development experience for creating responsive, cross-client compatible emails.

## Installation

Install the skill using the following command:

```bash  theme={"theme":{"light":"github-light","dark":"vesper"}}
npx skills add resend/react-email
```

## Advantages

* **Component-based email development**: Build emails using reusable React components for consistent, maintainable templates.
* **Brand-consistent styling with Tailwind**: Use Tailwind CSS to style emails with your brand's design system.
* **Multi-format rendering**: Automatically generate both HTML and plain text versions of your emails.
* **Email client compatibility handling**: Built-in support for rendering emails correctly across all major email clients.
* **Built-in preview server**: Preview your emails in real-time during development with hot reloading.

## Learn More

<Card title="View on GitHub" icon="arrow-up-right-from-square" href="https://github.com/resend/react-email/tree/canary/skills">
  See the full source code and documentation.
</Card>