This skill packages a full workflow for making modern marketing emails in Claude Code. It covers reusable email blocks, asset hosting, GIF conversion, and the Resend send pipeline, with an example email included for reference.
Builders who want Claude Code to draft and ship marketing emails with a reusable email pattern.
You can create consistent HTML email campaigns with fewer manual steps and less re-explaining of the email format.
Provides copy-paste patterns for hero images, frost-glass cards, video thumbnails with blurred backgrounds, and CTA buttons.
Shows how to use a Vercel or Netlify `public/` folder as a simple email asset host.
Includes ffmpeg guidance for turning screen recordings into email-safe GIFs under 2 MB and 15 fps.
Covers single sends, batch sends, drip sequences, and webhook-based follow-up.
Calls out absolute URLs, preheaders, alt text, and client testing before sending.
Includes `examples/claude-connector.html`, a complete launch email showing the pattern in context.
# Clone git clone https://github.com/irinabuht12-oss/email-campaigns-claude.git # Install as a skill mkdir -p ~/.claude/skills/email-campaigns cp email-campaigns-claude/SKILL.md ~/.claude/skills/email-campaigns/SKILL.md
Beautiful HTML email campaigns with Resend and Claude Code.
A Claude Code skill that encodes a complete pattern for building and sending modern marketing emails — asset hosting, reusable design blocks (frost-glass cards, video blocks with blurred backgrounds, CTA buttons), GIF optimization, and the Resend send pipeline.
~/.claude/skills/email-campaigns/ and invoke via /email-campaigns# Clone
git clone https://github.com/irinabuht12-oss/email-campaigns-claude.git
# Install as a skill
mkdir -p ~/.claude/skills/email-campaigns
cp email-campaigns-claude/SKILL.md ~/.claude/skills/email-campaigns/SKILL.md
Then in any Claude Code session: /email-campaigns
public/ folder into a free email CDN (no Cloudinary bill)| Element | Value |
|---|---|
| Card corner radius | 3px |
| Card shadow | 0 2px 8px rgba(24,24,27,.06), 0 8px 24px rgba(24,24,27,.04) |
| Typography scale | 26px / 15px / 13px |
| Max card width | 560px |
| Primary action | Black pill CTA, repeated 2x |
| Background | Soft sky-blue gradient + 6% SVG noise texture |
The examples/ folder has a complete real-world email (the Ryze AI × Claude Connector launch) showing every block used in context.
Open examples/claude-connector.html in any browser for the live preview.
The example campaign in examples/ announces the Ryze connector. If you want Claude to read your own Google Ads, Meta Ads, GA4 or Search Console data while it writes (results, winners, the stat for the hero), add the free Ryze MCP once:
claude mcp add ryze --transport http https://connector.get-ryze.ai/mcp
In claude.ai, Claude Desktop or Cursor: Settings › Connectors › Add custom connector, paste https://connector.get-ryze.ai/mcp. Setup guide → · 48 more Claude marketing skills →
MIT
Sign in to join the discussion.
No comments yet. Be the first to say what this is good for.
Topic in, narrated explainer video out. A Claude Code / Codex skill that turns any topic into a black-canvas motion-graphics explainer video with TTS voiceover, subtitles and a chapter progress bar. Chinese or English; every frame drawn in code with Remotion.
Public repository for Agent Skills
Open-source AI job search: scan job portals, evaluate listings into a structured A-H report with a global 1-5 score, tailor your CV, track applications — runs locally in your AI coding CLI (Claude Code, Codex, OpenCode, Antigravity…)
An AI skill that provides design intelligence for building professional UI/UX across multiple platforms.
Taste-Skill - gives your AI good taste. stops the AI from generating boring, generic slop
Agent skill for beautiful, verifiable architecture, workflow, sequence, data-flow, and lifecycle diagrams—self-contained HTML with motion and crisp export.