React Email skill

O que ela faz

React Email é uma biblioteca da Resend pra montar e-mail HTML com componentes React. A skill ensina o Claude a criar modelos de boas-vindas, troca de senha, confirmação de pedido, aviso e newsletter, com prévia no navegador em localhost:3000 enquanto você ajusta.

Antes de escrever, o Claude pergunta a cor da marca, o logo, o tom e onde as imagens vão ficar hospedadas. No código, segue o que os clientes de e-mail aguentam: Tailwind em pixel, colunas em vez de flexbox, nada de SVG ou WEBP e texto de prévia pra caixa de entrada.

Depois converte o modelo em HTML e em texto puro e envia pelo Resend, Nodemailer ou SendGrid. Também cobre tradução com três bibliotecas, acessibilidade e o editor visual de e-mail que dá pra embutir no seu app.

Nas palavras de quem fez

Quando usar

• Criar o e-mail de boas-vindas e o de recuperação de senha do seu app
• Montar o e-mail de confirmação de pedido com a lista de produtos
• Fazer uma newsletter que não quebra no Outlook
• Exportar os modelos em HTML pra usar em outra ferramenta de envio
• Colocar um editor visual de e-mail dentro do seu sistema

Depois de instalar, é só pedir assim

• Cria um e-mail de boas-vindas em React Email com meu logo e a cor #FF6A00, com botão de confirmar cadastro
• Monta o e-mail de confirmação de pedido com os itens, o total e o link de rastreio e envia pelo Resend
• Exporta todos os modelos da pasta emails pra HTML

Segurança

Gen Agent Trust Hub, Socket e Snyk leem o código da skill atrás de comando perigoso, dado vazando e instrução escondida. Alerta não é reprovação: quer dizer que vale ler o que a skill faz antes de instalar.

• Gen Agent Trust HubPassou
• SocketPassou
• SnykPassou

Perguntas