How does it handle image generation?

The skill uses the inference.sh CLI to run HTML-to-image conversions or AI models like Flux to generate custom header banners and promotional visuals.

Does it help with mobile optimization?

Absolutely. It enforces mobile-first rules such as single-column layouts, 14px minimum font sizes, and 44px touch targets for buttons.

Will these designs work in Microsoft Outlook?

Yes, the skill includes specific constraints (600px max width) and 'bulletproof' HTML button techniques designed to work in Outlook's rendering engine.

What is the primary benefit of the Email Design skill?

It provides a standardized framework for creating emails that convert better, render correctly across all devices, and avoid being flagged as spam.

Email Marketing Design

Name: Email Marketing Design
Author: JantonioFC

byJantonioFC

•

Marketing Automation

Designs high-converting, mobile-responsive email campaigns with automated visual generation and deliverability optimization.

The Email Design skill is a comprehensive toolkit for developers and marketers looking to build professional email campaigns within the Claude Code environment. It provides structured guidance on layout patterns like the Inverted Pyramid, mobile-first design constraints, and 'bulletproof' button techniques that ensure compatibility across all major clients like Gmail and Outlook. By integrating with the inference.sh CLI, users can instantly generate custom email headers and visual assets, while leveraging proven formulas for subject lines and preview text to maximize open rates and avoid spam filters.

Key Features

01Automated header banner generation via inference.sh CLI integration.

02Comprehensive deliverability checklist to bypass SPAM filters and improve inboxing.

03High-converting subject line and preview text optimization formulas.

04Proven inverted pyramid layout patterns for higher click-through rates.

052 GitHub stars

06Mobile-first design standards for responsive cross-client rendering.

Use Cases

01Building automated welcome sequences and drip campaigns with consistent branding.

02Designing transactional emails and receipts that render perfectly in legacy clients like Outlook.

03Creating promotional templates with custom-generated AI hero images.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add jantoniofc/skillsbank email-design

For use in Claude.ai and ChatGPT