Guide · Agent skill
How to use the Blog Post Layout agent skill
Updated · written with AI from the project's own documentation and checked against our catalogue data
The Blog Post Layout skill (blog-post) tells an AI agent how to lay out a long article of 600 words or more as a polished, magazine-style web page instead of plain text. It is for writers, marketers and designers who want an essay or case study to look like a published editorial piece. After this guide you will know what the skill does, how to install it, how to ask for it in plain language and what to check before publishing.
Blog Post Layoutnexu-io/html-anything · Apache-2.0 Download the skill Quick start
- 1Download the ZIP. Get the blog-post skill ZIP from the skill's page on the directory.
- 2Unzip into the skills folder. Extract it into ~/.claude/skills/ for personal use, or into the project's .claude/skills/ folder for one project.
- 3Or upload in the Claude apps. In Settings, open Capabilities, then Skills, and upload the ZIP.
- 4Open example.html. View the included reference page to see the intended magazine-style look.
- 5Send an article of 600+ words. Ask the agent in plain language to format your long article as a blog post.
- 6Review and adjust. Check the masthead, byline, reading time, captions and cards against your content.
What the Blog Post skill makes the agent do
An agent skill is a folder of instructions that an AI agent reads when a task matches it. The blog-post skill covers one job: turning a long article into a magazine-style web page. The source describes the intent as a real long-form article of at least 600 words, with typography doing most of the work.
The layout the skill asks for has these parts: a masthead with the publication name and date, a hero with a large headline, subtitle, author byline and reading time, a single readable column about 65 characters wide, figures with italic captions, pull quotes, an author bio card, and three related-post cards. Pull quotes use a large serif italic font with a coloured bar on the left, and code blocks are rounded, dark and labelled with their language.
- Masthead with publication name and date
- Hero with headline, subtitle, byline and reading time
- Single column of body text (about 65ch wide)
- Figures with smaller italic captions
- Large serif pull quotes with a left colour bar
- Author bio card and three related-post cards
Install the blog-post skill
There are two ways to install it. For a personal setup, download the ZIP from the skill's page and unzip it into ~/.claude/skills/. To make it available only inside one project, unzip it into that project's .claude/skills/ folder instead.
If you use the Claude apps, you can upload the skill instead. Open Settings, go to Capabilities, then Skills, and upload the ZIP there.
- Personal: unzip into ~/.claude/skills/
- Single project: unzip into the project's .claude/skills/ folder
- Claude apps: Settings → Capabilities → Skills, then upload the ZIP
Check what the package contains
The skill ships with two files: SKILL.md, which holds the instructions the agent reads, and example.html, a reference page that shows the intended look. Open example.html in a browser before your first run so you know what the output should resemble.
The skill lists no required tools or packages and does not run scripts or use the network.
- SKILL.md: the agent's instructions
- example.html: a visual reference of the layout
Ask for the skill with a natural request
You do not need a special command. Describe a long article and say you want it as a web page or blog layout. The request works best when it names the article's length or type, such as an essay, a case study or company storytelling.
The skill is built for articles of 600 words or more, so give the agent the full text or a clear brief of that size. Shorter pieces are a poor fit.
- "Format this 1,200-word case study as a magazine-style blog post."
- "Turn my essay on remote onboarding into a long-form web page with a pull quote and author bio."
- "Lay out this brand story as a blog post with a hero, figures and related-post cards."
Tips for better results
Give the agent the author name, the publication name and a date, since the masthead and byline use them. Mention any figures you have, so the agent can place them with captions. If you want a pull quote, point to the sentence you want highlighted.
Use the output as a starting point. Check the reading time, captions and related-post cards against your real content before you publish.
- Provide author name, publication name and date
- List the figures and their captions
- Choose the pull-quote sentence yourself
- Review the output against example.html
What people use it for
- Publishing a long customer case study as a branded web page
- Turning an internal essay into a public thought-leadership article
- Producing a company storytelling page with a hero and author bio
- Using the layout as a reference when designing an editorial page
Frequently asked questions
Is the Blog Post skill free?
The source lists the licence as Apache-2.0 and does not list any price. Check the skill's page on the directory for current terms before relying on it commercially.
What does the blog-post skill require?
The source lists no required tools or packages. It does not run scripts and does not use the network.
How do I install the blog-post skill?
Download the ZIP from the skill's page and unzip it into ~/.claude/skills/, or into a project's .claude/skills/ folder. In the Claude apps you can instead upload the ZIP under Settings, Capabilities, Skills.
Can I use it for a short social post?
No. The skill is designed for articles of 600 words or more and adds a lot of page structure, so short posts and quick notes are a poor fit.
Can it produce a Word or PDF document?
No. It produces web-style HTML layout guidance only, so it is not suited to print or office formats such as Word or PDF.
How does it compare with a plain blog template?
The skill focuses on typography: a single 65ch column, large serif pull quotes, captioned figures and an author bio. The source does not compare it with other templates, so review example.html to judge whether the look suits you.
New agent skills, repos and AI tools — every week
The best new skills and open-source projects, the fastest-growing repos, and one free prompt. Five minutes to read. Unsubscribe anytime.
Our verdict
Use this skill if you publish long essays, case studies or brand stories and want them to look like a magazine feature on the web. Skip it for short posts, quick notes or anything that must be a Word or PDF file.
Download the skill