blog-post

杂志感长文, 含 masthead、hero、figures、pull quote、作者署名

by nexu-io 8.3k GitHub stars Apache-2.0 Updated Aug 18, 2026
blog-post skill by nexu-io
Social preview for nexu-io/html-anything

Overview

blog-post is an open-source frontend skill for Claude Code and compatible agents, published by nexu-io. Its author describes it as: “杂志感长文, 含 masthead、hero、figures、pull quote、作者署名”. 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/blog-post`.

What blog-post does

【模板: 博客长文 / Blog Post】 【意图】≥ 600 字的真正的长文章, 排版以 typography 为主, 70% 文字 20% 图 10% chrome。 【布局】 - Masthead (publication name + date) - Hero (大标题 + 副标 + 作者署名 + 阅读时间) - 正文 (单栏 65ch, 含 figures, pull quotes, 行内引用) - Author bio 卡片 - Related posts (3 张卡) 【设计细节】 - Pull quote 用大号 serif 斜体 + 左侧色条 - Figures 自带 caption (italic, smaller) - 代码块: 圆角 + 深色 + 语言标签

Best for

Installation

Add blog-post to your agent with:

git clone https://github.com/nexu-io/html-anything ~/.claude/skills/blog-post

Review a skill’s source before installing it — skills can instruct your agent to run commands. This command comes from the skill’s public repository, which is the source of truth for setup steps. New to skills? Read how to install Claude Code skills.

Supported agents

License

blog-post is published under the Apache-2.0 license.

Strengths

  • Clear Apache-2.0 license — safe to read and adapt within its terms
  • Ships in nexu-io/html-anything, an established project with 8,336 GitHub stars
  • Works with Claude Code
  • Actively maintained — repository updated in the last 90 days

Author

nexu-io 102 skills in the catalog · GitHub profile ↗
View skills

Topics

Need a skill like this, tailored to your team?Build a custom skill →

Frequently asked questions

What does blog-post do?
杂志感长文, 含 masthead、hero、figures、pull quote、作者署名
How do I install blog-post?
Run git clone https://github.com/nexu-io/html-anything ~/.claude/skills/blog-post in your agent, then reload your skills. Review the source at https://github.com/nexu-io/html-anything before installing.
Is blog-post free to use?
Yes. blog-post is free and open source under the Apache-2.0 license, so you can read, run, and adapt it within that license's terms.
Which agents does blog-post work with?
blog-post lists Claude Code — named in its SKILL.md, its plugin marketplace or its repository topics. Skills use the portable SKILL.md format, so other agents that read that format may load it too.
Where does blog-post come from?
blog-post 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.

Substack / Medium 高级感长文排版, 适合公众号、博客发布

Claude Code
8.3k GitHub stars Apache-2.0 Updated Aug 18, 2026 Free

推特金句 / 数据卡, 适合配推文

Claude Code
8.3k GitHub stars Apache-2.0 Updated Aug 18, 2026 Free

小红书风格知识卡片, 多张联排可滑动浏览

Claude Code
8.3k GitHub stars Apache-2.0 Updated Aug 18, 2026 Free

固定侧栏 + 顶栏 + KPI 网格 + 1-2 张图

Claude Code
8.3k GitHub stars Apache-2.0 Updated Aug 18, 2026 Free

消费感配对仪表板: 信号 ticker + KPI + 30 天柱状 + 趋势

Claude Code
8.3k GitHub stars Apache-2.0 Updated Aug 18, 2026 Free