klaviyo-email-design — independently scanned and version-tracked by SaferSkills.
SaferSkills independently audited klaviyo-email-design (Agent Skill) and scored it 100/100 (green). The audit ran 55 deterministic rules across Security, Supply Chain, Maintenance, Transparency, and Community; it found 0 high-severity and 0 lower-severity findings. The full rule-by-rule trace and per-finding evidence are below. Free, methodology-open.
Findings & checks · 0 flagged
Every scanned point with the score it earned and what moved between them.
First recorded scan — no prior version to compare against.
The primary manifest — the file an agent reads to learn what this artifact does.
Produces a paste-ready prompt for [claude.ai/design](https://claude.ai/design) that renders a complete, on-brand email template for any public brand. Claude Code handles the research (brand colours, voice, navigation, product claims) and assembles the prompt. You paste that prompt into claude.ai/design → get the rendered email.
Built by [@yourbrand.ai](https://instagram.com/yourbrand.ai) — part of the email-design starter pack. Share freely.
/klaviyo-email-design drinkag1.com newsletter
/klaviyo-email-design lululemon.com welcome
/klaviyo-email-design notion.so announcement
/klaviyo-email-design "https://www.apple.com" launchArguments:
drinkag1.com or https://lululemon.comnewsletter — editorial / educational, long-formwelcome — onboarding, post-signup, warm introannouncement — product launch, feature release, eventtransactional — order confirmation, shipping updatewinback — re-engagement, lapsed customerIf you don't know which type, default to newsletter — it's the most template-like.
Use WebFetch on the brand's homepage to extract:
If WebFetch fails (site blocks scrapers, timeout, etc.), ask the user to provide the details manually.
Show a short summary of what was extracted:
Brand: [brand name]
Primary colour: [hex approximation]
Typography feel: [description]
Voice: [description]
Ready to generate [email type] prompt? (y/n/edit)If edit, let user correct any detail before continuing.
Use the template in `templates/[email-type].md` (relative to this skill file) as the skeleton. Substitute the brand-specific values extracted in Phase 1.
If a template file isn't present, fall back to the universal structure described in `templates/fallback.md`.
The generated prompt must:
[placeholder] brackets for content that varies per issue (e.g. the actual article headline, date, issue number)640px max email width, mobile-responsive, table-based layout for email-client compatibility~/Desktop/klaviyo-email-designs/[brand-slug]-[email-type].md (create folder if missing)Every generated prompt follows this structure:
You are designing a [EMAIL TYPE] email for [BRAND]. Match [BRAND]'s existing brand exactly — real elements, real voice. Render as a responsive HTML email in an Artifact, mobile-first, max 640px content width, table-based layout for Gmail/Outlook/Apple Mail compatibility.
I will drop in real images in post — leave every image area as a labelled empty region with a 1px dashed border.
=== Brand: [BRAND NAME] ===
[Positioning description from Phase 1]
Tagline: "[verified tagline]"
Product claim: "[verified claim]"
Voice: [description]
=== Visual system ===
Colours (exact hex):
- Primary: [hex]
- Secondary: [hex]
- Paper / background: #FFFFFF
- Text: #1A1A1A
- Muted: #666666
Typography: Inter (Google Fonts), weights 400–700. [Rationale for substitution if brand uses custom font.]
Type scale:
- H1: 34px, weight 600, line-height 1.1
- H2: 24px, weight 600
- Body: 16px, weight 400, line-height 1.65
- Eyebrow: 12px, weight 600, UPPERCASE, +0.12em tracking
- Meta: 13px, weight 400, muted
=== Imagery direction ===
[Description of the brand's photography style. E.g. "morning light, stone counters, product in context, people in active routines."]
=== Layout rules ===
- Max 640px centred
- Outer body: [secondary colour]
- Inner: white
- Section padding: 48px top/bottom, 40px sides
- Separators: 1px lines in muted-warm tone
- Mobile @media 640px breakpoint
=== THE TEMPLATE — exact structure and copy ===
[Full section-by-section template, filled with brand-specific content]
=== HARD RULES ===
1. Typography: Inter only. No other fonts.
2. Colours: exactly the hex codes specified.
3. Copy is locked — real brand elements only. Do not fabricate statistics or claims.
4. No imagery — every image area is a dashed-border placeholder with a monospace label.
5. No emoji, icons, decorative flourishes.
6. Email-client-safe: table layout, inline styles, max 640px, no external CSS beyond Inter from Google Fonts.
7. Mobile-first @media query at 640px.
=== OUTPUT ===
Render a single HTML email as an Artifact. Table-based. Inline styles. Inter imported from Google Fonts. Show rendered preview AND raw HTML source. No commentary.Long-form weekly content. 7 sections:
Onboarding email, sent post-subscribe. 5 sections:
Product launch or feature release. 4 sections:
Order confirmation or shipping. Clean and utilitarian. 3 sections:
Re-engagement for lapsed customers. 3 sections:
@media (max-width: 640px) breakpoint.SKILL.md file into ~/.claude/skills/klaviyo-email-design/SKILL.md on your Mac/hooks to reload)/klaviyo-email-design drinkag1.com newsletterNo other API keys or tool setup required.
Built by [@yourbrand.ai](https://instagram.com/yourbrand.ai) — AI workflows for creative pros. Share freely.
~30 seconds. Free. No account. Every finding cites a rule and a line of evidence.