Use para criar templates de e-mail HTML com componentes React, adicionar um editor visual de e-mail a uma aplicação usando o editor visual do React Email, renderizar e-mails para HTML ou enviar e-mails com Resend. Abrange e-mails de boas-vindas, redefinição de senha, notificações, confirmações de pedido, newsletters, e-mails transacionais e o componente de editor de e-mail incorporável.
Este skill combina as bibliotecas Resend e React Email para fornecer uma solução completa de criação e envio de e-mails em aplicações modernas baseadas em React. Ele permite que desenvolvedores construam templates de e-mail HTML reutilizáveis usando componentes React, garantindo uma experiência de desenvolvimento familiar e eficiente. A principal utilidade está na capacidade de adicionar um editor visual de e-mail (React Email Visual Editor) à aplicação, facilitando a personalização de layouts por usuários não técnicos, além de renderizar esses templates para HTML padrão e enviá-los através do serviço de envio da Resend. O skill suporta diversos casos de uso, como e-mails de boas-vindas, redefinição de senha, notificações, confirmações de pedido, newsletters e e-mails transacionais. A integração com plataformas de desenvolvimento modernas (como Vercel, Next.js, etc.) é direta, e o fluxo de trabalho envolve a definição de componentes React para cada tipo de e-mail, a utilização do editor visual para personalização em tempo real e a invocação da API do Resend para disparo dos e-mails, tudo a partir do código da aplicação.
npx skills add https://github.com/resend/react-email/tree/main/skills/react-emailInstalled? Explore more Imagem skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →
Use para criar templates de e-mail HTML com componentes React, adicionar um editor visual de e-mail a uma aplicação usando o editor visual do React Email, renderizar e-mails para HTML ou enviar e-mails com Resend. Abrange e-mails de boas-vindas, redefinição de senha, notificações, confirmações de pedido, newsletters, e-mails transacionais e o componente de editor de e-mail incorporável.
Generate spectrograms and feature-panel visualizations from audio with the songsee CLI.
Create distinctive, production-grade frontend interfaces with high design quality. Use when the user asks to build web components, pages, or applications and the visual direction matters as much as the code quality.
Scan a codebase for deepening opportunities, present them as a visual HTML report, then grill through whichever one you pick.
Add documentation for a new AI provider — usage docs, env vars, Docker config, image resources.
Tests in real browsers via Chrome DevTools MCP. Use when building or debugging anything that runs in a browser. Use when you need to inspect the DOM, capture console errors, analyze network requests, profile performance, or verify visual output with real runtime data. Requires the chrome-devtools MCP server to be configured.
This skill should be used when the user wants to visualize data. It intelligently selects the most suitable chart type from 26 available options, extracts parameters based on detailed specifications, and generates a chart image using a JavaScript script.