WeChat Publisher Skill

Claude Code Skill · 微信公众号排版利器

将任意内容一键转换为精美排版的公众号文章，自动处理所有微信编辑器的奇葩限制

English · 简体中文

---

✨ 特性

• 🎨 多主题支持 — 3 套预设主题，可配置默认主题，发布时可临时切换
• 🌙 代码高亮 — 深色代码块，语法高亮配色
• 📊 精美表格 — 交替行背景色，专业美观
• 🏷️ 步骤徽章 — 圆形数字徽章，清晰展示步骤
• 📝 多种列表 — 有序列表、无序列表完美支持
• 💬 提示框 — 警告框、信息框、高亮框
• 🔤 行内代码 — 背景高亮的行内代码样式
• 📐 章节标题 — 带彩色左边框的标题样式

🚀 快速开始

安装

方式一：全局安装

# 克隆仓库
git clone https://github.com/win4r/wechat-publisher.git

# 复制到 Claude Code 技能目录
cp wechat-publisher/SKILL.md ~/.claude/skills/wechat-publisher/SKILL.md

方式二：项目级安装

# 在你的项目根目录下执行
mkdir -p .claude/skills/wechat-publisher
cp path/to/wechat-publisher/SKILL.md .claude/skills/wechat-publisher/SKILL.md

前置要求

• Claude Code + 浏览器自动化（Chrome MCP 等）
• Python 3（用于本地 HTTP 服务器）
• Chrome / Chromium 浏览器

使用方法

直接告诉 Claude Code 你要发布内容到公众号：

将下面的内容发布到微信公众号，确保排版美观。

[你的内容]

触发短语：

• 「发到公众号」
• 「发布到微信公众号」
• 「帮我写一篇公众号文章」

🎨 主题配置

修改默认主题

编辑 SKILL.md 的 frontmatter：

---
default_theme: business-blue  # 可选: classic-purple, business-blue, fresh-green
---

发布时临时切换

用商务蓝主题发布到公众号
用绿色主题发布到微信公众号

可用主题

主题	主色调	适用场景
Classic Purple	#7c3aed	科技 / 创意类内容
Business Blue	#2563eb	企业 / 商业类内容
Fresh Green	#059669	教育 / 生活类内容

🔧 技术方案

为什么需要这个工具？微信公众号编辑器有很多令人头疼的限制：

问题	错误方案	正确方案
换行消失	<br/> 标签	每行单独 <p> 标签
中文乱码	pbcopy	浏览器快捷键复制
页面无法加载	file:// URL	Python HTTP 服务器
截图全黑	默认渲染	background:#fff !important
复制静默失败	JS Clipboard API	仅使用键盘快捷键
样式被剥离	<style> 块	全部内联 style="..."
布局错乱	<div> 包装	使用 <section> 元素

📁 项目结构

wechat-publisher/
├── SKILL.md              # 技能定义（Claude Code 核心文件）
├── README.md             # 中文文档
├── README.en.md          # 英文文档
├── CLAUDE.md             # Claude Code 项目指南
└── docs/
    └── plans/            # 设计文档

🤝 参与贡献

发现了未覆盖的微信排版问题？欢迎提交 Issue 或 PR！

📄 许可证

MIT

---

如果这个项目对你有帮助，请给一个 ⭐️ Star 支持一下！