React Email
Skill Verifiziert AktivVerwenden Sie dies beim Erstellen von HTML-E-Mail-Vorlagen mit React-Komponenten, fügen Sie Ihrer Anwendung mit dem visuellen React Email-Editor einen visuellen E-Mail-Editor hinzu, rendern Sie E-Mails zu HTML oder senden Sie E-Mails mit Resend. Beinhaltet Willkommens-E-Mails, Passwort-Zurücksetzungen, Benachrichtigungen, Bestellbestätigungen, Newsletter, Transaktions-E-Mails und die einbettbare E-Mail-Editor-Komponente.
Entwicklern zu ermöglichen, anspruchsvolle HTML-E-Mail-Vorlagen mit React-Komponenten und Tailwind CSS zu erstellen und so den Prozess der Erstellung von Transaktions-E-Mails, Newslettern und anderen E-Mail-Kommunikationen zu optimieren.
Funktionen
- HTML-E-Mail-Vorlagen mit React-Komponenten erstellen
- E-Mails mit Tailwind CSS gestalten
- Integration mit Resend zum Senden von E-Mails
- Einbindung eines visuellen E-Mail-Editors
- Unterstützung der Internationalisierung für E-Mail-Inhalte
Anwendungsfälle
- Erstellung von Willkommens-E-Mails, Passwort-Zurücksetzungen und Bestellbestätigungen
- Hinzufügen eines visuellen E-Mail-Editors zu einer Anwendung
- Rendern von E-Mails zu HTML für verschiedene Dienste
- Entwicklung komplexer Newsletter-Layouts mit mehreren Spalten
Nicht-Ziele
- Direkte Verwaltung von E-Mail-Versandinfrastruktur über SDK-Integration hinaus
- Bereitstellung eines generischen HTML-Editors, der nicht für E-Mail-Clients optimiert ist
- Unterstützung von E-Mail-Clients mit schlechter CSS-Kompatibilität
Installation
Zuerst Marketplace hinzufügen
/plugin marketplace add resend/resend-skills/plugin install resend-skills@resend-skillsQualitätspunktzahl
VerifiziertVertrauenssignale
Ähnliche Erweiterungen
Setup Tailwind Typescript
100Configure 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.
Sentry React Router Framework Sdk
100Full 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.
Email Html Mjml
99Responsiver HTML-E-Mail-Vorlagengenerator mit dem MJML 4.x Framework. Verwenden Sie ihn, wenn der Benutzer die Erstellung, Generierung, Gestaltung oder den Aufbau einer E-Mail-Vorlage anfordert – einschließlich Willkommens-E-Mails, Werbeaktionen, Transaktionsvorlagen, Newsletter oder anderer responsiver E-Mails. Verwenden Sie ihn auch, wenn der Benutzer die Kompilierung von MJML zu HTML, die Arbeit mit oder die Bearbeitung vorhandener MJML-Vorlagen oder die Fehlerbehebung bei Problemen mit der E-Mail-Darstellung bei verschiedenen Clients anfordert.
Shadcn/ui Component Library
99shadcn/ui component library for React with Tailwind CSS - copy-paste accessible components with full code ownership
Gmail
100Interact 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.
Save Email to Doc
100Save a Gmail message body into a Google Doc for archival or reference.