Community影像github.com

resend/react-email

使用 React 元件建立 HTML 電子郵件範本、透過 React Email 視覺編輯器為應用程式添加電子郵件編輯器、將電子郵件渲染為 HTML,或使用 Resend 發送郵件。涵蓋歡迎郵件、密碼重設、通知、訂單確認、電子報、交易郵件及可嵌入的電子郵件編輯器元件。

react-email 是什麼?

resend/react-email 是一個強大的技能組合,專為開發者設計,用於在 React 生態系統中建立、設計與發送電子郵件。此技能涵蓋兩個主要層面:一是使用 React 元件撰寫 HTML 電子郵件範本,支援常見郵件類型如歡迎郵件、密碼重設與訂單確認;二是整合 React Email 的視覺編輯器,讓使用者能直接在應用程式中透過所見即所得方式編輯郵件。它還提供將 React 元件渲染為完整 HTML 郵件的能力,並與 Resend 郵件服務無縫串接,實現可靠發送。支援的平台包括常見的開發工具與框架,工作流程依賴 SKILL.md 文件中定義的具體指令與最佳實踐。此技能對於需要建立可維護、有響應式設計的郵件系統或希望為非技術使用者提供郵件編輯功能的專案特別有用。

相容平台~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 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

react-email 是做什麼的?

當需要使用 React 元件建立 HTML 電子郵件範本、使用 React Email 視覺編輯器為應用程式添加視覺化郵件編輯器、將電子郵件渲染為 HTML,或使用 Resend 發送電子郵件時使用。涵蓋歡迎郵件、密碼重設、通知、訂單確認、電子報、交易郵件及可嵌入的電子郵件編輯器元件。

相關技能