# Email Render Builder

Use when the user asks to "build the email HTML", "make this email responsive", "fix...

- Repository: https://github.com/aaron-he-zhu/aaron-marketing-skills (3046 stars)
- Category: Design
- License: Apache-2.0
- Last updated: 2026-11-01
- Runs scripts: no, instructions only

## Install

Claude Code: `npx skills add aaron-he-zhu/aaron-marketing-skills --skill email-render-builder -g -a claude-code -y`
Codex: `npx skills add aaron-he-zhu/aaron-marketing-skills --skill email-render-builder -g -a codex -y`
Cursor: `npx skills add aaron-he-zhu/aaron-marketing-skills --skill email-render-builder -g -a cursor -y`
Gemini CLI: `npx skills add aaron-he-zhu/aaron-marketing-skills --skill email-render-builder -g -a gemini-cli -y`
Claude Code plugin marketplace: `/plugin marketplace add aaron-he-zhu/aaron-marketing-skills`

## Description

Use when the user asks to "build the email HTML", "make this email responsive", "fix dark-mode rendering", or "QA the email across clients"; produces the coded HTML build, a responsive table layout, dark-mode + accessibility pass, a client-render matrix, image-block fallbacks, and a plain-text parity check. Not for writing the copy, use email-creative-builder; not for scoring the email or computing EQS, use email-quality-auditor. 邮件HTML/响应式邮件/暗色模式渲染

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# Email Render Builder

Builds and QAs the coded HTML for a single email, a responsive table-based layout, a dark-mode + accessibility pass, a client-render matrix, image-block fallbacks with bulletproof CTAs, and a plain-text-parity check. This is the render half of SEND **Engage**: `email-creative-builder` writes the words, this skill turns them into a build that lands the same in Gmail, Outlook, Apple Mail, and on mobile. It does not write copy, and it does not score the email or run any veto, that is `email-quality-auditor`.

**Scope guard**: this skill produces the HTML build + render QA + plain-text parity only. It writes no subject-line or body *copy* ([email-creative-builder](../email-creative-builder/SKILL.md) owns that), scores no SEND dimension, runs no veto, and does not compute the profile-weighted EQS, [email-quality-auditor](../../deliver/email-quality-auditor/SKILL.md) owns all four vetoes (S1/S2/N1/D1) and the EQS rollup.

## Quick Start

```
Build responsive HTML from this creative: [paste subject + body + CTA], destination [URL]
```

```
QA this email HTML across Gmail, Outlook, Apple Mail, and mobile: [paste HTML]. Flag dark-mode and image-off breakage.
```

```
This renders broken in Outlook and images-off, fix the layout and add fallbacks: [paste HTML]
```

## Skill Contract

**Expected output**: one email HTML build plus a render-QA report, inline-styled table layout, dark-mode-safe colors, an accessibility checklist result, a client-render matrix (Gmail/Outlook desktop+web/Apple Mail/iOS+Android), image-off fallback notes with bulletproof CTA markup, and a plain-text-parity check against the creative, bound to the source creative version/hash and an exact `html_hash` / `plain_text_hash`, with the standard handoff summary for `memory/email/email-render-builder/`.

The rest: https://github.com/aaron-he-zhu/aaron-marketing-skills/blob/HEAD/email/engage/email-render-builder/SKILL.md