Claude Skill MartBrowse skillsQuick linesLearn by videoTerminal guideWhat is a Skill?
 
← Back to list

Blog Post (Long-form Article)

A template skill that turns 600+ word drafts into a magazine-style long-form article page.

Content & WritingBeginner★ 8,395⑂ 830AI score 6/10Last updated: Aug 18, 2026

What it does

  • Lays out genuinely long articles (600+ words) as a typography-first, magazine-like page.
  • Prescribes the structure: masthead (publication name + date), hero (headline, subhead, byline, reading time), single 65ch body column, author bio card, and three related-post cards.
  • Bakes in design details: large serif italic pull quotes with a left color bar, italic figure captions, and rounded dark code blocks with language labels.
  • Targets a 70% text / 20% imagery / 10% chrome balance so reading comfort stays the priority.

Who it's for

  • Content marketers and editors shipping essays, newsletters, or case studies as standalone HTML.
  • Solo developers and creators who want an editorial-looking article page without a designer.
  • Teams needing a consistent format for quotes, figures, and code inside long reads.

Examples

  1. "Use the blog-post template to turn this 2,000-word launch retrospective into an article page."
  2. "Render our customer case study with this layout and fill the related-posts cards with three other stories."
  3. "Format this technical tutorial using the dark, language-labeled code block rules."

· · · Install guide · · ·

Try it now, no install

Paste this into Claude to use the skill without installing anything.

Read the instructions in this file and follow them to help me:
https://raw.githubusercontent.com/nexu-io/html-anything/HEAD/next/src/lib/templates/skills/blog-post/SKILL.md

What I want: (describe your task here)

If Claude can't open the link, open it yourself and paste the contents instead.

↓ If it works for you, download the ZIP below and install it. Then it runs on its own — no pasting each time.

Install in the Claude app (no terminal)
  1. Download the ZIP with the button below.
  2. In Claude, open Settings → Capabilities and turn on 'Code execution and file creation'. (one time)
  3. Go to Customize → Skills → + → 'Upload a skill' and upload the ZIP.
↓ Download ZIP
Install in Claude Code

Let Claude do it — paste this into Claude Code

Install the skill I found on Claude Skill Mart.
Copy the next/src/lib/templates/skills/blog-post folder from the GitHub repo nexu-io/html-anything into my ~/.claude/skills/blog-post/.
When it's done, tell me in one line what this skill can do.

Install with a command instead

git clone https://github.com/nexu-io/html-anything.git && mkdir -p ~/.claude/skills/blog-post && cp html-anything/next/src/lib/templates/skills/blog-post/SKILL.md ~/.claude/skills/blog-post/

⚠ This is a third-party skill. Check the source repository before installing.

  1. Open your terminal.
  2. Clone the repo: git clone https://github.com/nexu-io/html-anything.git
  3. Create the skill folder: mkdir -p ~/.claude/skills/blog-post
  4. Copy the template: cp html-anything/next/src/lib/templates/skills/blog-post/SKILL.md ~/.claude/skills/blog-post/
  5. Restart Claude Code, then ask: "Use the blog-post skill to lay out this draft as an article page."
  6. The source spec is written in Chinese, so specify your desired output language for consistent results.
View source on GitHub ↗License: Apache-2.0