Email Html Mjml
Skill Verifiziert AktivResponsiver 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.
Effiziente Generierung von zuverlässigen, clientübergreifend kompatiblen HTML-E-Mail-Vorlagen, die die Komplexität von E-Mail-Client-Rendering-Eigenheiten abstrahieren.
Funktionen
- Generierung responsiver HTML-E-Mail-Vorlagen via MJML
- Kompiliert MJML zu produktionsfertigem HTML
- Gewährleistet clientübergreifende Kompatibilität (Outlook, Gmail, Apple Mail)
- Enthält Muster für Barrierefreiheit und Dark Mode Unterstützung
- Gibt sowohl MJML-Quellcode als auch kompiliertes HTML aus
Anwendungsfälle
- Erstellung von Willkommens-E-Mails, Werbeaktionen oder Transaktionsvorlagen
- Kompilierung vorhandener MJML-Vorlagen zu HTML
- Fehlerbehebung bei E-Mail-Rendering-Problemen über verschiedene Clients hinweg
- Generierung von strukturierten und wartungsfreundlichen E-Mail-Codebasen
Nicht-Ziele
- Direktes Senden von E-Mails über einen ESP
- Interaktion mit E-Mail-Client-APIs
- Generierung von nicht-responsiven oder tabellenlosen HTML
Workflow
- Sammeln von Anforderungen aus der Benutzernachricht und dem Kontext.
- Planen und Ankündigen des strukturellen Layouts der E-Mail.
- Laden relevanter Komponentenreferenzen aus dem Index.
- Generieren von vollständigem und gültigem MJML-Quellcode.
- Kompilieren von MJML zu HTML mit `npx mjml` unter Verwendung der angegebenen Flags.
- Ausliefern sowohl der `.mjml`-Quelldatei als auch der kompilierten `.html`-Datei.
Voraussetzungen
- Node.js 14+
- MJML projektspezifisch installiert (`npm install -D mjml`)
Installation
npx skills add framix-team/skill-email-html-mjmlFührt das Vercel skills CLI (skills.sh) via npx aus — benötigt Node.js lokal und mindestens einen installierten skills-kompatiblen Agent (Claude Code, Cursor, Codex, …). Setzt voraus, dass das Repo dem agentskills.io-Format folgt.
Qualitätspunktzahl
VerifiziertVertrauenssignale
Ähnliche Erweiterungen
React Email
98Verwenden 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.
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.
Gmail Automation
100Automate Gmail tasks via Rube MCP (Composio): send/reply, search, labels, drafts, attachments. Always search tools first for current schemas.
Gws Gmail Forward
100Gmail: Forward a message to new recipients.
Videoagent Video Studio
100Erstellen Sie kurze KI-Videos aus Text oder Bildern – Text-zu-Video, Bild-zu-Video und referenzbasierte Generierung – ohne API-Schlüssel-Einrichtung. Verwenden Sie dies, wenn der Benutzer einen Videoclip erstellen, ein Bild animieren oder ein Video aus einer Beschreibung generieren möchte.