# Email Design Skill

emaildesignskill.com

Review email design like a system, not a screenshot.

A design skill for agents checking responsive modules, dark-mode behavior, accessibility, and production-safe template changes.

## Install

```bash
npx skills add emaildesignskill
```

## Operating Data

- **14**: module checks
- **5**: rendering surfaces
- **2**: contrast passes

## Template inspection frame

1. Module purpose
2. Mobile stack
3. Dark mode
4. Alt text
5. Fallback copy

## Scenarios

### Template critique

Review hierarchy, CTA clarity, spacing, and failure states.

### Module system planning

Convert one-off sections into reusable design blocks.

### Dark-mode QA

Surface color, image, border, and contrast risks before build handoff.

## Operating Proof

- **Best for**: Teams shipping reusable HTML email components
- **Primary artifact**: Design QA table with module-level fixes
- **Stop condition**: Unreviewed rendering change in a production template

## Agent Resources

- Markdown index: /index.md
- Skill discovery JSON: /.well-known/skills/index.json
- Raw SKILL.md: /skills/emaildesignskill/SKILL.md
- Articles: /articles/