菜单
微信公众号文章排版工作流：从已有公众号文章中提取视觉样式，将 Markdown 内容排版为微信兼容 HTML，并通过微信公众号 API 推送到草稿箱。当用户提到「公众号排版」「微信排版」「提取公众号样式」「推送到草稿箱」「wechat typesetting」时触发。依赖 wechat-typesetting 项目（https://github.com/inhai-wiki/wechat-typesetting）。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
| name | wechat-article-skills |
| description | 微信公众号文章排版工作流：从已有公众号文章中提取视觉样式，将 Markdown 内容排版为微信兼容 HTML，并通过微信公众号 API 推送到草稿箱。当用户提到「公众号排版」「微信排版」「提取公众号样式」「推送到草稿箱」「wechat typesetting」时触发。依赖 wechat-typesetting 项目（https://github.com/inhai-wiki/wechat-typesetting）。 |
提供一套完整的微信公众号排版流程，包含三个可独立使用的子技能：
| 子技能 | 触发词 | 功能 |
|---|---|---|
extract-wechat-style | 提取样式、style extract | 从公众号文章 URL 提取视觉 DNA，保存为样式模板 |
format-article | 排版、format、Markdown 转公众号 | 用样式模板将 Markdown 排版为微信兼容 HTML |
publish-to-wechat | 推送草稿、发布公众号、publish draft | 将排版好的 HTML 推送到公众号草稿箱 |
启动服务：
cd <wechat-typesetting-project-root> && npm run dev
# 访问 http://localhost:3000
从微信公众号文章 URL 中提取排版样式，保存为可复用的样式模板。
src/lib/fetcher.ts — 服务端 fetch，伪装浏览器 UAsrc/lib/parser.ts — cheerio 解析 #js_content 区域，提取 StyleProfile
primaryColor, textColor, accentColorsfontFamily, bodyFontSize, headingFontSizeheadingDecoration（left-border / bottom-border / none）quoteStyle（borderLeft）src/lib/storage.ts — JSON 写入 data/templates/mp.weixin.qq.com 域名的文章链接data-src → src根据已保存的样式模板，将 Markdown 文章排版为微信公众号兼容格式。
# 标题 自动提取为文章标题.html 文件<ul>/<ol>/<li> → 转为 <section> + 手动编号/符号（微信会重新排版列表）<blockquote> → 转为 <section> + border-left（微信会把 blockquote 变色块）<p> → 外层包 <section> 控制间距（微信会给 p 加额外 margin）calc() → 预计算为固定 px 值#xxx80 hex+alpha → 改用标准颜色display:flex → 改用 <table> 布局background 色块 → 引用/表头/标题不要用 background同行多张图片用 <table> 包裹：
 
自动转为每张图一个 <td> 的表格布局。
buildInlineHtml() in src/components/MarkdownFormatter.tsx将排版好的文章推送到微信公众号草稿箱。
登录 微信公众平台 →「设置与开发」→「基本配置」
「基本配置」→「IP 白名单」→ 添加当前公网 IP
查看当前 IP：
curl -4 -s https://checkip.amazonaws.com
工具右上角齿轮图标 → 输入 AppID 和 AppSecret → 保存
配置保存在本地 data/config.json，不会上传。
1. GET /cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET
2. POST /cgi-bin/media/uploadimg # 上传文内图片，替换为微信图床 URL
3. POST /cgi-bin/material/add_material?type=image # 上传封面图
4. POST /cgi-bin/draft/add # 创建草稿
Body: { articles: [{ title, content, thumb_media_id, author }] }
代码位置：
src/lib/config.ts + src/app/api/config/route.tssrc/lib/wechat.ts（token 管理、图片上传、草稿创建）src/app/api/publish/draft/route.tssrc/components/PublishDialog.tsx| 错误 | 原因 | 解决 |
|---|---|---|
invalid ip | IP 未加白名单 | 在公众平台添加当前 IP |
access_token 失败 | AppID/AppSecret 错误 | 检查配置 |
图片上传失败 | 图片 URL 无法访问 | 确保图片可公网访问 |
| 样式丢失 | HTML 含 <style> 标签 | 排版引擎已自动转为内联样式 |
注意：
本 skill 改编自 wechat-article-skills，原项目采用 MIT License，版权归原作者所有。
分析任意项目中已有的模型厂商（provider / client / adapter）实现方式，并按照完全一致的模式为七牛云网关新增接入（代码标识统一为 qiniu）。当用户提到「七牛」「Qiniu」「接入七牛云」「新增 provider」「add qiniu provider」「接入厂商」时自动触发。
在用户指定的项目根目录根据内置默认模板组装 PR 说明（默认写入 PR_SUMMARY.md），Summary 原样保留，在 What changed 下为每个引用文件追加规范列表项，并根据 test.txt 的 命令/结果 对生成 Testing 节；无内容时整节删除。可选覆盖模板。最后一步：以 Markdown 形式输出完整文档（含于用户可见回复），并删除项目根下的 PR_SUMMARY.md 与 test.txt（若存在）。适用于按模板输出根目录变更说明、What changed、Testing、七牛 Qiniu provider 变更说明时。
在用户指定的项目文件夹中扫描测试，生成并执行类似 pytest tests/unit/providers/test_qiniu_provider.py --tb=short 的命令，将命令与结果写入项目根目录 test.txt（每条「结果」行仅为 N passed M failed；不同命令块之间空行分隔）。仅当用户明确要求使用本 skill 并提供目标文件夹时使用。
Generates and refreshes Qiniu (七牛云) llms.txt from the current official website, following the llms.txt specification with stable section structure, retrieval-friendly summaries, and website-driven updates.