Generate high-converting marketing and transactional email designs using AI-powered visuals and industry-standard layout patterns.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install email-design
2. Manual Installation
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
3. Prompt Installation
Copy this prompt to OpenClaw to install it automatically.
Help me install email-design using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).
Prefer to download?
Get the raw skill files in a ZIP archive.
What is Email Design?
The email-design skill empowers developers and marketers to build professional email campaigns directly within their AI-assisted workflow. By leveraging the Openclaw Skills framework, this tool provides programmatic access to image generation and HTML-to-image conversion for headers, banners, and CTAs. It integrates best practices for layout, typography, and mobile responsiveness to ensure emails render perfectly in Gmail, Outlook, and Apple Mail.
This skill is essential for bridging the gap between technical implementation and high-impact email marketing. Using Openclaw Skills like this one ensures that your automated workflows result in human-centric, high-converting communication that adheres to deliverability standards like SPF, DKIM, and CAN-SPAM requirements.
Email Design Use Cases
- Designing automated welcome sequences for new user signups to increase retention.
- Generating high-impact promotional banners for seasonal marketing campaigns.
- Creating consistent transactional email templates for order confirmations and receipts.
- Optimizing newsletter layouts using the Inverted Pyramid design pattern for higher CTR.
- A/B testing subject line formulas and preview text to significantly boost open rates.
How Email Design Works
- Initialize the environment by installing the inference.sh CLI tool used by this skill.
- Authenticate the session to access cloud-based image and HTML rendering engines.
- Define email components such as headers or banners using HTML/CSS snippets or AI-driven prompts.
- Execute generation commands through Openclaw Skills to produce 600px-wide web-ready visuals.
- Apply industry-standard layout constraints and deliverability rules to finalize the template design.
Email Design Setup
To get started with this skill, install the necessary CLI and login to access the rendering tools:
curl -fsSL https://cli.inference.sh | sh && infsh login
# Generate a sample email header banner
infsh app run infsh/html-to-image --input '{
"html": "<div style=\"width:600px;height:250px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-family:system-ui;color:white;text-align:center\"><div><h1 style=\"font-size:36px;margin:0\">Spring Sale</h1></div></div>"
}'
Email Design Data Schema & Taxonomy
The skill follows a structured approach to email metadata and design constraints as defined in the Openclaw Skills architecture:
| Component | Specification | Why |
|---|---|---|
| Max Width | 600px | Standard for Gmail and Outlook rendering |
| Mobile Width | 320px - 414px | Ensures responsive fallback for narrow screens |
| Image Width | 1200px (Retina) | Provides high-density assets for modern displays |
| Body Font | 14px - 16px | Prevents unreadable text on mobile devices |
| CTA Height | 44px minimum | Adheres to Apple and Android tap target standards |
Email Design Advanced Features
- Programmatic banner generation using Flux and other Lora models via Openclaw Skills integrations.
- Bulletproof button generation compatible with legacy clients including VML support for Outlook.
- Automated deliverability checks including image-to-text ratio analysis to avoid spam filters.
- Multi-agent orchestration support for designing complex, multi-stage drip campaigns.
- Deep integration with related Openclaw Skills for landing page design and advanced prompt engineering.
SKILL.md
Loading
Related Openclaw Skills
Dialogue Audio Generation with Dia TTS
Generate realistic, multi-speaker dialogue audio using advanced speaker tags and emotional cues for professional productions.
Data Visualization
Create high-impact, professional data visualizations using expert design principles and automated chart generation tools.
Customer Persona
A data-driven skill for generating comprehensive customer personas, journey maps, and visual avatars using real-time market research and AI.
Competitor Teardown
A structured framework for automated competitive intelligence, providing deep-dive analysis into product features, pricing, and market positioning.
Explainer Video Guide
A comprehensive technical framework for producing professional AI-generated explainer videos from script to final cut using CLI automation.
FLUX Image Generation
A specialized skill for generating high-quality images using FLUX models by Black Forest Labs via a streamlined CLI interface.
METADATA
Featured*
