blog-post
A long-form article / blog post — masthead, hero image placeholder, article body with figures and pull quotes, author byline, related posts. Use when the brief asks for "blog", "article", "post", "essay", or "case study".
Profile →npx skills add nexu-io/open-design --skill blog-post --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# 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 inline-start edge so the layout flips correctly under `dir="rtl"`). - 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. 4. **Write** a single HTML docume
- Workflow
- Output contract
What does the blog-post skill do?
A long-form article / blog post — masthead, hero image placeholder, article body with figures and pull quotes, author byline, related posts. Use when the brief asks for "blog", "article", "post", "essay", or "case study".
How do I install it?
Run `npx skills add nexu-io/open-design --skill blog-post --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From nexu-io/open-design, a repository with 83,577 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.