跳转到主要内容

React Email

技能 已验证 活跃
属于:Resend

使用 React 组件构建 HTML 电子邮件模板,通过 React Email 可视化编辑器将可视化电子邮件编辑器添加到应用程序,渲染电子邮件为 HTML,或使用 Resend 发送电子邮件。涵盖欢迎电子邮件、密码重置、通知、订单确认、新闻通讯、事务性电子邮件和可嵌入的电子邮件编辑器组件。

目的

使开发人员能够使用 React 组件和 Tailwind CSS 构建复杂的 HTML 电子邮件模板,从而简化事务性电子邮件、新闻通讯和其他电子邮件通信的创建过程。

功能

  • 使用 React 组件构建 HTML 电子邮件模板
  • 使用 Tailwind CSS 为电子邮件设置样式
  • 与 Resend 集成以发送电子邮件
  • 包含一个可嵌入的可视化电子邮件编辑器
  • 支持电子邮件内容的国际化

使用场景

  • 创建欢迎电子邮件、密码重置和订单确认
  • 向应用程序添加可视化电子邮件编辑器
  • 将电子邮件渲染为 HTML 以供各种服务使用
  • 开发复杂的多栏新闻通讯布局

非目标

  • 超出 SDK 集成范围,直接管理电子邮件发送基础设施
  • 提供未针对电子邮件客户端定制的通用 HTML 编辑器
  • 支持 CSS 兼容性较差的电子邮件客户端

安装

请先添加 Marketplace

/plugin marketplace add resend/resend-skills
/plugin install resend-skills@resend-skills

质量评分

已验证
98 /100
1 day ago 分析

信任信号

最近提交10 days ago
星标111
许可证MIT
状态
查看源代码

类似扩展

Setup Tailwind Typescript

100

Configure Tailwind CSS with TypeScript in a Next.js or React project. Covers installation, configuration, custom theme extensions, component patterns, and type-safe styling utilities. Use when adding Tailwind CSS to an existing TypeScript project, customizing the Tailwind theme for a project's design system, setting up type-safe component styling patterns, or configuring Tailwind plugins and extensions.

技能
pjt222

Sentry React Router Framework Sdk

100

Full Sentry SDK setup for React Router Framework mode. Use when asked to "add Sentry to React Router Framework", "install @sentry/react-router", or configure error monitoring, tracing, profiling, session replay, logs, or user feedback for a React Router v7 framework app.

技能
getsentry

Email Html Mjml

99

使用 MJML 4.x 框架生成响应式 HTML 电子邮件模板。当用户要求创建、生成、设计或构建电子邮件模板时使用——包括欢迎电子邮件、推广邮件、事务性模板、新闻通讯或任何响应式电子邮件。当用户要求将 MJML 编译为 HTML、处理或编辑现有 MJML 模板或对电子邮件在客户端之间的渲染问题进行故障排除时,也请使用。

技能
framix-team

Shadcn/ui Component Library

99

shadcn/ui component library for React with Tailwind CSS - copy-paste accessible components with full code ownership

技能
bobmatnyc

Gmail

100

Interact with Gmail - search emails, read messages, send emails, create drafts, and manage labels. Use when user asks to: search email, read email, send email, create email draft, mark as read, archive email, star email, or manage Gmail labels. Lightweight alternative to full Google Workspace MCP server with standalone OAuth authentication.

技能
sanjay3290

Save Email to Doc

100

Save a Gmail message body into a Google Doc for archival or reference.

技能
googleworkspace