{"id":"950e6d30-d66e-423d-becc-7517abbbe4cb","shortId":"twpUJk","kind":"skill","title":"magazine-poster","tagline":"An editorial-style poster — newsprint paper, dateline, oversized serif\nheadline with a struck-through word and italic accent, a 2-column body\nblock, and 6 numbered sections with annotated pull-quote captions.\nReads like a Sunday-paper full-page essay or a thoughtful launch poster","description":"# Magazine Poster Skill\n\nProduce a single-page editorial poster — looks like a tear-out from a\nSunday paper. Long-form, deliberate, type-driven.\n\n## Workflow\n\n1. **Read the active DESIGN.md** (injected above). Pick the heaviest serif\n   token in the DS for the headline, the body serif for the columns, and\n   a typewriter / mono token for the section eyebrows and annotations.\n2. **Pick the topic** from the brief. Write a real, opinionated headline —\n   one with a struck-through word (\"a designer\", \"the template hunt\") and\n   an italic accent on a key noun (\"first draft\", \"mood\", \"specifics\").\n3. **Layout**, in order:\n   - **Top rule** — thin black hairline + a dateline (\"01 · A · YOUR LAB\"\n     left, \"DD · MMM · YYYY\" right). Light typewriter font.\n   - **Top eyebrow** — a single mono tag like \"POSTED TODAY\".\n   - **Headline** — 2–3 lines, oversized serif. One word struck through\n     with `text-decoration: line-through; text-decoration-thickness: 2px`.\n     One word italic, in accent color.\n   - **Deck** — a 1–2 sentence subhead in italic serif at ~60% size of\n     the headline, with a dash separator and a `— what works` callout\n     fragment in accent.\n   - **Accent rule** — short horizontal accent-colored bar (~80px).\n   - **Body grid** — six numbered cells in a 2×3 (or 3×2) grid. Each cell:\n     - eyebrow (`01 · SHIP FAST`) in mono, accent color.\n     - bold serif sub-headline.\n     - 2–3 sentence body in body serif.\n     - one annotated callout — a quoted \"use this prompt\" line on a tinted\n       background block, set in mono.\n   - **Footer band** — rule above, three cells: handle / role / date, with a\n     small \"PRO TIP\" plate on the left containing one closing line.\n4. **Write** a single HTML document:\n   - `<!doctype html>` through `</html>`, CSS inline.\n   - Background uses a creamy paper tint (`#f3eee2` or DS canvas) plus a\n     subtle paper noise (`radial-gradient` dots at low opacity).\n   - 2-column body grid via CSS Grid; min-width 1100px page.\n   - `data-od-id` on header, headline, deck, each cell, footer.\n5. **Self-check**:\n   - Type hierarchy is unmistakable — headline owns the page.\n   - Strikethrough + italic accent both appear, exactly once each.\n   - Body reads like real opinion, not lorem ipsum.\n   - Looks intentional at 1280–1440px wide.\n\n## Output contract\n\nEmit between `<artifact>` tags:\n\n```\n<artifact identifier=\"poster-slug\" type=\"text/html\" title=\"Poster Title\">\n<!doctype html>\n<html>...</html>\n</artifact>\n```\n\nOne sentence before the artifact, nothing after.","tags":["magazine","poster","open","design","nexu-io","agent-skills","ai-agents","ai-design","byok","claude","claude-code-for-design","claude-design"],"capabilities":["skill","source-nexu-io","skill-magazine-poster","topic-agent-skills","topic-ai-agents","topic-ai-design","topic-byok","topic-claude","topic-claude-code-for-design","topic-claude-design","topic-coding-agents","topic-design-systems","topic-design-tools","topic-desktop-app","topic-figma-alternative"],"categories":["open-design"],"synonyms":[],"warnings":[],"endpointUrl":"https://skills.sh/nexu-io/open-design/magazine-poster","protocol":"skill","transport":"skills-sh","auth":{"type":"none","details":{"cli":"npx skills add nexu-io/open-design","source_repo":"https://github.com/nexu-io/open-design","install_from":"skills.sh"}},"qualityScore":"0.700","qualityRationale":"deterministic score 0.70 from registry signals: · indexed on github topic:agent-skills · 36607 github stars · SKILL.md body (2,530 chars)","verified":false,"liveness":"unknown","lastLivenessCheck":null,"agentReviews":{"count":0,"score_avg":null,"cost_usd_avg":null,"success_rate":null,"latency_p50_ms":null,"narrative_summary":null,"summary_updated_at":null},"enrichmentModel":"deterministic:skill-github:v1","enrichmentVersion":1,"enrichedAt":"2026-05-11T06:52:25.293Z","embedding":null,"createdAt":"2026-05-01T18:52:33.070Z","updatedAt":"2026-05-11T06:52:25.293Z","lastSeenAt":"2026-05-11T06:52:25.293Z","tsv":"'01':164,265 '1':82,215 '1100px':364 '1280':408 '1440px':409 '2':25,117,186,216,256,260,277,354 '2px':206 '3':153,187,257,259,278 '4':323 '5':377 '6':30 '60':223 '80px':248 'accent':23,144,211,239,240,245,270,391 'accent-color':244 'activ':85 'annot':34,116,285 'appear':393 'artifact':420 'background':296,332 'band':302 'bar':247 'black':160 'block':28,297 'bodi':27,101,249,280,282,356,397 'bold':272 'brief':123 'callout':236,286 'canva':341 'caption':38 'cell':253,263,306,375 'check':380 'close':321 'color':212,246,271 'column':26,105,355 'contain':319 'contract':412 'creami':335 'css':330,359 'dash':230 'data':367 'data-od-id':366 'date':309 'datelin':11,163 'dd':169 'deck':213,373 'decor':198,204 'deliber':77 'design':137 'design.md':86 'document':328 'dot':350 'draft':150 'driven':80 'ds':96,340 'editori':6,62 'editorial-styl':5 'emit':413 'essay':48 'exact':394 'eyebrow':114,177,264 'f3eee2':338 'fast':267 'first':149 'font':175 'footer':301,376 'form':76 'fragment':237 'full':46 'full-pag':45 'gradient':349 'grid':250,261,357,360 'hairlin':161 'handl':307 'header':371 'headlin':14,99,128,185,227,276,372,385 'heaviest':91 'hierarchi':382 'horizont':243 'html':327 'hunt':140 'id':369 'inject':87 'inlin':331 'intent':406 'ipsum':404 'ital':22,143,209,220,390 'key':147 'lab':167 'launch':52 'layout':154 'left':168,318 'light':173 'like':40,65,182,399 'line':188,200,292,322 'line-through':199 'long':75 'long-form':74 'look':64,405 'lorem':403 'low':352 'magazin':2,54 'magazine-post':1 'min':362 'min-width':361 'mmm':170 'mono':109,180,269,300 'mood':151 'newsprint':9 'nois':346 'noth':421 'noun':148 'number':31,252 'od':368 'one':129,191,207,284,320,416 'opac':353 'opinion':127,401 'order':156 'output':411 'overs':12,189 'own':386 'page':47,61,365,388 'paper':10,44,73,336,345 'pick':89,118 'plate':315 'plus':342 'post':183 'poster':3,8,53,55,63 'pro':313 'produc':57 'prompt':291 'pull':36 'pull-quot':35 'quot':37,288 'radial':348 'radial-gradi':347 'read':39,83,398 'real':126,400 'right':172 'role':308 'rule':158,241,303 'section':32,113 'self':379 'self-check':378 'sentenc':217,279,417 'separ':231 'serif':13,92,102,190,221,273,283 'set':298 'ship':266 'short':242 'singl':60,179,326 'single-pag':59 'six':251 'size':224 'skill':56 'skill-magazine-poster' 'small':312 'source-nexu-io' 'specif':152 'strikethrough':389 'struck':18,133,193 'struck-through':17,132 'style':7 'sub':275 'sub-headlin':274 'subhead':218 'subtl':344 'sunday':43,72 'sunday-pap':42 'tag':181,415 'tear':68 'tear-out':67 'templat':139 'text':197,203 'text-decor':196 'text-decoration-thick':202 'thick':205 'thin':159 'thought':51 'three':305 'tint':295,337 'tip':314 'today':184 'token':93,110 'top':157,176 'topic':120 'topic-agent-skills' 'topic-ai-agents' 'topic-ai-design' 'topic-byok' 'topic-claude' 'topic-claude-code-for-design' 'topic-claude-design' 'topic-coding-agents' 'topic-design-systems' 'topic-design-tools' 'topic-desktop-app' 'topic-figma-alternative' 'type':79,381 'type-driven':78 'typewrit':108,174 'unmistak':384 'use':289,333 'via':358 'wide':410 'width':363 'word':20,135,192,208 'work':235 'workflow':81 'write':124,324 'yyyi':171","prices":[{"id":"2dbead1d-c91b-4f6c-bc5a-8a480d67e428","listingId":"950e6d30-d66e-423d-becc-7517abbbe4cb","amountUsd":"0","unit":"free","nativeCurrency":null,"nativeAmount":null,"chain":null,"payTo":null,"paymentMethod":"skill-free","isPrimary":true,"details":{"org":"nexu-io","category":"open-design","install_from":"skills.sh"},"createdAt":"2026-05-01T18:52:33.070Z"}],"sources":[{"listingId":"950e6d30-d66e-423d-becc-7517abbbe4cb","source":"github","sourceId":"nexu-io/open-design/magazine-poster","sourceUrl":"https://github.com/nexu-io/open-design/tree/main/skills/magazine-poster","isPrimary":false,"firstSeenAt":"2026-05-01T18:52:33.070Z","lastSeenAt":"2026-05-11T06:52:25.293Z"},{"listingId":"950e6d30-d66e-423d-becc-7517abbbe4cb","source":"skills_sh","sourceId":"nexu-io/open-design/magazine-poster","sourceUrl":"https://skills.sh/nexu-io/open-design/magazine-poster","isPrimary":true,"firstSeenAt":"2026-05-07T20:42:43.344Z","lastSeenAt":"2026-05-07T22:41:45.559Z"}],"details":{"listingId":"950e6d30-d66e-423d-becc-7517abbbe4cb","quickStartSnippet":null,"exampleRequest":null,"exampleResponse":null,"schema":null,"openapiUrl":null,"agentsTxtUrl":null,"citations":[],"useCases":[],"bestFor":[],"notFor":[],"kindDetails":{"org":"nexu-io","slug":"magazine-poster","github":{"repo":"nexu-io/open-design","stars":36607,"topics":["agent-skills","ai-agents","ai-design","byok","claude","claude-code-for-design","claude-design","coding-agents","design-systems","design-tools","desktop-app","figma-alternative","generative-ai","hermes-agent","local-first","nextjs","no-code","prototyping","ui-generator","vibe-coding"],"license":"apache-2.0","html_url":"https://github.com/nexu-io/open-design","pushed_at":"2026-05-11T06:48:43Z","description":"🎨 Local-first, open-source alternative to Anthropic's Claude Design. ⚡ 19 Skills · ✨ 71 brand-grade Design Systems 🖼 Generate web · desktop · mobile prototypes · slides · images · videos · HyperFrames 📦 Sandboxed preview · HTML/PDF/PPTX/MP4 export 🤖 Runs on Claude Code / Codex / Cursor / Gemini / OpenCode / Qwen / Copilot / Hermes / Kimi CLI.","skill_md_sha":"2e5a36d46b5baea65492d1edcb5196f543b4f34a","skill_md_path":"skills/magazine-poster/SKILL.md","default_branch":"main","skill_tree_url":"https://github.com/nexu-io/open-design/tree/main/skills/magazine-poster"},"layout":"multi","source":"github","category":"open-design","frontmatter":{"name":"magazine-poster","description":"An editorial-style poster — newsprint paper, dateline, oversized serif\nheadline with a struck-through word and italic accent, a 2-column body\nblock, and 6 numbered sections with annotated pull-quote captions.\nReads like a Sunday-paper full-page essay or a thoughtful launch poster.\nUse when the brief asks for \"magazine poster\", \"editorial poster\",\n\"newsprint\", \"essay layout\", or \"manifesto\"."},"skills_sh_url":"https://skills.sh/nexu-io/open-design/magazine-poster"},"updatedAt":"2026-05-11T06:52:25.293Z"}}