email-marketing

Generate brand HTML emails with inline CSS from a design brief.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/junainfinity/osmDesign --skill email-marketing-junainfinity
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: email-marketing
Source: https://github.com/junainfinity/osmDesign/tree/main/skills/email-marketing
Command: npx skills add https://github.com/junainfinity/osmDesign --skill email-marketing-junainfinity

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Generate production-ready brand HTML emails directly from a design brief, eliminating manual layout and formatting work.

Core Features & Use Cases

  • Produces a single-column HTML email with masthead, hero image, eyebrow line, headline lockup, body copy, a single CTA, specs grid, and a footer.
  • Enforces design-system alignment by relying on a defined color, typography, layout, and component structure and by inlining CSS for consistent rendering in email clients.
  • Use case: deliver a product-launch email for a brand from a brief and output a ready-to-send HTML artifact.

Quick Start

Provide a production-ready HTML email artifact from a provided design brief, following the required structure and inline styles.

Frequently Asked Questions about email-marketing

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate brand HTML emails from a brief?▼

You can generate a production-ready brand HTML email by providing a design brief. The output is a self-contained HTML document with inline CSS, a 600–680px column, and a design-system-driven structure including a masthead, hero image, body copy, and CTA.

What is the best way to build a single-column HTML newsletter for product launches?▼

The best way to build a single-column HTML newsletter for product launches is to use a design-system-driven structure. This ensures consistent rendering across email clients by enforcing inline CSS and including a masthead, hero image, eyebrow line, headline lockup, and single CTA.

Do I need external images to design an HTML email campaign?▼

No, you do not need external images to design an HTML email campaign. The generated HTML email artifact is entirely self-contained with no external images, relying on inline CSS to ensure consistent rendering across various email clients.

Why does my marketing email break in different email clients?▼

Marketing emails break in different email clients due to inconsistent CSS rendering. Using a design-system-driven structure with inlined CSS in a self-contained HTML document ensures formatting consistency and prevents layout breakage.

How do I create a ready-to-send HTML email for a marketing campaign?▼

To create a ready-to-send HTML email for a marketing campaign, you provide a production brief. The output is a single-column HTML artifact with a 600–680px column, inline styles, and required components like a specs grid and footer.

Can I use this approach to design emails without external dependencies?▼

Yes, you can design emails without external dependencies. This approach produces a self-contained HTML document with inline CSS, no external images, and a 600–680px column, ensuring the email renders consistently across various email clients.