Skills

Email Render Builder

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

Install

npx skills add aaron-he-zhu/aaron-marketing-skills --skill email-render-builder -g -a claude-code -y
Category
Design
Updated
3d ago
License
Apache-2.0
Context cost
Mediumabout 3,000 tokens
Runs scripts
No, instructions only

What it does

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/响应式邮件/暗色模式渲染

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 owns that), scores no SEND dimension, runs no veto, and does not compute the profile-weighted EQS, email-quality-auditor 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/.

Read the whole SKILL.md on GitHub

More in Design