--- name: email-campaigns version: 1.0.0 description: | 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. allowed-tools: - Bash - Read - Write - Edit - Grep - Glob --- # 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: ``` /public/email-assets/ / 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 `