Skip to content
Get packs

Email Template Builder

Build transactional email templates, provider integrations, and previews for your app

Source Download skill
Repository
alirezarezvani/claude-skills
Stars
29,149
Licence
MIT
Files
1 file

What it does

Teaches the agent to build a complete transactional email system for a software product: React Email templates for things like welcome, verification, password reset and invoice emails, plus a unified sending layer that can connect to Resend, Postmark, SendGrid or AWS SES. It also covers a local preview server, translations, dark mode styling and basic tracking with UTM parameters. Once installed, the agent produces ready-to-adapt code and a project layout instead of generic email advice.

Great for

  • Developers adding order, signup or password-reset emails to a new web product
  • Teams migrating from one email provider to another and needing consistent templates
  • Engineers who want multilingual email templates with typed translation keys

Skip it if

  • Marketing newsletters or bulk campaigns, since the skill targets transactional email and does not cover list management or campaign tools
  • Non-developers who cannot run a React project, because the output is code that must be installed and configured
  • Anyone expecting deliverability guarantees, since the spam checklist is advisory and depends on DNS and provider setup

Try asking

  • “Create a React Email welcome and email verification template for my SaaS app using Resend”
  • “Migrate my existing password reset emails from SendGrid to Postmark with a unified send function”
  • “Add German translations to my invoice and notification email templates”
  • “Build a local preview server so I can view my email templates while developing”
Step-by-step guide: how to use Email Template BuilderInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 1 original files, the MIT licence and an attribution note.

    email-template-builder.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip email-template-builder.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip email-template-builder.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Replace the placeholder company name, address and logo URL in the layout before sending anything to real users.
  • Store provider API keys in environment variables, not in the generated code.
  • Test each template in the preview server and with a real test inbox across several email clients before launch.

What's inside

  • SKILL.md

Redistributed unmodified from alirezarezvani/claude-skills under the MIT licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.