Now liveThe Skillselion MCP - thousands of ranked skills, loaded into your agent mid-task. No install.Get it →
nexu-io avatar

Email Marketing

nexu-io/open-design

  • 250 installs
  • 83.7k repo stars
  • Updated August 5, 2026
  • nexu-io/open-design

email-marketing is a design agent skill that creates on-brand email campaigns, newsletters, and lifecycle sequences with layouts, copy blocks, and CTAs for developers shipping onboarding, promo, and retention programs.

About

email-marketing is a skill from nexu-io/open-design that helps developers and marketers draft on-brand email campaigns without starting from a blank template. The skill structures newsletters, lifecycle sequences, and promotional sends with layout guidance, copy blocks, and clear CTAs tuned for onboarding, promotions, and retention goals. It focuses on message design and sequence planning rather than ESP integration code. Teams reach for email-marketing when they need consistent branded emails for product launches, drip onboarding, or re-engagement and want agent-generated drafts aligned to an existing design system. Outputs are campaign outlines, sectioned copy, and CTA recommendations ready to paste into tools like Resend, Mailchimp, or Customer.io.

  • campaign layouts
  • newsletter templates
  • lifecycle drips
  • promo emails
  • on-brand CTAs

Email Marketing by the numbers

  • 250 all-time installs (skills.sh)
  • +2 installs in the week ending Aug 4, 2026 (Skillselion tracking)
  • Ranked #896 of 1,879 Marketing & SEO skills by installs in the Skillselion catalog
  • Data as of Aug 5, 2026 (Skillselion catalog sync)
npx skills add https://github.com/nexu-io/open-design --skill email-marketing

Add your badge

Show developers this skill is listed on Skillselion. Paste this into your README.

Listed on Skillselion
Installs250
repo stars★ 83.7k
Last updatedAugust 5, 2026
Repositorynexu-io/open-design ↗

How do you design onboarding and retention email sequences?

Design on-brand email campaigns, newsletters, and lifecycle sequences with layouts, copy blocks, and CTAs for onboarding, promos, and retention.

Who is it for?

Developers and designers preparing lifecycle email programs who need on-brand layouts and copy drafts before ESP implementation.

Skip if: Teams needing SMTP setup, deliverability tuning, or HTML template coding inside a specific ESP instead of campaign design guidance.

When should I use this skill?

The user asks to design email campaigns, newsletters, onboarding sequences, promo emails, or retention lifecycle messages with on-brand layouts and CTAs.

What you get

Email campaign layouts, newsletter copy blocks, lifecycle sequence outlines, and CTA recommendations

  • email layout outline
  • newsletter copy blocks
  • lifecycle sequence plan

Files

SKILL.mdMarkdownGitHub ↗

Email Marketing Skill

Produce a single HTML email — centered, single column, no chrome around the email body. Treat it like a marketing artifact: one big idea, one CTA.

Workflow

1. Read the active DESIGN.md (injected above). Email leans on the display font more than any other surface — pick the loudest type token in the DS for the headline lockup. 2. Pick the brand + product from the brief. Generate a real wordmark, a real product name, and one real benefit sentence — no placeholders. 3. Layout, in order, all centered inside a 600–680px column on a tinted page background (so the email body looks like an email, not the page):

  • Masthead — wordmark on the left + 3 short nav links (SHOP, JOURNAL,

MEMBERS) on the right. Thin underline.

  • Hero block — a 16:9 product image placeholder. Use a DS-tinted

gradient or a stylized SVG silhouette of the product (shoe, bottle, headphones, whatever the brief implies). Add a tiny brand stamp on the top-left and a colorway tag on the bottom-left.

  • Eyebrow — small caps, accent color, separated by · characters

(e.g. "NEW · MAX-CUSHION TRAINER · EMBER FLARE").

  • Headline lockup — 2–3 line headline using the display font, all caps,

extra-tight tracking. Apply a slight skew (transform: skew(-6deg)) on one accent word to give it a sporty parallelogram feel.

  • Body — 2–3 sentence paragraph, left-aligned, body font.
  • Primary CTA — solid pill or block button. One only.
  • Specs grid — 2×2 grid of (big number + unit + label) callouts using

the display font for the numbers.

  • Footer — wordmark, address line, unsubscribe + view-in-browser links.

4. Write a single HTML document:

  • <!doctype html> through </html>, CSS inline.
  • Center the column with margin: 0 auto. Set body { background: <tint> }

so the email-on-page metaphor reads.

  • No external images — use inline SVG or DS-tinted gradient blocks for the

product photo.

  • data-od-id on the masthead, hero, headline, CTA, specs.

5. Self-check:

  • Email reads top to bottom in 8–10 seconds.
  • One CTA. Accent appears at most twice (eyebrow + CTA, or headline word).
  • Looks legible on a 480px window (column reflows, type drops one step).

Output contract

Emit between <artifact> tags:

<artifact identifier="email-slug" type="text/html" title="Email — Subject Line">
<!doctype html>
<html>...</html>
</artifact>

One sentence before the artifact, nothing after.

Related skills

coreyhaines31Seo AuditRun structured SEO audits on their SaaS site or content hub and receive a prioritized action plan.173k42.2kcoreyhaines31CopywritingGenerate, rewrite, or strengthen persuasive website and landing-page copy that converts visitors into users.164k42.2kvyralcontentViral Short FormQuickly generate high-retention hooks, scripts, and outlines for TikTok, Reels, YouTube Shorts, and carousels.132k67vyralcontentViral HooksWrite and critique viral hooks for short-form video opening sequences.123k67vyralcontentViral Captions And CtasOptimize social media captions and CTAs for viral short-form video reach and saves.123k67vyralcontentViral Youtube ShortsWrite and diagnose YouTube Shorts for Shorts Feed and long-form funnel.123k67

FAQ

What does email-marketing design?

email-marketing designs on-brand email campaigns, newsletters, and lifecycle sequences with layouts, copy blocks, and CTAs. The skill covers onboarding, promotional, and retention programs for developer-led products.

Does email-marketing send emails?

email-marketing focuses on campaign design and copy structure, not ESP delivery. Developers export layouts and copy into tools like Resend, Mailchimp, or Customer.io for sending.

Marketing & SEOlifecyclecontent
Browse by category
AI & AgentsFrontend & DesignBackend & DataDev ToolsAutomationTesting & ReviewSecurityMonitoring & CloudDocs & Planning
Design & frontend
Design systemsAnimation & motionAccessibility (a11y)CSS & TailwindUI designUXDesign to codeshadcn/uiLanding pagesBest design skills
Most searched skills
find-skillscavemanfrontend-designbrainstormingsystematic-debuggingstop-slopemil-design-engui-ux-pro-maxkarpathy-guidelinesweb-design-guidelinesreact-best-practicesgrill-meimprovemicrosoft-foundryagent-browser
Browse all listings
All agent skillsAll MCP serversAll marketplacesAll plugins

This week in AI coding

Five minutes, every Monday - the tools, releases and tactics for developers.

unsubscribe anytime.