Article Magazine
Turn Markdown or rough notes into a Huashu-style magazine long-form HTML page for blogs, newsletters, or 公众号-style essays without hand-coding layout.
Overview
Article-magazine is an agent skill for the Launch phase that turns Markdown or notes into a Huashu-inspired magazine-layout long-form HTML essay ready for blog, newsletter, or essay distribution.
Install
npx skills add https://github.com/nexu-io/open-design --skill article-magazineWhat is this skill?
- Huashu / huashu-md-html-inspired magazine article layout for long-form HTML essays
- Maps Markdown or notes into a single polished web page with the template’s visual signature
- Oriented to blog, essay, newsletter, and 公众号-style marketing content
- Prototype web surface with HTML preview entry (index.html) and debounced reload workflow
- Example prompt forbids lorem ipsum and placeholder images—expects real content and data
Adoption & trust: 702 installs on skills.sh; 61.4k GitHub stars; 3/3 security scanners passed (skills.sh audits).
What problem does it solve?
You have solid long-form copy in Markdown but it looks like a readme instead of a polished article when you publish.
Who is it for?
Indie builders publishing thought-leadership essays, release notes as stories, or newsletter web versions who want editorial HTML without a CMS theme project.
Skip if: Teams that need a multi-page marketing site, a component library, or PDF print layout—this is one long HTML article surface.
When should I use this skill?
You need to convert Markdown or notes into a Huashu / huashu-md-html-inspired magazine article HTML page with real content and no placeholder filler.
What do I get? / Deliverables
You get a single styled HTML long-form page that matches the magazine template’s look and can be previewed or published as your distribution asset.
- Polished long-form HTML essay page
- Template-faithful magazine layout with your content
Recommended Skills
Journey fit
Canonical shelf is Launch because the skill’s primary outcome is publish-ready marketing long-form HTML for distribution channels, not app implementation. Distribution fits essay, blog, and newsletter surfaces where polished HTML replaces plain Markdown for readers and embeds.
How it compares
Use as a focused article layout skill instead of generic “convert MD to HTML” with no magazine typography rules.
Common Questions / FAQ
Who is article-magazine for?
Solo and indie builders who write in Markdown and want magazine-quality long-form HTML for blogs, newsletters, or marketing essays without designing pages from scratch.
When should I use article-magazine?
Use it in Launch (distribution) when a piece is ready to publish; also fits Grow (content) when you are repackaging notes into a shareable HTML essay for SEO or social linking.
Is article-magazine safe to install?
Review the Security Audits panel on this Prism page and inspect the upstream open-design skill files before running agents against your draft content.
SKILL.md
READMESKILL.md - Article Magazine
【模板: 杂志文章】 - 顶部 hero: 大标题 (text-5xl/6xl) + 可选副标题 + 作者 / 阅读时间 / 日期元数据。 - 正文: 单栏, 最大宽度约 700px, 居中。段落 `text-lg leading-relaxed text-neutral-700 dark:text-neutral-300`。 - H2 / H3 标题用 serif 字体, 让正文与标题有视觉对比。 - 引用块使用左侧粗 accent 色边线 + 斜体。 - 代码块: 圆角 + 深色背景 + 浅色文字, 显示语言标签。 - 列表项使用自定义 bullet（小方块 / accent 圆点）。 - 章节之间用 `<hr>` 分隔, 但样式做成中央居中的小 ornament。 - 文末加一个简单的 "如果觉得有用，欢迎转发" 行动卡片。