inhai-wiki
Wechat Article Skills
Design community
Description
Claude Code Skills for WeChat article formatting: style extraction, Markdown typesetting, draft publishing
Installation
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open the source below and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
README
WeChat Article Skills
微信公众号文章排版相关的 Claude Code Skill 合集。包含样式提取、Markdown 排版美化、草稿箱发布三个核心能力。
Skills 列表
| Skill | 文件 | 说明 |
|---|---|---|
| 样式提取 | extract-wechat-style.md | 输入微信公众号文章链接，提取配色、字体、装饰模式等样式，保存为可复用模板 |
| 文章排版 | format-article.md | 选择已保存的样式模板，将 Markdown 文章排版为微信公众号兼容的格式 |
| 发布草稿 | publish-to-wechat.md | 将排版好的文章通过微信公众号 API 推送到草稿箱 |
使用方式
方式一：配合 wechat-typesetting 使用
这些 Skill 配合 [wechat-typesetting](https://github.com/inhai-wiki/wechat-typesetting) 排版工具使用效果最佳。工具已内置这些 Skill，开箱即用。
方式二：作为 Claude Code Skill 使用
将 Skill 文件复制到你的 Claude Code 项目中：
# 复制到项目的 .claude/skills/ 目录
mkdir -p your-project/.claude/skills
cp *.md your-project/.claude/skills/然后在 Claude Code 中通过 `/skill` 调用。
方式三：独立参考
每个 Skill 文件都是独立的 Markdown 文档，包含完整的：
- 执行步骤 — 从环境准备到最终验证
- 技术细节 — 核心代码位置和实现原理
- 注意事项 — 踩坑经验和常见问题
核心经验总结
微信排版兼容性
微信编辑器对 HTML/CSS 有诸多限制，以下是核心经验：
**标签必须转换**
- /
- /
+ 手动编号/符号→+border-left→ 外层包控制间距
**不支持的 CSS**
calc()→ 预计算为固定 px 值display:flex→ 用
