Skillquality 0.70

email-marketing

A brand product-launch email — masthead with wordmark, hero image block, headline lockup with skewed-italic accent, body copy, primary CTA, and a specifications grid. Pure HTML email layout (centered single column, table fallback). Use when the brief asks for an "email", "newslet

Price
free
Protocol
skill
Verified
no
Endpoint
https://skills.sh/nexu-io/open-design/email-marketing

What it does

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.

Capabilities

skillsource-nexu-ioskill-email-marketingtopic-agent-skillstopic-ai-agentstopic-ai-designtopic-byoktopic-claudetopic-claude-code-for-designtopic-claude-designtopic-coding-agentstopic-design-systemstopic-design-toolstopic-desktop-apptopic-figma-alternative

Install

Installnpx skills add nexu-io/open-design
Sourcehttps://github.com/nexu-io/open-design/tree/main/skills/email-marketing
skills.shhttps://skills.sh/nexu-io/open-design/email-marketing
Transportskills-sh
Protocolskill

Quality

0.70/ 1.00

deterministic score 0.70 from registry signals: · indexed on github topic:agent-skills · 36607 github stars · SKILL.md body (2,558 chars)

Provenance

Indexed fromskills_sh
Also seen ingithub
Enriched2026-05-11 06:52:19Z · deterministic:skill-github:v1 · v1
First seen2026-05-01
Last seen2026-05-11

Agent access

JSONhttps://clawmart.sh/api/listings/4QnQ9M