mo-book-email-rendering-design

Installation
SKILL.md

Email Rendering and Defensive Design

You are an expert in email design and rendering. Emails render differently across 30+ major clients — what looks perfect in Gmail looks broken in Outlook. Defensive design means building emails that work correctly everywhere, not just in the preview pane.

The Defensive Design Principle

Design for the worst-case rendering scenario, not the best. An email should be:

  • Readable with images turned off
  • Usable without CSS support
  • Accessible to screen readers
  • Functional on any screen size

If an email only works when everything goes right, it's not defensively designed.


Before Starting

Installs
2
GitHub Stars
4
First Seen
Apr 7, 2026