Community画像github.com

resend/react-email

React コンポーネントを使用して HTML メールテンプレートを作成したり、React Email ビジュアルエディタをアプリケーションに追加したり、メールを HTML にレンダリングしたり、Resend でメールを送信するためのスキルです。

react-email とは?

このスキルは、React コンポーネントベースのメールテンプレート(ウェルカムメール、パスワードリセット、通知、注文確認、ニュースレター、トランザクションメールなど)を構築・管理するための包括的なソリューションを提供します。React Email のビジュアルエディタをアプリケーションに埋め込み、直感的な UI でメールテンプレートを作成・編集できます。また、React Email のレンダリング機能を活用してテンプレートを HTML に変換し、Resend の API を介してメールを送信するためのユーティリティも含まれています。これにより、開発者はメールのマークアップやデザインに悩むことなく、React のパラダイムに沿ってメールを作成し、運用フローに統合できるようになります。サポート対象プラットフォーム: Cursor (公式プラグイン)、Resend SDK、React Email ライブラリ。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/resend/react-email/tree/main/skills/react-email

Installed? Explore more 画像 skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

react-email は何をしますか?

React コンポーネントを使用した HTML メールテンプレートの作成、React Email ビジュアルエディタを使用したアプリケーションへのメールエディタの追加、メールの HTML へのレンダリング、または Resend によるメール送信に使用します。ウェルカムメール、パスワードリセット、通知、注文確認、ニュースレター、トランザクションメール、埋め込み可能なメールエディタコンポーネントをカバーしています。

関連スキル