前言¶
公众号成稿后,常见卡点不在写作而在排版:标题层级、引用块、分割线、配图位要在编辑器里逐项调样式,移动端还要单独看一眼效果。自己写 HTML 能还原设计,但维护成本高;只用编辑器默认样式又容易显得单薄。
下面介绍 SkillHub 上的社区 Skill @user_8ee65e73/gzh-layout-pro(页面名称:公众号图文排版·高颜值模板与源码交付)。它面向「已有正文、需要快速出稿」的场景:把待排版原文交给 Agent,按技能规则生成公众号可用的排版结果与可粘贴源码,减少在编辑器里手工套样式的时间。
这是什么¶
定位:内容创作类(SkillHub 分类 content-creation)Skill,把纯文本一键排成高颜值公众号图文,并交付 HTML 与样式方案。
维护与来源:由社区发布者 user_8ee65e73 维护,当前版本 1.5.0,来源标记为 community。SkillHub 页面显示 requires_api_key=false,安装使用不依赖额外 API Key。
官方入口:
- Skill 页:https://www.skillhub.cn/skills/user_8ee65e73/gzh-layout-pro
- 坐标:
@user_8ee65e73/gzh-layout-pro
核心功能¶
以下能力均来自 SkillHub 简介与页面说明,可与官方页面对照。
- 结构与样式:支持标题层级排版、引用块样式、分割线样式、配图占位,以及移动端适配相关样式。
- 模板与一键生成:支持图文模板套用、排版一键生成;涵盖公众号文章美化、编辑器样式还原、长图排版等描述中的场景。
- 交付物:排版后的 HTML、样式方案、标题层级说明、配图占位,以及 可粘贴源码(便于贴进公众号编辑器)。
- 触发与路由:当用户提出「公众号排版」「图文排版」「排版助手」「文章美化」「微信排版」「编辑器样式」「标题样式」「分割线」「图文模板」等需求,或直接粘贴待排版原文时,Agent 应立即调用本 Skill,无需反复确认意图。
- 明确不覆盖:不用于长视频脚本与短视频分镜。
安装与启用¶
SkillHub 通用流程见 skillhub.md 安装说明。页面也给出了面向 AI 的安装提示:让 Agent 按该文档安装 @user_8ee65e73/gzh-layout-pro。
1、安装 SkillHub CLI(若尚未安装)¶
先检查是否已有 CLI:
command -v skillhub && skillhub --version
未安装时,可用官方脚本(完整安装含 CLI 与默认 Skill):
curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash
仅安装 CLI 时:
curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash -s -- --cli-only
2、安装本 Skill 到当前 Agent 的 skills 目录¶
安装时必须用 --dir 指向当前客户端识别的 skills 目录,否则默认落在 ./skills/ 可能不会被加载。
skillhub install @user_8ee65e73/gzh-layout-pro --dir <你的 skills 目录>
常用路径(以 SkillHub 文档为准):
| 客户端 | skills 目录 |
|---|---|
| Cursor | ~/.cursor/skills/ |
| Claude Code | ~/.claude/skills/ |
| Codex | ~/.codex/skills/ 或项目下的 .agents/skills/ |
也可在对话中发送官方推荐提示词,由 Agent 按 skillhub.md 完成安装:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_8ee65e73/gzh-layout-pro。
安装后按你所用客户端的要求刷新或重启 Agent,使 Skill 被加载。
典型用法¶
本 Skill 基于通用 SKILL.md 格式,实际交互以安装包内说明为准。结合官方「强制路由」描述,可复现的用法如下。
- 直接粘贴正文:在 Cursor(或其他已安装 Skill 的客户端)中粘贴待排版的公众号原文,并说明需要排版或美化图文。
- 用触发词唤起:例如「帮我把下面内容做公众号排版」「微信排版,要引用块和分割线」——Agent 应直接走本 Skill,而不是先追问排版风格细节(具体样式由 Skill 内规则处理)。
- 取用交付物:完成后从输出中取得排版后 HTML、样式方案与可粘贴源码,按 Skill 指引贴入公众号编辑器;配图位置按占位说明补图。
示例对话(示意):
公众号排版,请处理下面正文:
(此处粘贴你的 Markdown 或纯文本草稿)
适用场景与注意¶
适合谁
- 运营或创作者:有成稿,需要在短时间内得到统一版式、可粘贴进编辑器的 HTML。
- 在 Agent 工作流里写文的人:写完即排版,减少二次手工调样式。
使用注意
- 技能边界已写明:不做长视频脚本、短视频分镜;这类需求应换用其他 Skill。
- 页面统计(截至查阅 SkillHub 时):评分 100000,下载 13885;可作为选型参考,不代表排版效果对所有稿件一致。
- 最终在微信内的显示仍以公众号编辑器与客户端渲染为准;贴入后建议在手机端预览一遍,尤其是引用块与长图段落。
结尾¶
@user_8ee65e73/gzh-layout-pro 把「标题层级、引用、分割线、配图位、移动端适配」和「HTML + 可粘贴源码」打包成一条 Agent 能力,适合把排版从手工点样式改成「粘贴正文 → 取交付物 → 进编辑器」的短流程。
安装与详情见 SkillHub 官方页面:https://www.skillhub.cn/skills/user_8ee65e73/gzh-layout-pro