Email Template Builder
Skill ActiveEmail Template Builder
To streamline the development and management of transactional email infrastructure, providing a robust framework for creating, previewing, and sending production-ready emails.
Features
- 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
Use Cases
- Setting up transactional email for new products
- Migrating existing email systems
- Adding new email types (invoices, notifications)
- Debugging email deliverability issues
Non-Goals
- 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
Practices
- Email template design
- Transactional email infrastructure
- Internationalization
- Email deliverability
- Cross-provider integration
Prerequisites
- 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
First, add the marketplace
/plugin marketplace add alirezarezvani/claude-skills/plugin install engineering-team@claude-code-skillsQuality Score
Trust Signals
Similar Extensions
Resend
98Use when working with the Resend email API — sending transactional emails (single or batch), receiving inbound emails via webhooks, managing email templates, tracking delivery events, managing domains, contacts, broadcasts, webhooks, API keys, automations, events, viewing API request logs, or setting up the Resend SDK. Always use this skill when the user mentions Resend, even for simple tasks like "send an email with Resend" — the skill contains critical gotchas (idempotency keys, webhook verification, template variable syntax) that prevent common production issues.
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.