Email Template Builder
Skill AktivEmail Template Builder
To streamline the development and management of transactional email infrastructure, providing a robust framework for creating, previewing, and sending production-ready emails.
Funktionen
- Build React Email and MJML templates
- Integrate with multiple email providers (Resend, Postmark, etc.)
- Support for i18n, dark mode, and spam optimization
- Local preview server with hot reload
- Implement open/click tracking with UTM parameters
Anwendungsfälle
- Setting up transactional email for new products
- Migrating existing email systems
- Adding new email types (invoices, notifications)
- Debugging email deliverability issues
Nicht-Ziele
- Marketing email campaigns
- Broadcasting newsletters
- Complex email A/B testing
Workflow
- Define email template structure and content
- Implement provider-specific sending logic
- Configure i18n and dark mode styles
- Set up local preview server for testing
- Integrate analytics tracking and UTM parameters
- Deploy and manage transactional email system
Praktiken
- Email template design
- Transactional email infrastructure
- Internationalization
- Email deliverability
- Cross-provider integration
Voraussetzungen
- Node.js runtime
- React Email library
Documentation
- info:Configuration & parameter referenceWhile the SKILL.md details core capabilities and project structure, it does not explicitly document all configuration parameters or their default values for environment variables or provider settings.
Security
- warning:Secret ManagementThe `send.ts` file references `process.env.RESEND_API_KEY` for Resend integration, indicating a potential for hardcoded or unmanaged secrets if not properly handled by the environment.
- info:Data ExfiltrationThe `addTrackingParams` function adds UTM parameters to links, which could be considered a form of data exfiltration if not intended or documented.
Code Execution
- info:ValidationWhile type safety is present via TypeScript, explicit schema validation libraries (like Zod or Pydantic) for input arguments and output are not evident in the provided snippets.
- info:Error HandlingThe `sendEmail` function in `lib/send.ts` uses a try-catch block around the `resend.emails.send` call, but the handling of specific errors and reporting is minimal.
Compliance
- info:GDPRThe skill handles email content which may include personal data, but does not perform explicit sanitization beyond what's inherent in template generation. The `addTrackingParams` function adds UTM parameters, which could potentially be considered personal data.
Install
- warning:Installation instructionThe README.md provides general installation instructions for the Claude Code Skills repository, but there are no specific, copy-pasteable installation or invocation examples for the 'Email Template Builder' skill itself within its dedicated SKILL.md.
Errors
- info:Actionable error messagesThe `sendEmail` function has a basic try-catch, but error messages are not detailed or actionable for the user regarding specific failure modes or remediation steps.
Practical Utility
- warning:Usage examplesWhile the SKILL.md provides code snippets and structure, it lacks end-to-end, ready-to-use invocation examples for the skill itself, making it harder to directly apply.
- info:Edge casesThe 'Common Pitfalls' section addresses some limitations like inline styles and max width, but it doesn't comprehensively list failure modes with symptoms and recovery steps as typically found in detailed edge case documentation.
Installation
Zuerst Marketplace hinzufügen
/plugin marketplace add alirezarezvani/claude-skills/plugin install engineering-team@claude-code-skillsQualitätspunktzahl
Vertrauenssignale
Ähnliche Erweiterungen
Resend
98Verwenden Sie dies, wenn Sie mit der Resend E-Mail-API arbeiten – Senden von Transaktions-E-Mails ( einzeln oder im Stapel), Empfangen von eingehenden E-Mails über Webhooks, Verwalten von E-Mail-Vorlagen, Verfolgen von Zustellungsereignissen, Verwalten von Domains, Kontakten, Sendungen, Webhooks, API-Schlüsseln, Automatisierungen, Ereignissen, Anzeigen von API-Anforderungs protokollen oder Einrichten des Resend SDK. Verwenden Sie diesen Skill immer, wenn der Benutzer Resend erwähnt, selbst für einfache Aufgaben wie "eine E-Mail mit Resend senden" – der Skill enthält kritische Fallstricke (Idempotenzschlüssel, Webhook-Verifizierung, Syntax für Vorlagenvariablen), die häufige Produktions probleme verhindern.
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.
Typescript Advanced Types
100Master TypeScript's advanced type system including generics, conditional types, mapped types, template literals, and utility types for building type-safe applications. Use when implementing complex type logic, creating reusable type utilities, or ensuring compile-time type safety in TypeScript projects.