Back to Skills

article-magazine

Huashu / huashu-md-html-inspired magazine article layout for turning Markdown or notes into a polished long-form HTML essay.

82,550stars9,551forksUpdated 7/30/2026

Security Assessment

Safe(95/100)
Security Score95/100

About article-magazine

This skill is a magazine-style article layout template that turns Markdown or raw notes into a polished, long-form HTML essay. Inspired by the Huashu / huashu-md-html aesthetic, it solves the problem of making written content look publication-ready across platforms without manual reformatting, positioning HTML (rather than platform-specific Markdown rendering) as the final, portable form of an article.

The skill is primarily a design specification expressed as a template brief. It prescribes a hero header with a large title, optional subtitle, and author/reading-time/date metadata; a single centered column roughly 700px wide with relaxed line height; serif H2/H3 headings for contrast against the body; accented italic blockquotes; rounded dark code blocks with language labels; custom list bullets; ornamental section dividers; and a closing share call-to-action card. It ships with an example Markdown source and an example HTML output demonstrating the layout. Front matter marks it as a marketing-scenario, web-surface prototype that points to an upstream html-anything project, and includes bilingual (English/Chinese) metadata and example prompts.

The target users are writers, newsletter authors, bloggers, and marketers, including Chinese-platform publishers targeting outlets like WeChat public accounts and Zhihu, who want a single HTML artifact that renders consistently everywhere. Use cases include converting a draft essay into a styled web page, producing shareable long-form content, and generating an image-worthy article layout from plain notes. It is a self-contained styling template with no scripts or system operations.

FAQ

What input does the template accept?

Markdown or plain notes, which it turns into a polished long-form HTML essay.

What are the defining layout features?

A hero header with title and metadata, a centered ~700px single column, serif headings, accented italic blockquotes, rounded dark code blocks with language labels, custom bullets, ornamental dividers, and a closing share card.

Why does it favor HTML over Markdown output?

The accompanying example argues HTML is the portable, reader-facing final form that renders consistently across platforms, whereas Markdown rendering varies by platform.

Is it bilingual?

Yes. The metadata and example prompts are provided in both English and Chinese, and it is oriented toward platforms such as WeChat public accounts and Zhihu as well as general blogs and newsletters.

Does the skill run any code?

No. It is a static design/layout template that produces a single HTML file; it contains no scripts or system-level actions.

All Files

3 files
SKILL.md1.9 KB
View
example.md1.1 KB
View
example.html5.9 KB
View

Install article-magazine

Download and extract the skill files to your .claude/skills/ directory.

Quick Setup:

  1. Copy the skill folder to .claude/skills/
  2. Claude will automatically detect and use the skill