skills.rest
Aadi-110i
Aadi-110iCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

email-design

Generates marketing email layouts, subject lines, and header images using HTML-to-image rendering.

Updated Jul 28, 2026
Search Tags:#newsletter#email marketing#subject line#deliverability#cta#email template#html-to-image
One-click install
npx skills add https://github.com/Aadi-110i/PEP-PROJECT --skill email-design-aadi-110i
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: email-design
Source: https://github.com/Aadi-110i/PEP-PROJECT/tree/main/skills/email-design
Command: npx skills add https://github.com/Aadi-110i/PEP-PROJECT --skill email-design-aadi-110i

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Designing marketing emails that render correctly across Gmail, Outlook, and mobile clients requires deep knowledge of layout constraints, deliverability rules, and copywriting formulas that most teams lack. ## Core Features & Use Cases - Layout & Typography Standards: Enforces the 600px width standard, inverted pyramid layout, mobile-first single-column design, and minimum font/tap-target sizes. - Subject Line & Preview Text Formulas: Provides proven subject line patterns, length limits, and spam-trigger word avoidance to improve open rates. - AI-Generated Header Images: Creates email header banners via the inference.sh belt CLI using HTML-to-image rendering or AI image generation. - Use Case: A marketer launching a weekend sale uses this Skill to generate a 600x300 promotional header image, write a compliant subject line with preview text, and build a bulletproof CTA button that renders in Outlook. ## Quick Start Ask the AI to design a promotional email for a 30% off sale, including a header banner image, subject line, and a bulletproof CTA button.

Frequently Asked Questions about email-design

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

FAQPage Schema
How do I design a marketing email that renders in Outlook and Gmail?▼

Use a single-column layout at 600px max width with inline CSS styles, since email clients render CSS inconsistently. For buttons, use the bulletproof button technique with table-based markup and VML fallback for Outlook.

How to generate email header images with AI?▼

Use the inference.sh belt CLI with the infsh/html-to-image app to render styled HTML into a 600px-wide banner image. For photographic visuals, use falai/flux-dev-lora with a text prompt at 1200x500 for retina displays.

What subject line length works best for email open rates?▼

Keep subject lines between 30-50 characters since mobile inboxes truncate around 35 characters. Personalization with a first name lifts open rates by over 20%, while ALL CAPS and spam trigger words hurt deliverability.

Why do marketing emails land in spam folders?▼

Common causes include image-heavy content exceeding a 40% image-to-text ratio, missing SPF/DKIM/DMARC authentication, spam trigger words in subject lines, and no-reply sender addresses. Maintaining list hygiene and a clear unsubscribe link also protects sender reputation.

What are the limitations of multi-column email layouts?▼

Multi-column layouts break on many email clients and mobile devices, where over 60% of emails are opened. Single-column layouts with vertically stacked elements are the reliable standard for cross-client rendering.

Related Skills

Explore More Marketing & Sales Skills→
balsm-healthbalsm-health
2

analyzing-email-headers-for-phishing-investigation

Parse email headers and validate SPF, DKIM, and DMARC records.

Official
Advanced
guia-matthieuguia-matthieu
145

email-writing

Generate email copy, subject lines, and sequences for marketing and sales.

Community
Intermediate
dthuy62dthuy62

ck:copywriting

Generate conversion-focused marketing copy using frameworks like AIDA and PAS.

Community
Advanced
wshaddixwshaddix
71

mjml-email-templates

Generate responsive HTML email templates using MJML with .NET Razor syntax.

Community
Intermediate