skills.rest
pipixia-labs
pipixia-labsOFFICIAL
Explore all skills by this author →
GitHub

blog-post

Generate a complete long-form article page as a single HTML document with inline CSS.

38|3|Updated Apr 8, 2026
Search Tags:#typography#article#editorial#design-system#content-creation#web-content#blog-post
One-click install
npx skills add https://github.com/pipixia-labs/creative-claw --skill blog-post-pipixia-labs
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: blog-post
Source: https://github.com/pipixia-labs/creative-claw/tree/main/skills/design-knowledge-and-skills/skills/blog-post
Command: npx skills add https://github.com/pipixia-labs/creative-claw --skill blog-post-pipixia-labs

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps writers and teams generate complete long-form articles and blog posts in an editorial layout, saving time on structuring, styling, and content organization.

Core Features & Use Cases

  • Editorial-grade layout generation: outputs a single HTML document that includes masthead, article header, hero image placeholder, body sections, author footer, and a related posts grid.
  • Design-system aware: follows a provided design system for typography, color, and layout tokens to ensure consistency across publications.
  • Workflow-ready: supports briefs for blog posts, case studies, or essays with clear sectioning and copy guidance.

Quick Start

Generate a complete long-form article page in editorial layout, including masthead, hero, body, and author footer.

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?▼

You can enforce a 600+ word count for blog posts by specifying 4–6 sections in your brief. The generated HTML document structures the content across these sections to meet the minimum length requirement for editorial layouts.

Does the generated article layout support design system typography tokens?▼

Yes, the generated article layout supports design system typography tokens. It applies your provided design system requirements for typography, color, and layout to ensure visual consistency across web content and marketing publications.

Can I use this for creating case studies and essays, or just marketing blog posts?▼

You can use this for creating case studies and essays, as well as marketing blog posts. The system applies its editorial layout and design system structure to any long-form content creation brief requesting these formats.

What's the best way to structure web content with quotes and figures in an article?▼

The best way to structure web content with quotes and figures is through the generated article body sections. The editorial layout automatically incorporates these elements alongside the masthead and author footer within a single HTML document.

Are there limitations on the number of sections for a generated blog post?▼

Yes, there are limitations on the number of sections for a generated blog post. The system enforces a structure of 4 to 6 sections to ensure the content meets the 600+ word count requirement for proper editorial polish.

Related Skills

Explore More Design & Creative Skills→
Clos01Clos01
3

blog-post

Generate structured editorial HTML articles from content briefs.

Community
Intermediate
MyHeavenDyfMyHeavenDyf

blog-post

Generate a long-form HTML article page with editorial layout and structured data.

Community
Intermediate
Clement-ccyClement-ccy
1

skill-image-enrichment

Add image placeholders, captions, and Mermaid diagrams to blog drafts.

Community
Intermediate
thompson0012thompson0012
28

informational

Create content-first websites with semantic HTML, design tokens, and responsive layouts.

Community
Advanced