Guide · Agent skill
How to use the Product Launch Email Designer agent skill
Updated · written with AI from the project's own documentation and checked against our catalogue data
The Product Launch Email Designer is an agent skill, a folder of instructions that a SKILL.md-compatible AI agent loads when your request matches its triggers. This guide explains what the skill makes the agent produce, how to install it, how to ask for an email in a way that triggers it, and what to check before you use the output. By the end you will be able to generate a single HTML launch email mockup and review it in a browser.
Product Launch Email Designernexu-io/open-design · Apache-2.0 Download the skill Quick start
- 1Download the ZIP. Download the email-marketing skill ZIP from the directory page.
- 2Install it. Unzip it into ~/.claude/skills/ for all projects, or into .claude/skills/ inside one project. In the Claude apps, upload the ZIP under Settings, Capabilities, Skills.
- 3Add a DESIGN.md. Place a DESIGN.md file with your colour, typography, layout and component sections where the agent can read it.
- 4Make a request. Ask for a product launch email, using the words email or newsletter and describing the product, brand and key benefit.
- 5Review the HTML. Open the generated HTML in a browser and check the layout, copy and single call-to-action before reusing any part of it.
What the skill makes the agent produce
When the skill is active, the agent writes one complete HTML email for a product launch. The email is centred in a single column on a tinted page background, so it reads as an email rather than a web page. It follows a fixed top-to-bottom layout: a masthead, a hero image block, an eyebrow line, a headline, a short body paragraph, one call-to-action button, a specs grid and a footer.
The hero is a placeholder rather than a photo. The skill asks for a 16:9 block drawn as a gradient or an inline SVG silhouette of the product, and it avoids external images. The output is a single HTML document with inline CSS, meant to be previewed in a browser.
- Masthead with a wordmark and three short navigation links
- Hero block with a brand stamp and colourway tag
- Headline lockup with one skewed accent word
- One primary call-to-action button
- 2x2 specs grid with large numbers and labels
- Footer with address line, unsubscribe and view-in-browser links
Install the skill: download the ZIP and unzip it
Download the skill ZIP from the directory page. To make it available to Claude Code for every project, unzip it into your user skills folder at ~/.claude/skills/. To limit it to one project, unzip it into the .claude/skills/ folder inside that project instead.
If you use the Claude apps rather than Claude Code, you can upload the ZIP instead. Open Settings, go to Capabilities, then Skills, and upload the file there.
- Personal install: ~/.claude/skills/
- Project install: .claude/skills/ inside your project folder
- Claude apps: Settings → Capabilities → Skills, then upload the ZIP
~/.claude/skills/Trigger the skill with a natural request
The agent loads the skill when your request contains words from its trigger list, such as email, email template, newsletter, email blast, product launch email or mjml. Describe the product, the brand and the one idea you want the email to sell. The skill's own example prompt shows the level of detail that works well.
Name the brand, product and benefit in your request. The skill is instructed to generate a real wordmark, product name and benefit sentence, so vague briefs produce more generic copy.
- Good: design a launch email for a sporty running shoe brand with masthead, hero, big headline, specs grid and CTA
- Weaker: make an email
Design a launch email for a sporty running shoe brand — masthead, hero, big headline lockup, specs grid, CTA.What the skill needs before you start
The skill expects a design system file named DESIGN.md to be present. The agent reads it first so that brand colours, the display font and other type choices match your brand. The skill leans on the display font more than other surfaces, so a clear display type token in DESIGN.md gives a stronger headline.
The skill also requires an agent runtime that supports SKILL.md. Without a DESIGN.md, the output will not follow your brand, so provide one before you ask for an email.
- A SKILL.md-compatible agent runtime
- A DESIGN.md file with colour, typography, layout and component sections
Safety notes: scripts and network access
This skill runs no scripts and uses no network access, according to its listing. It only instructs the agent to write HTML. It does not send email, connect to an email platform or fetch remote images.
The skill's output contract asks the agent to wrap the HTML in artifact tags with one sentence before it and nothing after. Check the generated HTML before you reuse it anywhere else.
- Runs scripts: no
- Uses network: no
- Does not send campaigns or handle unsubscribe compliance
Tips for better results and checking the output
Open the output in a browser and check that it reads top to bottom in about 8 to 10 seconds. The skill's own self-check expects one call-to-action and an accent colour used at most twice. Narrow your browser window to confirm that the column reflows and the type steps down on a small screen.
Treat the file as a layout mockup. Before a real send, rebuild it in your email platform and test it in the email clients your audience uses, because the skill does no client-compatibility testing beyond a table fallback.
- Ask for one big idea and one call-to-action per email
- Provide a DESIGN.md so colours and fonts match your brand
- Narrow the browser window to check the mobile layout
- Rebuild and test the final version in your email platform
What people use it for
- Drafting a product launch email mockup for internal review before design sign-off
- Creating a quick layout starting point for a newsletter blast
- Prototyping an email layout so a developer can later rebuild it in an email platform
- Producing a consistent single-column launch email for a brand that already has a DESIGN.md file
Frequently asked questions
How do I install the Product Launch Email Designer skill?
Download the skill ZIP from the directory page and unzip it into ~/.claude/skills/ to use it everywhere, or into .claude/skills/ inside one project. In the Claude apps, you can instead upload the ZIP under Settings, Capabilities, Skills.
What does the email-marketing agent skill require?
It requires a SKILL.md-compatible agent runtime and a DESIGN.md file for brand colours and fonts, which the skill expects to be present. It runs no scripts and uses no network access.
Is the Product Launch Email Designer skill free to use?
The listing states that the skill is licensed under Apache-2.0. Check the licence text in the download for the full terms before you use or redistribute it.
Can this skill send emails to my subscribers?
No. The skill only writes a single HTML document for preview in a browser. It does not send campaigns, test in email clients or handle unsubscribe compliance.
Why does my email look generic?
The skill works best with a specific brief and a DESIGN.md file. Name the brand, product and benefit, and make sure the DESIGN.md has clear colour and display font choices, since the agent uses these for the layout.
How does this compare with an email platform's template builder?
This skill produces a single HTML layout mockup with no external images and no client-compatibility testing. An email platform's builder is better suited to sending real campaigns, so use the skill for drafts and rebuild the final version there.
New agent skills, repos and AI tools — every week
The best new skills and open-source projects, the fastest-growing repos, and one free prompt. Five minutes to read. Unsubscribe anytime.
Our verdict
Use this skill if you want a fast, on-brand HTML launch email mockup for review, or a layout starting point for a developer to rebuild. Pick a different tool if you need to send campaigns, need production-tested email code across clients or require built-in unsubscribe handling.
Download the skill