email-render-builder

email-render-builder is a skill for Claude Code from aaron-he-zhu/aaron-marketing-skills. It costs 113 tokens per session (3,291 once invoked), scanned A, original, Apache-2.0.

A builder and checker for HTML emails, using table-based layouts that work across email clients. It handles responsive behavior, dark mode, accessibility, image-block fallbacks, and matching plain-text versions.

In plain words
What is it for?
Use it to turn approved email copy into HTML, make an email responsive, check Gmail, Outlook, Apple Mail, and mobile views, or repair dark-mode and images-off behavior.
Why use it?
Email programs, especially Outlook, can display ordinary web layouts differently or hide images. This helps identify and fix those rendering problems without writing the email’s wording or judging its quality.

Skill for Claude Code

Written for Claude Code: argument-hint in frontmatter. Also seen: mentions Claude Code; built for openclaw.

Runs only inside its plugin — its command needs a path that Claude Code sets for a plugin’s own hooks and for nothing else. Install the plugin, not this.

Part of the aaron-marketing plugin — 120 skills shipped together , and of aaron-marketing

Good fit Use it to turn approved email copy into HTML, make an email responsive, check Gmail, Outlook, Apple Mail, and mobile views, or repair dark-mode and images-off behavior.

Compare 6 skills from other repositories ↓
About the project

aaron-marketing-skills is a collection of 120 AI-agent skills covering marketing work such as brand narrative, search optimization, social media, email, advertising, influencer campaigns, and launches. Marketers and agent users can install it as a plugin, use its portable skills, or run its described bot team. The catalogue entries are components of this marketing workflow.

aaron-he-zhu/aaron-marketing-skills · 2,771 stars · on GitHub · aaronmarketing.ai

Install

Getting it into your agent

This one installs as part of its plugin. Adding the marketplace and installing the plugin brings it with everything else the plugin ships.

Claude Code
/plugin marketplace add aaron-he-zhu/aaron-marketing-skills
Claude Code
/plugin install aaron-marketing

Made for: Claude Code.

Or install aaron-marketing, the plugin that ships this one along with the rest of its 120 skills.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for email-render-builder

README.md
[![agentmods](https://agentmods.dev/badge/skills/aaron-he-zhu/aaron-marketing-skills/email-render-builder/github.svg)](https://agentmods.dev/skills/aaron-he-zhu/aaron-marketing-skills/email-render-builder)
Your own site
<a href="https://agentmods.dev/skills/aaron-he-zhu/aaron-marketing-skills/email-render-builder"><img src="https://agentmods.dev/badge/skills/aaron-he-zhu/aaron-marketing-skills/email-render-builder/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for email-render-builder

Your own site · 80×15
<a href="https://agentmods.dev/skills/aaron-he-zhu/aaron-marketing-skills/email-render-builder"><img src="https://agentmods.dev/badge/skills/aaron-he-zhu/aaron-marketing-skills/email-render-builder.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 113 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 3,291 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe. Third-party audits
  • Socket pass 2 Sept 2026
  • Snyk pass 2 Sept 2026
How audits are shown
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00113 $0.03291
Opus 5 $0.00056 $0.01646
Sonnet 5 $0.00023 $0.00658
Haiku 4.5 $0.00011 $0.00329

Measured 10d ago against content hash 9943c2dada33, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-12, from the pricing page.

Security

Grade A, and why

email-render-builder scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 10d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

email/engage/email-render-builder/SKILL.md · 100 lines

How it starts

The opening of the file, as written. The whole thing — 100 lines — stays where its author put it; the contents beside it link to each section on GitHub.

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/.

  • Reads: the approved email creative (subject/preheader/body/CTA and its plain-text alternate) or raw HTML to QA; the destination URL; the mode (promo/cold/newsletter); target client list and any brand color/font/logo constraints; the message-match map from email-creative-builder when present.
  • Writes: a user-facing HTML build (the rendered E/D unit) plus the render-QA report and a reusable handoff summary.
  • Promotes: confirmed render blockers (a client that breaks the layout, an image-only block with no fallback, a dark-mode contrast failure) to memory/hot-cache.md and memory/open-loops.md; propose durable build decisions (approved template skeleton, brand-safe dark-mode palette) as pending-decision items — never write decisions.md directly.
  • Done when: the layout is a single-column responsive table that reflows on mobile, every color pair holds contrast in both light and dark mode, every image carries alt text and the email reads with images off, each CTA is a bulletproof (non-image) button, the client-render matrix names a pass/fail per target, the plain-text alternate carries the same message and links as the HTML, and both payload hashes bind to the named source creative version.
  • Primary next skill: email-quality-auditor — score the built unit and run the SEND vetoes; or send-experiment-designer if the build feeds an A/B render test.

Read the full file on GitHub · 100 lines

Files

What ships with it

2 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 10d ago Changed · +2 lines 9943c2dada33
  2. 13d ago First seen · 98 lines · 113 tokens per session scan A d00e16f8bd5e

Subscribe to this mod's changes

email-render-builder is a skill published in the GitHub repository aaron-he-zhu/aaron-marketing-skills (2,771 stars, last pushed today), licensed Apache-2.0. It adds 113 tokens to every session and 3,291 once invoked, about $0.0006 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.

Related

Other skills, from other repositories

image-optimization

When the user wants to optimize images for search engines and performance. Also use when the user mentions "image SEO," "alt text," "image captions," "figcaption," "image optimization," "WebP," "lazy loading," "LCP," "image sitemap," "responsive images," "srcset," "image format," or "hero image optimization." For CWV…

kostja94/marketing-skills · 87 tokens

mobile-friendly

When the user wants to optimize for mobile-first indexing or fix mobile usability. Also use when the user mentions "mobile-friendly," "mobile-first indexing," "mobile SEO," "responsive design," "mobile adaptation," "mobile viewport," "viewport meta," "touch targets," "font size mobile," "AMP," or "Accelerated Mobile…

kostja94/marketing-skills · 81 tokens

heading-structure

When the user wants to optimize heading structure (H1-H6), fix heading hierarchy, or improve content structure. Also use when the user mentions "H1," "heading," "heading hierarchy," "content structure," "H2," "H3," "heading tags," "heading SEO," "multiple H1," or "heading structure." For SEO workflow, use seo-strategy.

kostja94/marketing-skills · 83 tokens

masonry

When the user wants to design, optimize, or audit masonry (Pinterest-style) layouts for content display. Also use when the user mentions "masonry layout," "masonry grid," "Pinterest layout," "waterfall layout," "brick layout," "varying height grid," "gallery layout," or "masonry SEO." For crawl and scroll UX, use…

kostja94/marketing-skills · 81 tokens

core-web-vitals

When the user wants to optimize Core Web Vitals, fix LCP, INP, or CLS issues. Also use when the user mentions "Core Web Vitals," "CWV," "LCP," "INP," "CLS," "FID," "page speed," "page performance," "Largest Contentful Paint," "Interaction to Next Paint," "Cumulative Layout Shift," or "Page Experience." For GSC CWV…

kostja94/marketing-skills · 99 tokens

grid

When the user wants to design, optimize, or audit grid layouts for content display. Also use when the user mentions "grid layout," "grid design," "multi-column grid," "CSS grid," "responsive grid," "card grid," "product grid," or "feature grid." For cards layout, use card.

kostja94/marketing-skills · 66 tokens