email-campaigns

Featured

Design, build, and send beautiful HTML email campaigns via Resend. Handles asset hosting (images + GIFs on your own CDN), the pre-built email HTML component library (frost-glass cards, hero image, video blocks with blurred backgrounds, CTA buttons, footer), GIF optimization from MP4 source video, and sending via the Resend API. Use when asked to "create an email", "draft a marketing email", "send a campaign", "make an email sequence", or "build an email with Resend". Proactively suggest when the user mentions sending marketing emails, launching a feature via email, or designing a newsletter.

AI & Automation 156 stars 19 forks Updated 2 days ago MIT

Install

View on GitHub

Quality Score: 91/100

Stars 20%
73
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# Email Campaigns Build modern, on-brand marketing emails and send them via Resend. This skill encodes a complete pattern: asset hosting, reusable HTML components, GIF tooling, and the Resend send pipeline. ## 1. Asset hosting — use your own site as a CDN **Setup once.** In a Next.js or any static-hosted project, create a folder served at the site root: ``` <project>/public/email-assets/ <campaign-name>/ hero.png demo.gif ``` Anything in `public/` is served at `https://yourdomain.com/email-assets/...`. Commit + push = instant CDN. No Cloudinary, no S3. **Rules for email-safe assets:** - Naming: lowercase, dashes only (`hero-image.jpg` ✅, `Hero Image.jpg` ❌) - Images: JPG/PNG, ≤ 1 MB, max 600px wide - GIFs: ≤ 1.5 MB, max 720px wide, 12-15 fps, keep under 8 seconds - Video: MP4 in same folder, but NEVER embed `<video>` — always use GIF thumbnail linking to MP4 - Version filenames instead of overwriting (`hero-v2.jpg`) — email clients cache aggressively **Before sending:** swap all local paths to absolute URLs (`https://yourdomain.com/email-assets/...`). Relative paths work in browser preview but break in recipients' inboxes. ## 2. Design system — reusable blocks Use this building-block inventory. Copy from a previous campaign, don't redesign from scratch. ### Outer shell ```html <body style="margin:0; padding:0; background-color:#ffffff; font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;"> <div style="display:...

Details

Author
irinabuht12-oss
Repository
irinabuht12-oss/email-campaigns-claude
Created
5 months ago
Last Updated
2 days ago
Language
N/A
License
MIT

Integrates with

Similar Skills

Semantically similar based on skill content — not just same category

AI & Automation Listed

email-broadcasts

Draft, test, and send marketing / product-update email broadcasts to an audience via Resend. Use when the user asks to "send a broadcast", "email blast", "newsletter", "product update email", "announce something to users", "marketing email", "review request", "how many contacts", "email history", or "what have we sent". Config-driven brand + sender; mandatory test send and explicit confirmation before any real send; CAN-SPAM compliant; bounded history.

1 Updated 1 months ago
adamjali
AI & Automation Listed

email-marketing

Creates email campaigns, automation sequences, and deliverability optimization covering drip campaigns, newsletters, onboarding, and cold outreach with compliance best practices. Use when user asks about email campaign, newsletter, drip sequence, email automation, deliverability, cold outreach, 이메일 마케팅, 이메일 캠페인, 뉴스레터, or 자동화 시퀀스.

3 Updated today
Yoodaddy0311
AI & Automation Listed

ecom-klaviyo-email

Build one high-converting, on-brand HTML campaign email for an e-commerce store and deploy it to Klaviyo as a ready-to-review DRAFT (audience left as a clearly-marked placeholder so nothing sends by accident). From a product (PDP) or collection (PLP) link plus the email type, the skill learns the brand, reads the page, researches the customer and competition, mines the store's Klaviyo performance, writes copy, generates an AI hero image plus real product photos, assembles bulletproof email HTML, and creates the draft — plus two paste-ready Klaviyo audience prompts (targeted and broad). Use whenever the user wants to create, build, draft, design, or generate a campaign email, daily email, product email, promo email, launch email, or newsletter for their store — even without saying "Klaviyo," e.g. "build a campaign email for my daily send," "make an email for this collection," "draft this week's newsletter," or "I need a promo email," especially with a store URL.

1 Updated 1 months ago
jasoncarrigan