skills.rest
az9713
az9713COMMUNITY
Explore all skills by this author →
GitHub

magazine-poster

Generate a magazine poster HTML document from a brief with structured sections.

Updated May 2, 2026
Search Tags:#typography#design#html#poster#layout#editorial#print
One-click install
npx skills add https://github.com/az9713/open-design-tutorial --skill magazine-poster-az9713
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: magazine-poster
Source: https://github.com/az9713/open-design-tutorial/tree/main/skills/magazine-poster
Command: npx skills add https://github.com/az9713/open-design-tutorial --skill magazine-poster-az9713

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Automates the creation of a complete editorial magazine poster design.

Core Features & Use Cases

  • Single-page poster: looks like a Sunday newspaper tear-out with a dateline, oversized serif headline with a strike-through and italic accent, a 2-column body, and six annotated sections.
  • Design-system-ready: respects typography, color, layout tokens when a design system is available.
  • Output-ready: produces an HTML document that can be shared or printed.

Quick Start

Design a complete magazine poster HTML document following the given spec, including dateline, two-column body, six sections with pull quotes, and a decorative footer.

Frequently Asked Questions about magazine-poster

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

FAQPage Schema
How do I create an editorial magazine poster in HTML?▼

An editorial poster uses structured typography like an oversized serif headline with a strike-through, italic accents, and a dateline. It mimics a Sunday newspaper tear-out, requiring a multi-column layout with numbered sections and pull quotes to organize text visually.

How do I generate a print-ready poster layout from a brief?▼

Generating a print-ready poster layout from a brief involves mapping content to design system constraints like typography and color tokens. The process outputs a single-page HTML document with a two-column body and six annotated sections ready for publishing workflows.

Can I use my own design system tokens for a typographic poster?▼

Yes, you can apply existing design system tokens for typography, color, and layout when generating a typographic poster. The system respects these constraints to ensure the final HTML document adheres to your established editorial design standards.

What is the best way to structure a single-page editorial layout?▼

The best way to structure a single-page editorial layout is using a grid with a dateline, an oversized serif headline, and a two-column body. Adding six numbered sections with captions and a decorative footer ensures a balanced, magazine-style composition.

Does the magazine poster output work for print publishing workflows?▼

Yes, the magazine poster output is designed for publishing workflows. It produces a deliverable HTML document with print-ready typography and structured sections, making it suitable for sharing directly or sending to a printer.

Related Skills

Explore More Design & Creative Skills→
PiercingXXPiercingXX
1

magazine-poster

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

Community
Intermediate
JosephWoodallJosephWoodall
1

pptx-posters

Create HTML/CSS research posters and export them to PDF or PPTX.

Community
Intermediate
az9713az9713

email-marketing

Create a self-contained HTML email layout with inline CSS for product launches.

Community
Intermediate
ahostbrahostbr

ls-canvas-design

Convert design prompts into a philosophy .md and a poster .pdf or .png.

Community
Advanced