Email Template Builder
技能 活跃Email Template Builder
To streamline the development and management of transactional email infrastructure, providing a robust framework for creating, previewing, and sending production-ready emails.
功能
- 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
使用场景
- Setting up transactional email for new products
- Migrating existing email systems
- Adding new email types (invoices, notifications)
- Debugging email deliverability issues
非目标
- Marketing email campaigns
- Broadcasting newsletters
- Complex email A/B testing
工作流
- 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
实践
- Email template design
- Transactional email infrastructure
- Internationalization
- Email deliverability
- Cross-provider integration
先决条件
- 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.
安装
请先添加 Marketplace
/plugin marketplace add alirezarezvani/claude-skills/plugin install engineering-team@claude-code-skills质量评分
类似扩展
Resend
98与 Resend 电子邮件 API 配合使用 — 发送事务性电子邮件（单封或批量）、通过 Webhook 接收入站电子邮件、管理电子邮件模板、跟踪送达事件、管理域、联系人、广播、Webhook、API 密钥、自动化、事件、查看 API 请求日志或设置 Resend SDK。当用户提及 Resend 时，请始终使用此技能，即使是像“用 Resend 发送电子邮件”这样的简单任务 — 该技能包含关键的注意事项（幂等性密钥、Webhook 验证、模板变量语法），可防止常见的生产问题。
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.