Email Marketing
Generates a complete HTML email in the product-launch format: masthead with nav, hero image block, eyebrow + headline lockup with a skewed italic accent word, body copy, one CTA button, and a specs grid. The whole thing renders as a centered 600–680px column on a tinted background so it looks like an email artifact, not a webpage. It pulls typography and color tokens from your active design system and writes real brand names and product copy instead of placeholders. The layout is table-based for client compatibility, all CSS is inline, and images are either inline SVG or gradient blocks. Use it when the brief asks for a newsletter blast, launch email, or MJML template and you want a single-scroll marketing piece that reads in under ten seconds.
- skills.sh installs
- 249
- GitHub stars
- 106.9K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add nexu-io/open-design --skill email-marketing --agent claude-codeInstalls into .claude/skills of the current project.
Files
Email Marketing Skill
Produce a single HTML email — centered, single column, no chrome around the email body. Treat it like a marketing artifact: one big idea, one CTA.
Workflow
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/nexu-io/open-design
- Categories
- Frontend Development, Marketing & SEO, Design & UI/UX
- First seen
- Jun 3, 2026
More from nexu-io/open-design
All 217- Motion Frames249
- Docs Page248
- Invoice248
- Sprite Animation247
- Blog Post245
- Pricing Page245
- Tweaks243
- Simple Deck242
- Finance Report240
- Digital Eguide239
- Magazine Web Ppt239
- Kanban Board238
- Gamified App236
- Pm Spec234
- Weekly Update234
- Dating Web233
- Hr Onboarding233
- Meeting Notes233
- Eng Runbook231
- Team Okrs229
- Image Poster225
- Hyperframes220
- Audio Jingle210
- Replit Deck209
Recommended
More Frontend Development
webperf-resourcesnucliweb/webperf-snippetsIntelligent network quality analysis with adaptive loading strategies. Detects connection type (2g/3g/4g), bandwidth, RTT, and save-data mode, then automaticall249skills.sh installs
og-image-generationandrelandgraf/fullstackrecipesGenerate dynamic social preview images using Next.js file conventions and the next/og library. Server-rendered JSX images cached at build time.245skills.sh installs
supanova-design-engineuxjoseph/supanova-design-skillSupanova Landing Page Design Engine. Generates premium, conversion-optimized landing pages using pure HTML + Tailwind CSS (CDN). Overrides default LLM biases to245skills.sh installs
accessibilityyonatangross/orchestkitAccessibility patterns for WCAG 2.2 compliance, keyboard focus management, React Aria component patterns, cognitive inclusion, native HTML-first philosophy, and245skills.sh installs
atomic-designjwilger/agent-skillsBrad Frost's Atomic Design methodology for UI component hierarchies: atoms (indivisible elements), molecules (small groups of atoms), organisms (complex section244skills.sh installs
citycraftoil-oil/citycraftCreate a bold, visually striking landing page — unconventional layouts, GSAP scroll animations, SVG elements, clip-path dividers, real depth and layering. Use t244skills.sh installs