magazine-poster

Generate a single-page editorial magazine poster in HTML from a topic brief.

1|Updated Jul 9, 2026
One-click install
npx skills add https://github.com/PiercingXX/xx-stack --skill magazine-poster-piercingxx
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: magazine-poster
Source: https://github.com/PiercingXX/xx-stack/tree/main/packs/design/runtime/skills/design/magazine-poster
Command: npx skills add https://github.com/PiercingXX/xx-stack --skill magazine-poster-piercingxx

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) and assets (resource) components.

What problem does it solve?

It helps you rapidly create a polished, editorial-style poster layout that matches a design system, with strong typographic hierarchy and reusable section structure.

Core Features & Use Cases

  • Editorial magazine layout: Generates a single-page poster with dateline, oversized serif headline, deck, and structured 6-section body grid.
  • Design-system-aware styling: Selects typography and components from the active DESIGN.md to ensure tokens drive headline, body, and mono annotations.
  • Topic-to-poster translation: Turns your brief into an opinionated headline with exactly one struck-through word and one italic accent, then fills each numbered section with actionable copy and annotated pull-quote captions.
  • Web-ready HTML output: Emits a self-contained HTML document (inline CSS) wrapped in required artifact tags.

Quick Start

Ask for: "Create a magazine poster about shipping faster with AI, using newsprint paper styling, a struck-through word in the headline, and an italic accent on a key noun."

Frequently Asked Questions about magazine-poster

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate an editorial magazine poster in HTML from a topic brief?

To generate an editorial magazine poster, provide a topic brief and the Skill translates it into a self-contained HTML document with inline CSS, applying Sunday-paper layout conventions and a structured 6-section body grid.

What is a Sunday-paper editorial layout and when do I need it for marketing collateral?

A Sunday-paper editorial layout uses a dateline, oversized serif headline, deck, and structured body grid. You need this newsprint aesthetic for marketing workflow messaging or essay-like manifestos requiring strong typographic hierarchy.

Can I use my own design system tokens for poster typography and headline styling?

Yes, the Skill is design-system-aware and selects typography from your active DESIGN.md, ensuring design tokens drive headline, body, and mono annotations for consistent editorial poster styling.

How do I add a struck-through word and italic accent to a magazine poster headline?

To add a struck-through word and italic accent, request them in your topic brief. The Skill automatically translates your brief into an opinionated headline with exactly one struck-through word and one italic accent on a key noun.

What's the best way to create a newsprint poster with a 6-section body grid?

The best way to create a newsprint poster is providing a topic brief to this Skill, which outputs a single-page HTML poster with a 6-section body grid, actionable copy, and annotated pull-quote captions.

Does the generated HTML poster require external CSS files or dependencies?

No, the generated HTML poster does not require external CSS files. It emits a self-contained HTML document with inline CSS wrapped in artifact tags, ensuring zero external dependencies.