微信公众号文章一键排版
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_f12a44b7/self-dev-wechat-article-skill。
技能介绍
问题在哪
微信公众号后台对 HTML 很挑剔:linear-gradient、rgba、<h1>–<h6>、<ul>/<ol>/<li> 在手机端经常丢样式或直接被过滤;emoji 图标也不稳定。更麻烦的是,从选题、配图到草稿往往拆在多个工具里,配图标记数与上传 URL 不一致、数据图 JSON 写成对象格式等问题,会在推送前才暴露。
技能怎么跑通
技能把流程收成 六步:选题调研(含配图方案与四段式结构)→ 带 ![配图] / ![插画:xxx] 标记的写作 → 一次性生成封面与数据图并上传 → 用 push.js v5.1 把 Markdown 转成微信安全 HTML → 推草稿箱 → 按清单验草稿。
排版引擎的核心是「用 section/p/span 替代不安全标签」,并做自动兼容性自检(违规不交付)。v5.1 起支持 30+ 内联 SVG 替代 emoji、--style 切换暖金科技 / 蓝调杂志 / 极简黑白,--brand 与 --qr 参数化品牌与关注二维码。数据配图需用 数组格式 [["名称",数值,...]],正文图走 media/uploadimg 而非素材接口。
边界与注意
需配置 WX_APPID、WX_APPSECRET;推送若报 40164 要把报错 IP 加入公众号白名单。![配图] 数量必须与 --images 一致;插画名须在内置 SVG 列表内。写作规范里要求高密度信息与固定结构,适合延续账号定位的行业/科技类长文,不是通用新闻爬虫或纯排版插件。
使用场景
- 账号定位是 AI/科技方向,选题已定,要把含 2 张数据图与 3~4 张实景插画的 1500 字长文一次性推到公众号草稿箱
- 正文已用 `![配图]` 和 `![插画:chart]` 写好,需要转成无 gradient、h 标签的微信 HTML,并做兼容性自检后再交付
- 封面 900×383 与 bar/cards 时间轴图已用数组格式生成,要批量 `uploadimg` 并与文中配图占位数量对齐
- 要在文末 CTA 嵌入 `--qr` 关注码,并用 `--brand` 与 `--style` 统一头尾品牌与暖金/蓝调主题,避免改脚本硬编码
适合人员
- 独立运营公众号、按四段式写行业分析并依赖硬数据支撑选题的技术写作者
- 已配置 `WX_APPID`/`WX_APPSECRET`,希望从选题调研、配图方案到草稿推送走同一套六步流程的自媒体编辑
- 用 sub-agent 并行做深度调研后再落笔,且要求 SVG 图标替代 emoji 以保证微信端显示稳定的内容运营
- 负责数据对比类配图(bar/cards/timeline),熟悉微信 IP 白名单与 `40164` 排查的公众号技术向编辑