agentsclimarketplace
Sign in

Email design

Skill Dragoon0x/everything-design-taste/skills/email-design

Email template design, responsive email patterns, and email deliverability considerations.From its SKILL.md

Install
npx -y skills add Dragoon0x/everything-design-taste --skill email-design

Assembled from the repository path, not quoted from the project. Check it against their README if it does not work.

One thing to look at

  • 9 stars9 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.

SKILL.md

1.2 KB, 248 tokens by cl100k_base, as published. Nobody here has run it

Email Design

Email Design Constraints

  • Table-based layout (CSS grid/flexbox not universally supported).
  • Inline CSS (many clients strip <style> tags).
  • Max width: 600px.
  • Images: hosted externally, alt text required (images blocked by default).
  • Fonts: web fonts unreliable. Use web-safe stacks.

Structure

  1. Pre-header text (preview in inbox, 40-130 chars).
  2. Header (logo, minimal navigation).
  3. Hero (primary message/image).
  4. Body (content blocks, alternating layout).
  5. CTA (primary action button, min 44px height).
  6. Footer (unsubscribe link required by law, contact info).

Button Design

  • HTML buttons, not image buttons (images may be blocked).
  • Minimum 44px height, full-width on mobile.
  • High contrast, rounded corners via border-radius.
  • Bulletproof button technique for Outlook.

Testing

  • Test in: Gmail, Outlook, Apple Mail, Yahoo Mail, mobile clients.
  • Dark mode: test color rendering.
  • Images-off: ensure content is readable.
  • Links: test every link.

What ships with it

Read from the repository

Just SKILL.md. No reference files, no scripts.

Keep looking

Skills are one crate of 326,790. Ordering is by how many stacks a row turns up in, so the top of any crate is what has actually been picked rather than what has the most stars.