小
一个主题进来,五种标题、完整笔记、封面文案出去
Markdown 粘进来,公众号能用的内联样式 HTML 出去。公众号编辑器会剥掉 <style> 标签,排好的一次性样式粘贴就丢。
单买,无需订阅 · 内测期免费领取。复制以下命令在终端创建文件,或展开下方代码直接保存为 ~/.agents/skills/wechat-article-polish/SKILL.md:
mkdir -p ~/.agents/skills/wechat-article-polish && touch ~/.agents/skills/wechat-article-polish/SKILL.md
---
name: wechat-article-polish
description: 把 Markdown 文章转成可直接粘贴进公众号编辑器的内联样式 HTML——移动端自适应、引用块/重点/分隔线样式,零外部依赖。当用户提到公众号排版、推送格式化、文章转公众号时使用。
---
# 公众号排版打磨器
把一篇 Markdown 变成粘进公众号后台就能用的 HTML:所有样式内联(公众号编辑器会剥掉 `<style>` 标签,这是唯一可靠做法)。
## 触发条件
用户提到:公众号排版 / 推送排版 / 文章转公众号 / mp 排版。
## 工作流
1. **读入 Markdown**,识别结构:标题层级、引用、列表、代码块、加粗、图片。
2. **映射到内联样式**(用下方设计令牌),逐节点生成带 `style` 属性的 HTML。
3. **正文样式规则**:
- 段落:`margin:0 0 20px 0; line-height:1.8; font-size:15px; color:#3f3f3f; letter-spacing:0.5px;`
- 二级标题:`margin:32px 0 16px; font-size:17px; font-weight:600; color:#1a1a1a;` 前加 4px 圆角色块(`border-left:4px solid #07c160; padding-left:10px;`)
- 引用块:浅灰底 + 左侧线(`background:#f7f7f7; border-left:3px solid #07c160; padding:12px 16px; margin:20px 0; color:#666; font-size:14px;`)
- 加粗重点:`color:#07c160; font-weight:600;`
- 分隔线:`border:none; border-top:1px dashed #ddd; margin:28px 0;`
- 图片说明:居中灰字 13px
- 代码:等宽字体 + 浅底块
4. **输出完整 HTML 文档**(内联样式、无 `<style>`、无外链 CSS/JS),并附一句粘贴指引(公众号后台 → 粘贴为富文本)。
5. **主色调默认微信绿 #07c160**;用户给品牌色则全局替换。
## 质量红线
- 任何样式出现在 `<style>` 标签或 class 里 = 失败(粘贴后必然丢样式)。
- 不引入外部字体、图片 base64 之外的任何外部资源。
- 移动端检查:正文宽度 100%,不出现横向滚动。
## 自测任务(出厂前必须全过)
1. 输入一篇含标题/引用/列表/加粗/代码的测试 Markdown,产出 HTML 用无 `<style>`、无 class、无外链,样式全部内联。
2. 产出的 HTML 在 375px 宽视口渲染无横向滚动、段落间距一致。