Article Magazine

Turns your Markdown or rough notes into a polished, long-form HTML article with a magazine-style layout inspired by Huashu's huashu-md-html. You get a hero section with large title and metadata, single-column body text capped at 700px, serif headings for contrast, styled blockquotes with accent borders, syntax-highlighted code blocks, and section dividers rendered as subtle ornaments. The design keeps things readable with generous line height and careful typography. Use this when you want your writing to look like it belongs in a thoughtful publication rather than a plain blog post. It's opinionated about layout but stays out of your way content-wise, and includes a simple call-to-action footer for sharing.

skills.sh installs: 2.8K
GitHub stars: 106.9K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add nexu-io/open-design --skill article-magazine --agent claude-code

Installs into .claude/skills of the current project.

Files

【模板: 杂志文章】

顶部 hero: 大标题 (text-5xl/6xl) + 可选副标题 + 作者 / 阅读时间 / 日期元数据。
正文: 单栏, 最大宽度约 700px, 居中。段落 text-lg leading-relaxed text-neutral-700 dark:text-neutral-300。
H2 / H3 标题用 serif 字体, 让正文与标题有视觉对比。
引用块使用左侧粗 accent 色边线 + 斜体。
代码块: 圆角 + 深色背景 + 浅色文字, 显示语言标签。
列表项使用自定义 bullet（小方块 / accent 圆点）。
章节之间用 <hr> 分隔, 但样式做成中央居中的小 ornament。
文末加一个简单的 "如果觉得有用，欢迎转发" 行动卡片。