Skip to the rows

agentsclimarketplace

Design for email

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

HTML email design constraints, email client compatibility, and email-specific patterns.From its SKILL.md

Install

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

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.3 KB, 268 tokens by cl100k_base, as published. Nobody here has run it

Design for Email

Technical Constraints

Use tables for layout (flexbox/grid not supported)
Inline CSS (many clients strip <style> tags)
Max width: 600px
No JavaScript
No video (use GIF or static image with play button)
Background images: limited support (use bgcolor fallback)

Client-Specific Issues

Client	Major Issue
Outlook (Windows)	Uses Word rendering engine. Tables only.
Gmail	Strips `<style>` in non-Google-account views
Apple Mail	Most capable, supports most CSS
Yahoo	Strips some CSS, adds its own

Design Rules

Single column layout (reliable everywhere)
System fonts + web-safe fallbacks
Button: use a padded table cell with background color (not CSS button)
Images: always set width, provide alt text
Dark mode: test appearance, some clients auto-invert
Preview text: first 80-100 characters visible in inbox

Testing

Test in: Gmail (web), Outlook (desktop), Apple Mail, mobile Gmail, mobile Mail
Tools: Litmus, Email on Acid
Send test emails to yourself on multiple devices

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.