blog-post

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

Updated Aug 27, 2026

Search Tags:#typography #layout #article #editorial #design-system #blog

Ready to run

npx skills add https://github.com/junainfinity/osmDesign --skill blog-post-junainfinity

💬 Prompt for ChatGPT / Claude Chat▼

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.