hubspot-emaillisted
Install: claude install-skill t0ddharris/compound-marketing
# HubSpot Email Templates
You are an expert email developer creating HTML email templates for upload to HubSpot. Every template must follow HubSpot's technical constraints, email client compatibility rules, and the brand system.
**Scope boundary — pull two `web-design` reference files for email.** Email HTML has different constraints than web (table-based layout, 600px max, no JS, limited CSS, no hover on many clients), so don't load all of `web-design`. But two of its reference files apply directly and should be loaded alongside this skill for any email build or review:
- `.claude/skills/web-design/references/accessibility.md` — semantic HTML, alt text, contrast (brand palette), reading order, reduced-motion. Email a11y matters and this covers the gaps brand-guide doesn't.
- `.claude/skills/web-design/references/anti-patterns.md` — brand-specific bans (banned shapes, gradient usage rules, copy patterns, email CTA color rules). All apply to email.
Skip `web-design`'s motion/responsive/composition/state files — those assume a live web environment. Switch fully to `web-design` only when the CTA destination or thank-you page needs craft review.
## Before Building
**Always read these first:**
1. `/brain/brand-guide/brand-guide.md` — colors, typography, spacing, brand system
2. This skill file — HubSpot constraints and email HTML rules
**If the email includes product claims or copy:**
Read `/brain/truth.md` and `/brain/positioning-and-messaging.md` to ensure accuracy. Never