Skip to content
Get packs

Magazine Poster Layout

Creates an editorial newspaper-style poster as a single HTML page with serif headlines and numbered sections.

Source Download skill
Repository
nexu-io/open-design
Stars
105,448
Licence
Apache-2.0
Files
2 files

What it does

When installed, the agent can turn a brief into a single-page poster styled like a tear-out from a Sunday newspaper: cream paper background, a large serif headline with one struck-through word and one italic accent, and a grid of six numbered sections with quoted callouts. The output is a standalone HTML file that can be previewed in a browser. The skill guides the layout and typography rules rather than running any software.

Great for

  • Designers who want a bold, type-driven poster quickly as an HTML mockup
  • Marketers drafting a long-form launch or manifesto poster
  • Creators experimenting with newspaper or essay-style layouts

Skip it if

  • Print production needing CMYK, bleed or exact physical dimensions, since the skill only outputs HTML at roughly 1100px-plus screen width
  • Projects needing a brand-compliant design without a design system, because the skill expects an active DESIGN.md to inject tokens from

Try asking

  • “Make a magazine poster announcing our new app with the headline 'You don't need a designer to ship your first draft'”
  • “Create an editorial poster manifesto about remote work with six numbered sections”
  • “Design a newsprint-style essay layout summarizing our Q3 lessons learned”
Step-by-step guide: how to use Magazine Poster LayoutInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 2 original files, the Apache-2.0 licence and an attribution note.

    magazine-poster.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip magazine-poster.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip magazine-poster.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Provide a clear topic and opinion in the brief so the headline and six sections have substance rather than placeholder text
  • Make sure a design system is loaded first, since the skill pulls fonts and colours from its tokens
  • Preview the generated HTML at 1280 to 1440px wide to check the hierarchy holds

What's inside

  • example.html
  • SKILL.md

Redistributed unmodified from nexu-io/open-design under the Apache-2.0 licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.