Magazine Poster Skill
SkillMediamagazine-poster is a skill that lets an AI agent design an editorial-style poster that reads like a Sunday-paper tear-out. It builds a single-page HTML artifact with a dateline, an oversized serif headline with a struck-through word, and a 2x3 grid of numbered sections with pull-quote captions. It suits briefs asking for newsprint, essay layout, or manifesto sty
Available today. Use it from your connected AI after setup.
No other account needed.
Have a project design system (DESIGN.md) covering color, typography, layout, and components, so the skill can pick font tokens and colors.
Then ask your AI: use the Magazine Poster Skill skill
What your AI can do with it
- Builds a single-page HTML poster with inline CSS and a creamy newsprint paper tint
- Sets a dateline, mono eyebrow tag, and oversized serif headline with a struck-through word
- Lays out six numbered sections in a 2x3 grid with mono eyebrows, sub-headlines, and annota
- Reads the project's design system for headline, body, and mono font tokens plus colors
- Self-checks the type hierarchy before outputting the artifact
- Triggers on briefs mentioning magazine poster, editorial poster, newsprint, essay layout,
Getting started
- Have a project design system (DESIGN.md) covering color, typography, layout, and components, so the skill can pick font tokens and colors.
- Add the magazine-poster skill to your agent's available skills.
- Write a brief that asks for an editorial poster, newsprint, essay layout, or manifesto style, and include the topic.
- Ask the agent to produce the poster; it will write the full HTML document and return the artifact.
- View the output at a desktop width of at least 1100px.
What this skill tells your AI
The instructions your AI receives, as published by nexu-io/open-design in design-templates/magazine-poster/SKILL.md and read by ahel’s review.
Produce a single-page editorial poster — looks like a tear-out from a Sunday paper. Long-form, deliberate, type-driven.
Workflow
- Read the active DESIGN.md (injected above). Pick the heaviest serif token in the DS for the headline, the body serif for the columns, and a typewriter / mono token for the section eyebrows and annotations.
- Pick the topic from the brief. Write a real, opinionated headline — one with a struck-through word ("a designer", "the template hunt") and an italic accent on a key noun ("first draft", "mood", "specifics").
- Layout, in order:
- Top rule — thin black hairline + a dateline ("01 · A · YOUR LAB" left, "DD · MMM · YYYY" right). Light typewriter font.
- Top eyebrow — a single mono tag like "POSTED TODAY".
- Headline — 2–3 lines, oversized serif. One word struck through
with
text-decoration: line-through; text-decoration-thickness: 2px. One word italic, in accent color. - Deck — a 1–2 sentence subhead in italic serif at ~60% size of
the headline, with a dash separator and a
— what workscallout fragment in accent. - Accent rule — short horizontal accent-colored bar (~80px).
- Body grid — six numbered cells in a 2×3 (or 3×2) grid. Each cell:
- eyebrow (
01 · SHIP FAST) in mono, accent color. - bold serif sub-headline.
- 2–3 sentence body in body serif.
- one annotated callout — a quoted "use this prompt" line on a tinted background block, set in mono.
- eyebrow (
- Footer band — rule above, three cells: handle / role / date, with a small "PRO TIP" plate on the left containing one closing line.
- Write a single HTML document:
<!doctype html>through</html>, CSS inline.- Background uses a creamy paper tint (
#f3eee2or DS canvas) plus a subtle paper noise (radial-gradientdots at low opacity). - 2-column body grid via CSS Grid; min-width 1100px page.
data-od-idon header, headline, deck, each cell, footer.
- Self-check:
- Type hierarchy is unmistakable — headline owns the page.
- Strikethrough + italic accent both appear, exactly once each.
- Body reads like real opinion, not lorem ipsum.
- Looks intentional at 1280–1440px wide.
Output contract
Emit between <artifact> tags:
<artifact identifier="poster-slug" type="text/html" title="Poster Title">
<!doctype html>
<html>...</html>
</artifact>
One sentence before the artifact, nothing after.
Signals
- GitHub stars
- 98k
- Forks
- 11k
- Last commit
- Sep 2026
Others that do the same job
Questions
- When should the agent use this skill?
- When the brief asks for "magazine poster", "editorial poster", "newsprint", "essay layout", or "manifesto", long-form, type-driven single-page posters.
- What does the output look like?
- A single-page HTML poster styled like a Sunday-paper tear-out: newsprint tint, dateline, oversized serif headline with a struck-through word, and six numbered sections with pull-quote captions.
Advanced
- Item type
- skill
- Key
magazine-poster-2- Source
- github.com/nexu-io/open-design