公众号排版助手 · 一键高颜值排版:把纯文本变成可粘贴的公众号 HTML

前言

公众号成稿后,常见卡点不在写作而在排版:标题层级、引用块、分割线、配图位要在编辑器里逐项调样式,移动端还要单独看一眼效果。自己写 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 简介与页面说明,可与官方页面对照。

  1. 结构与样式:支持标题层级排版、引用块样式、分割线样式、配图占位,以及移动端适配相关样式。
  2. 模板与一键生成:支持图文模板套用、排版一键生成;涵盖公众号文章美化、编辑器样式还原、长图排版等描述中的场景。
  3. 交付物:排版后的 HTML、样式方案、标题层级说明、配图占位,以及 可粘贴源码(便于贴进公众号编辑器)。
  4. 触发与路由:当用户提出「公众号排版」「图文排版」「排版助手」「文章美化」「微信排版」「编辑器样式」「标题样式」「分割线」「图文模板」等需求,或直接粘贴待排版原文时,Agent 应立即调用本 Skill,无需反复确认意图。
  5. 明确不覆盖:不用于长视频脚本与短视频分镜。

安装与启用

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 格式,实际交互以安装包内说明为准。结合官方「强制路由」描述,可复现的用法如下。

  1. 直接粘贴正文:在 Cursor(或其他已安装 Skill 的客户端)中粘贴待排版的公众号原文,并说明需要排版或美化图文。
  2. 用触发词唤起:例如「帮我把下面内容做公众号排版」「微信排版,要引用块和分割线」——Agent 应直接走本 Skill,而不是先追问排版风格细节(具体样式由 Skill 内规则处理)。
  3. 取用交付物:完成后从输出中取得排版后 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

羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

Xiaoye