SkillsAdd

dragoon0x/everything-design-taste

responsive-email-design

Responsive email design patterns, fluid layouts, and mobile-first email approaches.

First seen Jul 18, 2026

Installation

$ npx skills add dragoon0x/everything-design-taste --skill responsive-email-design
View on skills.sh ↗ GitHub repository ↗

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

vercel-react-native-skills Shared topics
vercel-labs/agent-skills 205.5K installs
flutter-build-responsive-layout Similar name
flutter/agent-plugins

Use `LayoutBuilder`, `MediaQuery`, or `Expanded/Flexible` to create a layout that adapts to dif…

33.3K installs
responsive-design Similar name
wshobson/agents 18.2K installs
responsiveness-check Similar name
jezweb/claude-skills

Test website responsiveness across viewport widths using browser automation. Resizes a single s…

1.6K installs
responsive-design Similar name
owl-listener/designer-skills

Design layouts and interactions that adapt across screen sizes and input methods. Use when one …

1.6K installs
responsive-patterns Similar name
yonatangross/orchestkit

Responsive design with Container Queries, fluid typography, cqi/cqb units, subgrid, intrinsic l…

1.3K installs

Also in this package

Other skills from dragoon0x/everything-design-taste · top by installs.

npx skills add dragoon0x/everything-design-taste
ecommerce-design 6 kiosk-design 5 desktop-app-design 3 brand-photography-guide 3 animation-choreography 3 user-retention-patterns 3 watch-wearable-design 3 travel-hospitality-design 3 travel-booking 3 stepper-input 3

Browse all from dragoon0x/everything-design-taste

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Repository health

Stars 11
License LICENSE
Default branch main
Open issues 0
Status Active

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 943 B
  • docs SUMMARY.md 114 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 2 installs

SKILL.md

Responsive Email Design

Mobile Email Strategy

  • 60%+ of email is opened on mobile. Design mobile-first.
  • Single-column layout adapts best.
  • Stack multi-column content vertically on mobile.
  • Buttons: full-width on mobile, inline on desktop.

Fluid vs Responsive

  • Fluid: Percentage-based widths, works everywhere but less control.
  • Responsive: Media queries, more control but not all clients support.
  • Hybrid: Fluid with conditional comments for Outlook. Best of both.

Mobile-Specific

  • Font size: 16px minimum body (prevents auto-zoom on iOS).
  • Links: 44px touch target minimum.
  • Images: 100% width, max-width for desktop.
  • Preheader text: visible on mobile, hidden on desktop.
  • Single CTA per section.