email-design

What This Skill Does

The Email Design skill empowers users to craft high-converting marketing and transactional emails by combining proven layout standards with AI-assisted visual generation. This tool bridges the gap between creative strategy and technical implementation, offering guidance on the 'Inverted Pyramid' layout, responsive design constraints, and high-engagement subject line formulas. By utilizing the inference.sh CLI integration, you can programmatically generate professional-grade header images and banners that align perfectly with your brand identity, ensuring your emails stand out in crowded inboxes.

Installation

To integrate this skill into your OpenClaw environment, execute the following command in your terminal:

clawhub install openclaw/skills/skills/okaris/email-design

Ensure your system has the inference.sh CLI installed if you intend to utilize the automated image generation features. You can verify your installation by checking for the infsh binary in your system path.

Use Cases

This skill is designed for marketers, product managers, and developers needing to streamline their email operations. Use it to:

• Build high-conversion welcome sequences that onboard new users effectively.
• Design promotional newsletters with optimized mobile-first layouts.
• Automate transactional templates that maintain brand consistency across receipts, alerts, and password resets.
• A/B test subject lines using data-backed formulas to maximize open rates.

Example Prompts

1. "Draft a welcome email for my new SaaS product. Use the Inverted Pyramid layout, keep the body under 50 words, and suggest three subject line variations using the 'Number + Benefit' formula."
2. "Help me design a promotional banner for a 20% off summer sale. Provide the HTML/CSS code snippet that I can use with the infsh tool to generate the visual."
3. "Analyze my current email newsletter performance. My click-through rate is low; can you suggest structural changes based on the 600px width standard and best practices for CTA placement?"

Tips & Limitations

To maximize the effectiveness of your campaigns, always adhere to the 600px width constraint, as it is the industry standard for Gmail and Outlook compatibility. While the AI provides excellent starting points, always perform an inbox preview test across multiple mobile clients before sending your final campaign. Remember that while image generation is powerful, excessive use of heavy graphics can trigger spam filters; balance your visual banners with clean, readable text using recommended font sizes between 14px and 16px. Avoid using two-column layouts where possible, as they frequently break on smaller mobile viewports, potentially obscuring your primary call to action.