blog-post

Blog Post Skill

Produce a single long-form article page — editorial layout, no chrome.

Workflow

1. Read the active DESIGN.md (injected above). Lean into the typography tokens — long-form is 70% type, 20% image, 10% chrome.
2. Pick the topic from the brief and write a real article — at least 600 words across 4–6 H2 sections. No lorem ipsum.
3. Sections, in order:
   • Masthead — small wordmark + 4–6 nav links, plain.
   • Article header — category eyebrow, headline (display token, large), deck (1–2 sentence subhead), author name + role + date.
   • Hero image — a 16:9 placeholder block using a DS-tinted gradient or solid fill (no external images). Add a 1-line caption underneath.
   • Body — alternating prose paragraphs with at least:
     • 1 pull quote (large display type, accent rule on the left).
     • 1 figure (image placeholder + caption).
     • 1 list (numbered or bulleted).
     • 1 inline blockquote.
   • Author footer — author avatar (initials in a circle), bio paragraph.
   • Related — 3 cards linking to other posts. Each card: tiny image block, title, 1-line excerpt, date.