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.