What problem does it solve?
It helps you quickly turn a topic brief into a polished, long-form article page without manually designing structure, typography, and reusable editorial sections.
Core Features & Use Cases
- Editorial blog layout: Produces a single, chrome-free article page with masthead, hero image placeholder, structured body sections, pull quotes, figures, lists, and an author footer.
- Design-system compliant styling: Writes HTML with inline CSS that follows the injected active DESIGN.md typography and layout constraints (including responsive max-width behavior).
- Consistent content structure: Ensures a clear hierarchy (H1 headline, multiple H2 sections, non-competing pull quotes) and adds required metadata attributes like data-od-id on key regions.
Example: When a brief asks for a “case study” or “newsletter-style article,” use this skill to produce a complete, publication-ready HTML document of at least 600 words with 4–6 H2 sections.
Quick Start
Use the blog-post skill to generate a 700-word case-study article HTML about your product’s migration story with a hero placeholder, one pull quote, one figure, one list, and three related-post cards.
