WeChat Editorial Layout Skill

一个用于公众号文章排版的 Agent Skill。

它可以把 Markdown、Word 或纯文本整理成可直接粘贴到微信公众号编辑器的 HTML,并提供带“一键复制”按钮的浏览器预览页。

特点

  • 保留作者原有观点、口吻和段落顺序,不擅自改写事实
  • 文章标题只用于公众号标题栏,不重复进入正文
  • 自动整理章节层级并生成 01 / 02 / 03 编号
  • 章节编号与标题之间使用简洁的浅灰实线
  • 普通正文使用两端对齐、无首行缩进、段后 24px、行高 2、字间距 1px
  • 重点句使用克制的黑色粗体
  • 引用使用浅灰底和砖红色引号
  • 代码块使用砖红色背景和白色等宽文字
  • 文末引用链接自动移到菱形分割线之后
  • 自动检查公众号不兼容标签、样式和文字节点
  • 生成干净正文 HTML 与一键复制预览页

安装

在终端运行:

npx skills add https://github.com/niuer/wechat-editorial-layout-skill

安装范围选择 Global,即可在所有项目中使用。

使用

在 Codex、Claude Code、Cursor 或其他支持 Agent Skills 的工具中输入:

使用 $wechat-editorial-layout-skill 给下面这篇文章排版:

【粘贴文章正文】

也可以上传 Word 文件:

使用 $wechat-editorial-layout-skill 给这个 Word 文档做公众号排版。

输入格式

建议使用下面的 Markdown 结构:

# 文章标题

开头正文。

## 第一部分

正文内容,**这里是重点句**。

> 这里是一段引用。

相关链接:
OpenAI 官方网站:
https://openai.com

说明:

  • # 主标题不会进入正文 HTML,请将它填写到公众号独立标题栏
  • ## 会生成带编号的章节标题
  • **重点句** 会显示为黑色粗体
  • > 引用 会使用浅灰引用组件
  • 【图片待补:说明】 会生成图片占位板块
  • 文末链接按“说明文案:”换行接 URL 的方式书写

视觉规范

元素 样式
主色 #CF5148
正文 16px、两端对齐、行高 2、字间距 1px
括号内容 #8A8A8A
章节标题 #CF5148,配 1px 浅灰实线,无外框
引用 浅灰底、砖红色引号
代码块 砖红色背景、白色等宽文字
文末链接 12px 灰色,位于菱形分割线之后

输出文件

每次排版会生成:

  1. 干净正文 HTML:用于校验和手动复制
  2. 预览 HTML:浏览器打开后点击“复制到公众号”,再粘贴到公众号编辑器

所有正文样式均为内联 CSS,不依赖外部字体、样式表或 JavaScript。预览页的复制脚本位于正文容器之外,不会被粘贴到公众号。

支持的输入

  • Markdown .md
  • Word .docx
  • 纯文本
  • 经结构化提取后的 PDF 或网页内容

仓库结构

wechat-editorial-layout-skill/
├── SKILL.md
├── agents/openai.yaml
├── references/editorial-theme.md
└── scripts/
    ├── extract_docx.py
    ├── render_wechat.py
    ├── validate_wechat.py
    └── wrap_preview.py

支持项目

如果这个 Skill 对你有帮助,欢迎点一个 Star,让我知道有人在使用。

License

本项目采用 PolyForm Noncommercial License 1.0.0

允许个人、学习、研究和其他非商业用途。未经作者授权,不得用于商业项目、收费服务、销售或商业化再分发。