前言¶
公众号后台对排版的支持有限:常见做法是手写内联样式,或在第三方编辑器里排好再粘贴。稿件一改版,顶栏、正文行距、底栏引导往往要整段重调。若你已经在用 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:
- 一键生成微信规范排版 HTML:输出为全内联样式片段,说明中写明可复制到公众号后台使用。
- 三种风格:科技风(默认,主色
#007aff)、文艺风(#c17e61)、简约风(#333333),顶栏渐变与强调色按风格切换规则替换。 - 先预览、再生成:收到以「排版:」开头的内容(英文为
Format:)时,Agent 先输出 ASCII 框图式文字预览(顶栏、正文样例、底栏、当前风格名);你回复「生成」或切换风格指令后,再输出完整 HTML。 - 中英双语:同一 Skill 包内包含中文版与 English Version 工作流说明。
- 模板硬编码:科技风等 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 给出的标准流程分三步:安装或加载技能后,用「排版:」触发;先看预览,再确认出码。
中文对话示例¶
- 发送正文(前缀固定):
排版:今天想聊聊AI的未来。AI正在改变我们的生活方式。
-
Agent 应返回文字版「排版效果预览」,并标明当前风格(默认为科技风),提示可回复「生成」或「文艺风 / 简约风」切换。
-
满意后回复:
生成
- 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