blog-post

Generate a long-form article HTML page from a topic brief.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/junainfinity/osmDesign --skill blog-post-junainfinity
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: blog-post
Source: https://github.com/junainfinity/osmDesign/tree/main/skills/blog-post
Command: npx skills add https://github.com/junainfinity/osmDesign --skill blog-post-junainfinity

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps teams generate consistent, magazine-style blog posts from briefs, reducing manual drafting and formatting work.

Core Features & Use Cases

  • Editorial layout generation: masthead, hero placeholder, article body with quotes and figures.
  • Design-system driven: typography, color, layout tokens applied automatically.
  • Use Case: marketing articles, thought leadership posts, case studies requiring 600+ words.

Quick Start

Provide a topic brief and let the skill generate a single long-form article HTML document.

Frequently Asked Questions about blog-post

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a long-form article with an editorial layout from a topic brief?

To generate a long-form article with an editorial layout, provide a topic brief to receive a complete HTML document. It outputs a deterministic page structure including a masthead, hero placeholder, body, pull quotes, figures, author footer, and related posts.

What is a design-system-driven editorial layout for blog posts?

A design-system-driven editorial layout automatically applies predefined typography, color, and layout tokens to blog posts. This ensures long-form articles maintain strict visual consistency across marketing, thought-leadership, and case-study content without manual formatting.

Does this editorial layout generator work for case studies and thought leadership articles?

Yes, this editorial layout generator works for case studies and thought leadership articles. It is designed for long-form content requiring 600 or more words, delivering magazine-style formatting with figures and pull quotes for in-depth publishing.

How to apply typography and design tokens to a generated article HTML?

Typography and design tokens are applied automatically by validating against active DESIGN.md constraints. The skill generates inline CSS within a deterministic HTML output, ensuring exact section order and layout rules conform to your established design system.

What sections are included in a generated magazine-style blog post?

Generated magazine-style blog posts include a masthead, hero image placeholder, article body, pull quotes, figures, author footer, and related posts. The skill validates an exact section order to maintain consistent editorial structure across all published articles.

Do I need external dependencies to create inline CSS article pages?

No, you do not need external dependencies to create inline CSS article pages. The skill outputs a standalone HTML document with inline CSS, using layout constraints defined in your active DESIGN.md without requiring additional component libraries.