skills.rest
Soham407
Soham407COMMUNITY
Explore all skills by this author →
GitHub

email-campaigns

Create HTML email campaigns with Resend send workflows and GIF assets.

1|Updated May 7, 2026
Search Tags:#marketing automation#resend#email deliverability#html email#gif optimization#cdn assets
One-click install
npx skills add https://github.com/Soham407/studio-kickstart --skill email-campaigns-soham407
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: email-campaigns
Source: https://github.com/Soham407/studio-kickstart/tree/main/business/email-campaigns
Command: npx skills add https://github.com/Soham407/studio-kickstart --skill email-campaigns-soham407

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

It solves the problem of manually designing, asset-hosting, and sending deliverable marketing emails while ensuring HTML email client compatibility.

Core Features & Use Cases

  • HTML email campaign pattern for Resend: Generates complete marketing email structure with a Resend send pipeline for single sends, batches, and drip sequences.
  • Reusable design blocks & tokens: Provides copy-paste components like frost-glass cards, hero imagery, video blocks with blurred backgrounds, CTA buttons, and consistent typography/shadows.
  • GIF and asset hosting workflow: Covers converting MP4 to optimized GIFs and serving assets from your own CDN under public/email-assets so absolute URLs work in inboxes.

Quick Start

Ask the AI: “Create an email campaign about [product/topic] using a hero image, a frost-glass logo row, a video/GIF block, and two black pill CTAs; host assets at https://yourdomain.com/email-assets/[campaign-name]/ and generate a Resend-ready html + send.mjs payload.”

Frequently Asked Questions about email-campaigns

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I send HTML marketing emails with Resend that render correctly across different email clients?▼

To send HTML marketing emails via Resend, use table-based layouts and absolute asset URLs for inbox-safe rendering. This approach generates production-ready campaigns with reusable design blocks, ensuring consistent display across various email clients.

What's the best way to embed video content in HTML emails without breaking deliverability?▼

The best way to embed video in HTML emails is converting MP4 files to optimized GIFs. You then serve these GIFs from your own CDN under a public directory, ensuring absolute URLs work reliably within email client inboxes.

Do I need to host email assets on a CDN to use Resend for batch sends?▼

Yes, you need to host email assets on a CDN. Using absolute asset URLs from your own domain under public/email-assets ensures that images and GIFs load correctly when executing single sends, batch sends, or drip sequences via the Resend API.

How do I structure a Resend API send workflow for drip sequences?▼

Structuring a Resend API send workflow for drip sequences requires generating an HTML payload and a send.mjs script. This workflow includes appropriate pre-send checks to handle batch sends and reusable design blocks for automated email sequences.

Why do my marketing email images break in Gmail and Outlook inboxes?▼

Marketing email images break in inboxes like Gmail and Outlook when using relative paths or incompatible HTML. Using absolute CDN asset URLs and email-client-safe table-based HTML layouts resolves these rendering and deliverability issues.

Related Skills

Explore More Marketing & Sales Skills→
irinabuht12-ossirinabuht12-oss
155

email-campaigns

Generate HTML marketing email campaigns with Resend-compatible sending flows.

Community
Advanced
jesserathbunjesserathbun

build-feature

Orchestrate end-to-end feature development with a single approval gate in Atlas.

Community
Advanced
efekrbasefekrbas
41

neo-brutalism

Implement neo-brutalist styling with thick borders, hard shadows, and pressed states.

Community
Intermediate
gqf2008gqf2008

p5js

Generate p5.js browser-based generative art and interactive visuals with HTML, PNG, GIF, MP4, or SVG export.

Community
Intermediate