About blog-post
A blog-post design skill for long-form articles, using a single-column editorial layout with figures, pull quotes, author details, and related posts.
Key features
- 01Long-form article layout
- 02Publication masthead and date
- 03Figures with captions
- 04Pull quotes and inline citations
- 05Author bio and related posts
- 06Styled code blocks
Use cases
- 01Designing an editorial blog article
- 02Presenting a long-form feature with figures
- 03Adding author and related-post sections
Install
Copy the command and run it in a terminal.
$
npx skills add https:/After installing, type/blog-postin Claude Code to confirm it loaded.
Bundled filesexample.html
Details
From the project README【模板: 博客长文 / 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)
- 代码块: 圆角 + 深色 + 语言标签
Comments
Markdown supported