Skip to content
cccskills
FreePublished on GitHubEnglish overview

magazine-poster

Create a single-page HTML poster with the feel of a newspaper essay. Oversized serif headlines, paper textures, six numbered sections, and annotated quotations organize substantial text into an editorial layout for opinions or launches.

OriginalShow the original description

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".

AI rating90/ 100See how to install

Good for

  • Presenting a launch announcement as an editorial poster
  • Turning a manifesto into a single-page layout
  • Designing a newspaper-style essay poster
  • Organizing an opinion into six sections

Overview

What it does

Creates a single HTML poster that looks like a page clipped from a Sunday newspaper. The design combines a paper-like background, a date field, an oversized serif headline, and body text arranged in columns. The headline uses strikethrough and italic emphasis once each. The body is organized into six numbered sections, each with a subheading, a short passage, and an annotated quotation block.

When it helps

Use it to present a service announcement, an initiative’s guiding principles, or a developed opinion as a poster centered on text. It helps give headings the visual hierarchy of a newspaper or magazine while arranging longer material into a single page that readers can follow.

Example requests

  • “Turn this new service announcement into a newspaper-style HTML poster.”
  • “Divide these guiding principles into six sections and present them like a magazine feature page.”

Notes

Production assumes an active DESIGN.md to guide color and font choices. The output is one HTML document with CSS written inside it. The page has a minimum width of 1100px and is intended for desktop viewing at widths of 1280–1440px.

This overview was written by AI (OpenAI Codex) from the public SKILL.md. Check the original below for the exact behavior.

Objective evaluation

AI rated this skill on four points using only the contents of its SKILL.md. Stars and popularity are not taken into account.

Clear instructionsIs it clear when to use it and what it does?
AGoodIt explicitly defines the task as creating a newspaper-style long-form poster and the output as a single HTML document.
Concrete stepsAre steps, inputs, outputs, and examples spelled out?
AGoodSteps cover reading DESIGN.md, arranging six sections, formatting HTML output, and checking the result.
SafetyAre sending data, deleting files, and running commands disclosed?
AGoodIt focuses on reading DESIGN.md and producing HTML, with no instructions to delete files or transmit data externally.
Easy setupDoes it need few tools or API keys, and are they documented?
BPartly lackingAn active DESIGN.md and font definitions are required, but instructions for preparing them are absent.

The total counts each point as A = 25, B = 15, C = 5. Rated by AI (OpenAI Codex) as of Oct 20, 2026. Treat it as a guide and read the original before installing.

Disagree? Request a re-evaluation

Tell us which point is wrong and why. No login needed. We will check it against the SKILL.md, redo the evaluation, and show the result here.

This form is protected by reCAPTCHA, and the Google Privacy Policy and Terms of Service apply.

Files included (2)

  • SKILL.md3.5 KB
  • example.html8.3 KB

SKILL.md (original)

Review the instructions the agent will receive before you install.

Magazine Poster Skill

Produce a single-page editorial poster — looks like a tear-out from a Sunday paper. Long-form, deliberate, type-driven.

Workflow

  1. 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.
  2. 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").
  3. 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.
  4. 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.
  5. 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.

Reviews

No reviews yet. Tell others what you thought.

Comments

No login needed. Share how it worked for you, ask a question, or note where it did not run.

No comments yet. Be the first to write one.

Comments are published right away. Do not include personal information such as email addresses or phone numbers. Up to 2 URLs.

0 / 1,000 characters

This form is protected by reCAPTCHA, and the Google Privacy Policy and Terms of Service apply.

More skills from this repository

8-bit-orbit-video-template

FreeSummaryAI rating 90

Create a three-scene video composition in a retro pixel style using a Hyperframes HTML template. Customize titles, labels, and colors while preserving scene transitions, short scene durations, and repeatable animation timing.

  • Create a retro pixel presentation video
  • Customize a three-scene video template
  • Preview scene transitions and motion in HTML
nexu-io/open-design103.5KUpdated Oct 23, 2026

ad-creative

FreeSummaryAI rating 80

Create and revise headlines, descriptions, and main text for paid social and search ads. Use it to develop ad copy options and refine wording through repeated rounds of revision.

  • Drafting headlines for paid social ads
  • Creating descriptions for search ads
  • Revising the main text of an ad
nexu-io/open-design103.5KUpdated Oct 23, 2026

after-hours-editorial-template

FreeSummaryAI rating 80

Create a three-page editorial motion sequence with dark backgrounds, serif typography, staged text reveals, and chapter transitions. The result is a single HTML file suited to fashion-inspired storytelling and short visual presentations.

  • Creating a fashion-inspired motion presentation
  • Presenting a short story across three pages
  • Applying existing brand rules to a dark editorial sequence
nexu-io/open-design103.5KUpdated Oct 23, 2026

agent-browser

FreeSummaryAI rating 100

Inspect and test web pages through a browser automation command-line tool. Navigate, click, enter text, capture screenshots, and extract page details, with a focus on checking local OpenDesign previews and reviewing web app quality.

  • Checking local OpenDesign previews
  • Testing clicks and text entry in web apps
  • Capturing page or element screenshots
nexu-io/open-design103.5KUpdated Oct 23, 2026

ai-music-album

FreeSummaryAI rating 80

Plan an AI music album from its concept through lyric drafts, track order, and export. Intended for independent album experiments and brand soundtracks, with the full production workflow provided through a separately installed upstream bundle.

  • Planning an experimental independent album
  • Drafting lyrics around an album concept
  • Deciding the running order of tracks
nexu-io/open-design103.5KUpdated Oct 23, 2026

algorithmic-art

FreeSummaryAI rating 80

Create generative art, or images made with programmed rules, using p5.js. Fixed random seeds make each rendering reproducible, supporting procedural posters, still images that suggest motion, and studies of artistic frame composition.

  • Posters generated with programmed rules
  • Still images that suggest motion
  • Studies of artistic frame composition
nexu-io/open-design103.5KUpdated Oct 23, 2026

See all skills by nexu-io

Report a problem with this skill