# Audit Responsive Email Designs

Responsive email work often fails across clients, devices, and dark mode. This skill guides structured audits, module planning, and handoff checks for reliable email production.

## Install

```bash
npx skillstore add sequenzy/emaildesignskill
```

## Metadata

- Status: approved
- Slug: sequenzy-emaildesignskill
- Skillstore revision: r1
- Version status: missing
- Tree hash: 40048a9652709890d33cbb443064c187eb6bd75c405bb3bbbc761a093e1eedff
- Author: Sequenzy
- GitHub username: Sequenzy
- License: MIT
- Repository: https://github.com/Sequenzy/skills/tree/main/skills/emaildesignskill
- Ref: e397ce5a135369cd6def89cb6400d013e2f68f2f
- Supported tools: Claude, Codex, Claude Code
- Audit status: complete
- Agent install advisory: allowed
- Manual install advisory: allowed
- Artifact signature: available
- Audit attestation: unavailable
- Human verification: not\_verified
- Quality score: 74
- Public page: https://skillstore.pages.dev/skills/sequenzy-emaildesignskill
- Manifest: https://skillstore.pages.dev/api/skills/sequenzy-emaildesignskill/manifest

## Capabilities

- Reviews email hierarchy, CTA order, scannability, and fallback content.
- Checks responsive structure, column collapse, image ratios, and mobile tap targets.
- Identifies client risks for Outlook, Gmail clipping, unsupported CSS, and image blocking.
- Evaluates dark-mode behavior, contrast, alt text, and link affordance.
- Produces template audits, module specs, QA tables, and design handoff checklists.

## Use Cases

- Template QA Before Launch: Review HTML or ESP templates for mobile collapse, dark-mode contrast, image blocking, and CTA clarity before a campaign ships.
- Reusable Module Planning: Define module constraints, content limits, and fallback behavior for a scalable email design system.
- Developer Handoff Review: Translate a Figma or React Email concept into implementation notes with client risks and accessibility checks.

## Prompt Templates

### Audit One Template

```
Use $emaildesignskill to audit this email template for hierarchy, mobile behavior, dark mode, accessibility, and client rendering risks. Return prioritized fixes.
```

### Plan Reusable Modules

```
Use $emaildesignskill to define reusable email modules for this campaign series. Include content limits, layout constraints, fallback behavior, and QA notes.
```

### Review Design Handoff

```
Use $emaildesignskill to review this design handoff for build readiness. Flag missing specs, accessibility risks, dark-mode issues, and client-specific concerns.
```

### Build QA Risk Matrix

```
Use $emaildesignskill to create a QA risk matrix for this email program. Cover target clients, responsive states, dark mode, content extremes, and approval gates.
```

## Limitations

- Does not replace real rendering tests in Litmus, Email on Acid, or target inboxes.
- Requires supplied HTML, screenshots, components, or design details for precise review.
- Does not send email or change live email systems without explicit approval.
- Provides production guidance, not legal or deliverability compliance certification.

## Best Practices

- Provide target clients, QA results, and production constraints before requesting fixes.
- Test long names, missing images, dark mode, and image blocking during review.
- Separate rendering defects, accessibility issues, and brand preferences in final recommendations.

## Anti Patterns

- Do not rely on image-only messages for important content or CTAs.
- Do not approve template changes without checking mobile collapse and dark-mode contrast.
- Do not apply one-off module overrides without documenting future content limits.

## Security Audit

- Audited at: 2026-07-06T19:50:39.085\+00:00
- Summary: Static analysis reported no suspicious patterns in this prompt-only skill. Manual review found no prompt injection, data exfiltration intent, or executable behavior in the skill content.

## Stats

- Views: 0
- Downloads: 4
- Favorites: 0
- Popularity score: 0