wechat-article-skills

KO | EN

gitlite — search

#javascript #python #hacktoberfest #react #ai #typescript #llm #go #golang #android #machine-learning #rust #deep-learning #linux

wechat-article-skills

★ 9 Open GitHub ↗

Claude Code Skills for WeChat article formatting: style extraction, Markdown typesetting, draft publishing

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# WeChat Article Skills

微信公众号文章排版相关的 Claude Code Skill 合集。包含样式提取、Markdown 排版美化、草稿箱发布三个核心能力。

## Skills 列表

| Skill | 文件 | 说明 |
|-------|------|------|
| 样式提取 | [extract-wechat-style.md](extract-wechat-style.md) | 输入微信公众号文章链接，提取配色、字体、装饰模式等样式，保存为可复用模板 |
| 文章排版 | [format-article.md](format-article.md) | 选择已保存的样式模板，将 Markdown 文章排版为微信公众号兼容的格式 |
| 发布草稿 | [publish-to-wechat.md](publish-to-wechat.md) | 将排版好的文章通过微信公众号 API 推送到草稿箱 |

## 使用方式

### 方式一：配合 wechat-typesetting 使用

这些 Skill 配合 [wechat-typesetting](https://github.com/inhai-wiki/wechat-typesetting) 排版工具使用效果最佳。工具已内置这些 Skill，开箱即用。

### 方式二：作为 Claude Code Skill 使用

将 Skill 文件复制到你的 Claude Code 项目中：

```bash
# 复制到项目的 .claude/skills/ 目录
mkdir -p your-project/.claude/skills
cp *.md your-project/.claude/skills/
```

然后在 Claude Code 中通过 `/skill` 调用。

### 方式三：独立参考

每个 Skill 文件都是独立的 Markdown 文档，包含完整的：

- **执行步骤** — 从环境准备到最终验证
- **技术细节** — 核心代码位置和实现原理
- **注意事项** — 踩坑经验和常见问题

## 核心经验总结

### 微信排版兼容性

微信编辑器对 HTML/CSS 有诸多限制，以下是核心经验：

1. **标签必须转换**
   - `<ul>/<ol>/<li>` → `<section>` + 手动编号/符号
   - `<blockquote>` → `<section>` + `border-left`
   - `<p>` → 外层包 `<section>` 控制间距

2. **不支持的 CSS**
   - `calc()` → 预计算为固定 px 值
   - `display:flex` → 用 `<table>` 布局
   - hex+alpha (`#xxx80`) → 用标准颜色

3. **不要使用背景色块**
   - 引用块：只用 `border-left` 竖线
   - 表头：只用彩色文字 + 底部边框
   - 标题：只用彩色文字

## License

MIT

wechat-article-skills

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README