杂志感长文, 含 masthead、hero、figures、pull quote、作者署名
article-magazine
article-magazine is an open-source frontend skill for Claude Code and compatible agents, published by nexu-io. Its author describes it as: “Substack / Medium 高级感长文排版, 适合公众号、博客发布”. The project has 8.3k stars on GitHub and is available under the Apache-2.0 license. Add it to your setup with `git clone https://github.com/nexu-io/html-anything ~/.claude/skills/article-magazine`.
What article-magazine does
【模板: 杂志文章】 - 顶部 hero: 大标题 (text-5xl/6xl) + 可选副标题 + 作者 / 阅读时间 / 日期元数据。 - 正文: 单栏, 最大宽度约 700px, 居中。段落 `text-lg leading-relaxed text-neutral-700 dark:text-neutral-300`。 - H2 / H3 标题用 serif 字体, 让正文与标题有视觉对比。 - 引用块使用左侧粗 accent 色边线 + 斜体。 - 代码块: 圆角 + 深色背景 + 浅色文字, 显示语言标签。 - 列表项使用自定义 bullet(小方块 / accent 圆点)。 - 章节之间用 `` 分隔, 但样式做成中央居中的小 ornament。 - 文末加一个简单的 "如果觉得有用,欢迎转发" 行动卡片。
Installation
Add article-magazine to your agent with:
git clone https://github.com/nexu-io/html-anything ~/.claude/skills/article-magazine Always review a skill's source before installing it. This command comes from the skill's public repository; the linked repo is the source of truth for exact setup steps.
When to use it
Reach for article-magazine when you want frontend help from your agent without writing the same instructions every session. Load the skill and the agent picks it up automatically for relevant tasks.
Strengths
- Clear Apache-2.0 license — safe to read and adapt
- Ships in nexu-io/html-anything, an established project with 8,336 GitHub stars
- Actively maintained (recent commits)
Things to check
- Sparse description in metadata — read the repository for full details
Topics
Frequently asked questions
- What does article-magazine do?
- Substack / Medium 高级感长文排版, 适合公众号、博客发布
- How do I install article-magazine?
- Run git clone https://github.com/nexu-io/html-anything ~/.claude/skills/article-magazine in your agent, then reload your skills. Review the source at https://github.com/nexu-io/html-anything before installing.
- Is article-magazine free to use?
- Yes. article-magazine is free and open source under the Apache-2.0 license, so you can read, run, and adapt it within that license's terms.
- Where does article-magazine come from?
- article-magazine ships inside nexu-io/html-anything, a repository that contains 41 catalogued skills in total. The repository's 8,336 GitHub stars apply to that whole collection, not to this skill on its own.
Related skills
More Frontend →产品发布邮件, 含 masthead、hero、CTA、规格表, table-fallback
推特金句 / 数据卡, 适合配推文
小红书风格知识卡片, 多张联排可滑动浏览
定位图 + 功能矩阵 + 价格对比 + 机会窗口, 把竞品资料转成产品决策报告