Email Campaigns (Resend)
Build client-proof HTML marketing emails, optimize GIFs with ffmpeg, and send them through Resend.
Marketing & SEOIntermediate★ 156⑂ 19AI score 9/10Last updated: Sep 8, 2026
What it does
- Email-safe HTML component library: nested-table outer shell, hidden preheader, hero image, frost-glass logo cards, feature list, video block with pre-blurred background, black pill CTA, footer.
- Asset hosting pattern: serve
public/email-assets/from your own site as a zero-config CDN, with naming, size and dimension rules plus a hard rule to switch to absolute URLs before sending. - GIF optimization: ffmpeg one-liner for MP4 → 720px / 15fps / ≤8s GIF, with fallback recipes when the file is too big or too grainy.
- Resend send pipeline: single test-send script, batch sends up to 100 per call, and webhook-driven drip sequences instead of fixed timers.
- Pre-send checklist and anti-patterns: unsubscribe link, alt text, size caps, and no
<video>, flexbox or web fonts.
Who it's for
- Indie devs and founders shipping launch emails or newsletters through Resend
- Growth/marketing folks who need emails that render in Gmail, Outlook and Apple Mail without a designer
- Anyone who wants product video in email but keeps hitting blocked
<video>tags
Example uses
- "Draft a feature launch email" → generates HTML with hero image, demo GIF and two CTAs, plus a local preview path.
- "Turn demo.mp4 into an email-ready GIF" → runs the ffmpeg pipeline to land under 1.5 MB, dropping fps/width if needed.
- "Send this to my 500-person list via Resend" → writes a chunked batch-send script and walks the pre-send checklist first.
· · · Install guide · · ·
Try it now, no install
Paste this into Claude to use the skill without installing anything.
Read the instructions in this file and follow them to help me: https://raw.githubusercontent.com/irinabuht12-oss/email-campaigns-claude/HEAD/SKILL.md What I want: (describe your task here)
If Claude can't open the link, open it yourself and paste the contents instead.
↓ If it works for you, download the ZIP below and install it. Then it runs on its own — no pasting each time.
Install in the Claude app (no terminal)
- Download the ZIP with the button below.
- In Claude, open Settings → Capabilities and turn on 'Code execution and file creation'. (one time)
- Go to Customize → Skills → + → 'Upload a skill' and upload the ZIP.
Install in Claude Code
Let Claude do it — paste this into Claude Code
Install the skill I found on Claude Skill Mart. Copy the SKILL.m folder from the GitHub repo irinabuht12-oss/email-campaigns-claude into my ~/.claude/skills/email-campaigns/. When it's done, tell me in one line what this skill can do.
Install with a command instead
git clone https://github.com/irinabuht12-oss/email-campaigns-claude.git ~/.claude/skills/email-campaigns⚠ This is a third-party skill. Check the source repository before installing.
- Open a terminal.
- Create the skills folder if it doesn't exist:
mkdir -p ~/.claude/skills - Clone the repo into it:
git clone https://github.com/irinabuht12-oss/email-campaigns-claude.git ~/.claude/skills/email-campaigns - Confirm
~/.claude/skills/email-campaigns/SKILL.mdexists. - Install ffmpeg for the GIF workflow: macOS
brew install ffmpeg, Ubuntusudo apt install ffmpeg. - For sending, run
npm install resendin your project, setRESEND_API_KEY=re_..., and verify your sending domain in the Resend dashboard. - Restart Claude Code and try "create a marketing email" to confirm the skill triggers.
- Replace the sample sender address (
hello@get-ryze.ai) with your own verified domain before sending.
View source on GitHub ↗License: MIT