blog-post

Generate long-form blog posts with editorial HTML layouts from briefs.

Updated May 2, 2026
One-click install
npx skills add https://github.com/az9713/open-design-tutorial --skill blog-post-az9713
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: blog-post
Source: https://github.com/az9713/open-design-tutorial/tree/main/skills/blog-post
Command: npx skills add https://github.com/az9713/open-design-tutorial --skill blog-post-az9713

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

A long-form article / blog post requires a consistent editorial layout with a masthead, hero image placeholder, a multi-section body, an author byline, and a related-posts grid. This Skill encapsulates the structure and style described in the design system and is intended for marketing content briefs that specify blog, article, post, essay, or case study.

Core Features & Use Cases

  • Editorial layout generation: Produce a complete long-form page with masthead, hero image placeholder, 4–6 H2 sections, pull quotes, figures, and a dedicated author footer.
  • Content structure enforcement: Ensure required sections (masthead, article header, hero, body, author byline, related posts) and magazine-like spacing per design system.
  • Use cases: Ideal for marketing articles, thought leadership pieces, case studies, and tutorials that require a scannable, editorial presentation.

Quick Start

Generate a single HTML document implementing the full editorial blog-post layout from a brief.

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 blog post with an editorial layout?

To generate an editorial blog post, provide a content brief specifying your topic. The output is a single HTML document containing a masthead, hero image placeholder, 4–6 H2 sections, pull quotes, figures, an author byline, and a related-posts grid.

What is the minimum word count for articles created using this editorial layout?

The editorial layout enforces a minimum of 600 words. It structures the content across 4 to 6 H2 sections to ensure the long-form article meets the required depth and scannability for marketing and thought leadership pieces.

Can I use this to create case studies and newsletters, or is it only for blog posts?

Yes, you can use it for case studies and newsletters. The layout applies to any brief asking for a blog, article, essay, case study, or newsletter format, generating a complete long-form HTML page with magazine-like spacing.

What structural elements are included in the generated HTML blog post?

The generated HTML includes a masthead, article header, hero image placeholder, multi-section body, pull quotes, figures, a dedicated author byline footer, and a related-posts grid to ensure a complete and scannable editorial presentation.

Is this approach suitable for short-form content and quick social media updates?

No, this approach is not suitable for short-form content. It enforces a 600-plus word count and a multi-section editorial layout, making it ideal for long-form thought leadership, case studies, and tutorials rather than brief updates.

Do I need a separate content brief to produce a magazine-style article layout?

Yes, you need to supply a content brief. The system generates the complete HTML document with the masthead, hero image, and body sections directly from the instructions and topic details provided in your brief.