/blog-post

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

Boost this skill

nexu-io@nexu-io

GitHub

From plugin

html-anything

8.8k81 skills

Install

$ npx -y skills add nexu-io/html-anything --skill blog-post --agent claude-code

How it fires

How this skill gets triggered: by you, by Claude, or both.

Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.
You can call itInvoke it directly when you want it.
Slash command/blog-post

Context preview

The summary Claude sees to decide when to auto-load this skill.

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

SKILL.md

blog-post.SKILL.md

name: blog-post
zh_name: "博客长文"
en_name: "Blog Post"
emoji: "📰"
description: "杂志感长文, 含 masthead、hero、figures、pull quote、作者署名"
category: article
scenario: marketing
aspect_hint: "长页面"
tags: ["blog", "essay", "case study", "长文"]

【模板: 博客长文 / 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)
代码块: 圆角 + 深色 + 语言标签

Read it on GitHub ↗

Ships withhtml-anything

From the team behind Open Design — 40k★ · 200+ contributors, production-grade and iterating faster. html-anything is the focused agent-era HTML editor; if it clicks for you, Open Design is where the same team ships at scale.

Get the whole plugin

Stats

TypeScript Node HTML CSS Bash

+7 tags

SQL GitHub Markdown Anthropic Gemini Obsidian Bun

8,827

Stars

857

Forks

Active

Maintenance

HTML