Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →A brand product-launch email — masthead with wordmark, hero image block, headline lockup with skewed-italic accent, body copy, primary CTA, and a specifications grid. Pure HTML email layout (centered single column, table fallback). Use when the brief asks for an "email", "newsletter blast", "MJML", "product launch email", or "email template".
| Test case | Without → With | Effect | Δ tokens | Δ turns |
|---|---|---|---|---|
| case-03 | ✗→✓ | ▲ Improved | -1% | 0% |
| case-09 | ✗→✓ | ▲ Improved | 7% | 0% |
| case-20 | ✗→✓ | ▲ Improved | 30% | 0% |
| case-06 | ✓→✗ | ▼ Worse | 207% | 0% |
| case-04 | ✓→✓ | ＝ Same ✓ | 47% | 0% |
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.
font more than any other surface — pick the loudest type token in the DS for the headline lockup.
real product name, and one real benefit sentence — no placeholders.
page background (so the email body looks like an email, not the page):
MEMBERS) on the right. Thin underline.
gradient or a stylized SVG silhouette of the product (shoe, bottle, headphones, whatever the brief implies). Add a tiny brand stamp on the top-left and a colorway tag on the bottom-left.
· characters(e.g. "NEW · MAX-CUSHION TRAINER · EMBER FLARE").
extra-tight tracking. Apply a slight skew (transform: skew(-6deg)) on one accent word to give it a sporty parallelogram feel.
the display font for the numbers.
<!doctype html> through </html>, CSS inline.margin: 0 auto. Set body { background: <tint> }so the email-on-page metaphor reads.
product photo.
data-od-id on the masthead, hero, headline, CTA, specs.Emit between <artifact> tags:
<artifact identifier="email-slug" type="text/html" title="Email — Subject Line">
<!doctype html>
<html>...</html>
</artifact>One sentence before the artifact, nothing after.
Other measured skills in the registry, with their headline benchmark lift.