magazine-poster

nexu-io/open-design · plugins/_official/examples/magazine-poster/SKILL.md

An editorial-style poster — newsprint paper, dateline, oversized serif headline with a struck-through word and italic accent, a 2-column body block, and 6 numbered sections with annotated pull-quote captions. Reads like a Sunday-paper full-page essay or a thoughtful launch poster. Use when the brief asks for "magazine poster", "editorial poster", "newsprint", "essay layout", or "manifesto".

No license★ 91788⑂ 10564commit 9881cff

Install skillView source on GitHub

What this skill does

Magazine Poster Skill

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 works callout 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.
- 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 (#f3eee2 or DS canvas) plus a subtle paper noise (radial-gradient dots at low opacity).
- 2-column body grid via CSS Grid; min-width 1100px page.
- data-od-id on 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.

Installation

Copy a source-pinned command for your client. You run it yourself.

Destination: .claude/skills/magazine-poster · pinned to the source commit

# Run from your project root
git clone https://github.com/nexu-io/open-design.git .skillboard-tmp
git -C .skillboard-tmp checkout 9881cff70e02be86c2a58130af512011ba23d4af
mkdir -p ".claude/skills"
cp -r ".skillboard-tmp/plugins/_official/examples/magazine-poster" ".claude/skills/"
rm -rf .skillboard-tmp

Review the source before running. This copies files into your project; it is not a one-click install and does not verify runtime safety.

New here? Step-by-step setup – from installing the agent to using the skill

Operating systemAgentI already use Claude Code

1
Install Git
Install Git with your package manager (Debian/Ubuntu shown; use dnf/pacman on others). Official download.
```
sudo apt update && sudo apt install -y git
```
2
Install Claude Code
Requires Node.js 18+. Install the CLI globally: Official docs. (command-line tool)
```
npm install -g @anthropic-ai/claude-code
```

Get the skill, pinned to its exact version

Open a terminal and run these steps (they clone the source, check out the exact commit, and copy the skill into place):

# Run from your project root
git clone https://github.com/nexu-io/open-design.git .skillboard-tmp
git -C .skillboard-tmp checkout 9881cff70e02be86c2a58130af512011ba23d4af
mkdir -p ".claude/skills"
cp -r ".skillboard-tmp/plugins/_official/examples/magazine-poster" ".claude/skills/"
rm -rf .skillboard-tmp

Destination: .claude/skills/magazine-poster

4
Use it in Claude Code
Open Claude Code in your project. It reads skills from the folder above, so magazine-poster is now available. Always review the source before using it – static checks cannot prove runtime safety.

Security & Audits

Scanner static-checks@0.1.0 · commit 9881cff70e02. Static checks cannot prove runtime safety – review the source and the exact diff before installing. How checks work.

No static rules matched. This is not a safety guarantee.

magazine-poster

nexu-io/open-design · plugins/_official/examples/magazine-poster/SKILL.md

No license★ 91788⑂ 10564commit 9881cff

What this skill does

Magazine Poster Skill

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 works callout 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.
- 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 (#f3eee2 or DS canvas) plus a subtle paper noise (radial-gradient dots at low opacity).
- 2-column body grid via CSS Grid; min-width 1100px page.
- data-od-id on 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.

Installation

Copy a source-pinned command for your client. You run it yourself.

Destination: .claude/skills/magazine-poster · pinned to the source commit

# Run from your project root
git clone https://github.com/nexu-io/open-design.git .skillboard-tmp
git -C .skillboard-tmp checkout 9881cff70e02be86c2a58130af512011ba23d4af
mkdir -p ".claude/skills"
cp -r ".skillboard-tmp/plugins/_official/examples/magazine-poster" ".claude/skills/"
rm -rf .skillboard-tmp

Review the source before running. This copies files into your project; it is not a one-click install and does not verify runtime safety.

New here? Step-by-step setup – from installing the agent to using the skill

Operating systemAgentI already use Claude Code

1
Install Git
Install Git with your package manager (Debian/Ubuntu shown; use dnf/pacman on others). Official download.
```
sudo apt update && sudo apt install -y git
```
2
Install Claude Code
Requires Node.js 18+. Install the CLI globally: Official docs. (command-line tool)
```
npm install -g @anthropic-ai/claude-code
```

Get the skill, pinned to its exact version

Open a terminal and run these steps (they clone the source, check out the exact commit, and copy the skill into place):

# Run from your project root
git clone https://github.com/nexu-io/open-design.git .skillboard-tmp
git -C .skillboard-tmp checkout 9881cff70e02be86c2a58130af512011ba23d4af
mkdir -p ".claude/skills"
cp -r ".skillboard-tmp/plugins/_official/examples/magazine-poster" ".claude/skills/"
rm -rf .skillboard-tmp

Destination: .claude/skills/magazine-poster

4
Use it in Claude Code
Open Claude Code in your project. It reads skills from the folder above, so magazine-poster is now available. Always review the source before using it – static checks cannot prove runtime safety.

Security & Audits

Scanner static-checks@0.1.0 · commit 9881cff70e02. Static checks cannot prove runtime safety – review the source and the exact diff before installing. How checks work.

No static rules matched. This is not a safety guarantee.

magazine-poster

What this skill does

Magazine Poster Skill

Workflow

Output contract

Installation

Install Git

Install Claude Code

Get the skill, pinned to its exact version

Use it in Claude Code

Security & Audits

magazine-poster

What this skill does

Magazine Poster Skill

Workflow

Output contract

Installation

Install Git

Install Claude Code

Get the skill, pinned to its exact version

Use it in Claude Code

Security & Audits