善春AI·微信公众号排版专家:先预览、再输出微信规范 HTML

前言

公众号后台对排版的支持有限:常见做法是手写内联样式,或在第三方编辑器里排好再粘贴。稿件一改版,顶栏、正文行距、底栏引导往往要整段重调。若你已经在用 Cursor、Claude Code 等带 Skills 的 Agent 写稿,可以把「符合微信习惯的 HTML 结构 + 三种固定风格 + 确认后再出码」交给 Skill,而不是每次从零拼标签。

下面介绍 SkillHub 上的社区 Skill 善春AI·微信公众号排版专家 | SCAI WeChat Formatter(坐标 @user_0c169ec6/wechat-formatter-cn,当前版本 1.3.0),以及安装方式与对话里的标准用法。

这是什么

该 Skill 面向微信公众号图文:根据你提供的正文,按内置模板生成带内联样式的 HTML,并支持在出码前做文字版效果预览。SkillHub 分类为 content-creation,来源为 community,发布者为 user_0c169ec6;页面标注 requires_api_key=false,无需额外 API Key。SKILL.md 中作者署名为善春,并指向 GitHub 仓库 ShanchunAI_Protocol_16Layers。

官方入口:

  • API 页:https://api.skillhub.cn/user_0c169ec6/wechat-formatter-cn
  • SkillHub 详情:https://www.skillhub.cn/skills/user_0c169ec6/wechat-formatter-cn

(截至资料抓取时,SkillHub 显示评分约 100000,下载约 1007 次。)

核心功能

以下能力均来自官方简介与 v1.3.0 的 SKILL.md:

  1. 一键生成微信规范排版 HTML:输出为全内联样式片段,说明中写明可复制到公众号后台使用。
  2. 三种风格:科技风(默认,主色 #007aff)、文艺风(#c17e61)、简约风(#333333),顶栏渐变与强调色按风格切换规则替换。
  3. 先预览、再生成:收到以「排版:」开头的内容(英文为 Format:)时,Agent 先输出 ASCII 框图式文字预览(顶栏、正文样例、底栏、当前风格名);你回复「生成」或切换风格指令后,再输出完整 HTML。
  4. 中英双语:同一 Skill 包内包含中文版与 English Version 工作流说明。
  5. 模板硬编码:科技风等 HTML 骨架写在技能包内,正文段落、小标题、引用、强调有固定标签与 style 规则,用于稳定输出格式。

安装与启用

SkillHub 官方安装说明要求:先阅读 SkillHub 安装与优先源配置,再安装本 Skill。

1. 检查或安装 skillhub CLI

command -v skillhub && skillhub --version

若未安装,可按官方文档执行完整安装(示例为推荐方式):

curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash

2. 安装到当前 Agent 的 skills 目录

安装时必须用 --dir 指向当前客户端识别的 skills 目录,否则默认落在 ./skills/ 可能不被加载。官方文档给出的常见路径如下:

客户端 skills 目录
Cursor ~/.cursor/skills/
Claude Code ~/.claude/skills/
Codex ~/.codex/skills/ 或项目下 .agents/skills/

安装命令(坐标与 SkillHub 页面一致):

skillhub install @user_0c169ec6/wechat-formatter-cn --dir ~/.cursor/skills/

将 ~/.cursor/skills/ 换成你实际使用的目录即可。安装完成后,按你所用客户端的惯例刷新或重启 Agent,使 Skill 被加载。

也可在对话中让 Agent 按上述文档安装,提示词示例(摘自 SkillHub 页面):

请根据 https://skillhub.cn/install/skillhub.md,安装 @user_0c169ec6/wechat-formatter-cn。

典型用法

SKILL.md 给出的标准流程分三步:安装或加载技能后,用「排版:」触发;先看预览,再确认出码。

中文对话示例

  1. 发送正文(前缀固定):
排版:今天想聊聊AI的未来。AI正在改变我们的生活方式。
  1. Agent 应返回文字版「排版效果预览」,并标明当前风格(默认为科技风),提示可回复「生成」或「文艺风 / 简约风」切换。

  2. 满意后回复:

生成
  1. Agent 输出完整 HTML;你复制到微信公众号后台图文编辑器中粘贴即可(官方 FAQ 说明为内联样式、可直接粘贴)。

英文对话示例

Format: Today I want to talk about AI. AI is changing our lives.

确认预览后回复 Generate;切换风格可使用 Literary / Minimal(见 SKILL.md 英文工作流)。

异常与边界(技能包内约定)

  • 内容为空时,Agent 应提示使用「排版:你的文章内容」格式。
  • 无「排版:」前缀时,按 SKILL 说明仍可对内容做正常处理。
  • 用户直接说「生成」时,用当前已选风格输出完整 HTML。

适用场景与注意

适合谁

  • 定期发公众号、希望顶栏 / 正文 / 底栏结构统一的内容作者或运营。
  • 已在 Agent 里写稿,希望少手写 <p style="...">、少在多个排版工具间来回导出的开发者。

需要注意

  • 输出风格只有三种预设,自定义品牌色或复杂版式仍需自行改 HTML 或另做模板。
  • 预览是文字示意图,不是真实渲染图;最终以粘贴到微信后台后的显示为准。
  • 技能包内含关注引导、在看点赞留言等示例文案,发布前请按账号实际情况修改 HTML 内文字。
  • 本 Skill 为社区发布(community),使用前可在 SkillHub 页面查看版本与说明;商业授权以 SKILL 中的 SCAI Commercial 标识及作者仓库说明为准。

结尾

善春AI·微信公众号排版专家把公众号常用的三段式版式(顶栏、正文、底栏)和三种配色风格写进 Skill,用「先预览、再生成」减少反复试错。若你在用 SkillHub 管理 Agent 能力,可从官方页安装 @user_0c169ec6/wechat-formatter-cn:

https://www.skillhub.cn/skills/user_0c169ec6/wechat-formatter-cn

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

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

Xiaoye