Marketing
Plugin
email-campaigns-claude
Beautiful HTML email campaigns with Resend and Claude Code.
Plugin Signal60/100Solid
maintained81
capable14
documented100
adopted47
Install
$ npx -y skills add irinabuht12-oss/email-campaigns-claude --agent claude-code
What's inside
README
email-campaigns-claude
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.
What's inside
- SKILL.md — the full skill, drop into
~/.claude/skills/email-campaigns/and invoke via/email-campaigns - examples/claude-connector.html — real production email built with this pattern. Open in a browser to see the rendered result.
Install as a Claude Code skill
# 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
What you'll learn
- Asset hosting — turn your own Vercel/Netlify
public/folder into a free email CDN (no Cloudinary bill) - Design system — copy-paste blocks: hero image, frost-glass logo cards, video thumbnails with blurred color backgrounds, dark CTA buttons
- GIF pipeline — ffmpeg one-liners to convert MP4 screen recordings into email-safe GIFs (under 2 MB, 15fps, sensibly trimmed)
- Resend integration — single-send, batch-send, drip sequences with webhooks
- Pre-send checklist — absolute URLs, preheader, alt text, client testing
Design tokens at a glance
| 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 |
Example
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.
Pull the numbers for the email from your ad accounts
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 →
License
MIT
File tree
FAQ
email-campaigns-claude is a Claude Code plugin with 1 hand-picked skill, indexed on Flowy in the Marketing category. Install it with the command on its page. It includes email-campaigns-claude. Its skills do not fire on their own yet. Request auto-invocation to have Flowy route them as you prompt. Free and open source.
- What is email-campaigns-claude?
- 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,
- How do I install email-campaigns-claude?
- Run these in Claude Code: npx -y skills add irinabuht12-oss/email-campaigns-claude --agent claude-code. Then prompt normally.
- Does email-campaigns-claude auto-invoke its skills?
- Not yet. It is indexed on Flowy as a plain plugin. Request auto-invocation on its page and Flowy will route its skills for you as you prompt.
- Is email-campaigns-claude free?
- Yes. Flowy is free and open source, with nothing gated. You can read every skill in full before you install.
Is this plugin yours?
Claim it with GitHubSubmit a pluginPromote it