Magazine Poster
FreeCreate editorial-style posters with structured layouts.
Free · Opens the source repo
What Magazine Poster does
The Magazine Poster skill enables users to produce a visually striking, single-page editorial poster that emulates the look and feel of a Sunday newspaper. This skill is particularly useful for designers and developers looking to create long-form, type-driven content that conveys a thoughtful message or narrative. By following a structured workflow, users can ensure that their posters are not only aesthetically pleasing but also effectively communicate their intended message.
To begin, the skill guides users to read an active DESIGN.md file to select appropriate typefaces for various elements of the poster, including the headline, body text, and annotations. The poster layout is meticulously structured, featuring a dateline, oversized headlines with striking design elements such as strikethroughs and italics, and a grid layout for the body content that includes numbered sections and pull-quote captions. This attention to detail helps create a polished and professional appearance, suitable for presentations or publications.
The skill also emphasizes the importance of content quality, urging users to write real, opinionated text rather than placeholder content. This focus on authenticity ensures that the final output resonates with the audience, making the poster not just a design exercise but a meaningful communication tool. Additionally, the output is generated as a self-contained HTML document, complete with inline CSS, making it easy to share and display in various contexts.
Overall, the Magazine Poster skill is ideal for those in design and content creation roles who need a reliable method for producing high-quality editorial posters that stand out and engage viewers. Whether for a marketing campaign, an event announcement, or a personal project, this skill provides a comprehensive approach to creating impactful visual content.
When to use it
Use this skill when tasked with creating editorial posters, especially for projects that require a thoughtful, type-driven layout.
When not to use it
This skill may not be suitable for quick, informal designs or projects that do not require a structured editorial approach.
What you can build with it
Creating Marketing Materials
Use the Magazine Poster skill to design visually appealing marketing posters that convey your brand's message effectively.
Event Announcements
Produce editorial-style posters for events that require a professional and engaging presentation of information.
Personal Projects
Utilize the skill for personal design projects where a structured and thoughtful layout is desired.
How to install Magazine Poster
View source1. Install with the skills CLI
npx skills add nexu-io/open-design/magazine-poster --agent claude-code2. Or install it manually
Download the skill folder and drop it into ~/.claude/skills/ for all projects, or .claude/skills/ to scope it to one repo. Restart Claude Code so it picks up the new skill.
Anthropic's agentic coding CLI, and the reference implementation of Agent Skills. Drop a skill folder into ~/.claude/skills and Claude Code loads it automatically whenever a task matches the skill's description. Claude Code docs
Inside SKILL.md
Written by nexu-ioMagazine 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 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.
Frequently asked questions about Magazine Poster
Similar skills
Excalidraw Diagram Generator
Transform natural language into Excalidraw diagrams.
Draw.io Diagram Generator
Easily create and validate draw.io diagrams.
Image Annotations
Easily annotate images with callouts and highlights.
Banner Design
Create stunning banners for any platform effortlessly.
Scientific Schematics
Generate publication-quality scientific diagrams effortlessly.
Infographics
Create professional infographics with ease and accuracy.