Wechat Article Formatter

将 Markdown 文稿转换为微信公众号兼容的 HTML 格式。支持 Claude 风格（简约橙）、橙韵风格（杂志卡片）、蓝色专业风格（商务数据）和贴纸风格（旋转贴纸）四种预设主题。自动处理公众号编辑器的 CSS 兼容性问题（div 转 table、代码块换行、表格背景色、字体继承等）。触发词：「公众号排版」「微信文章格式化」「WeChat article」「格式化为公众号」「转换为微信格式」「复刻排版」「模板复刻」「clone theme」。

21 stars 7 forksWriting & Content

Install

skills CLI (Claude Code, Cursor, Codex and more)

npx skills add vigorX777/wechat-article-formatter --skill wechat-article-formatter

Manual install

git clone --depth 1 https://github.com/vigorX777/wechat-article-formatter.git /tmp/wechat-article-formatter
mkdir -p ~/.claude/skills
cp -r /tmp/wechat-article-formatter/. ~/.claude/skills/wechat-article-formatter

Personal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.

From the SKILL.md

# 微信文章排版生成器 (WeChat Article Formatter)

本 Skill 将 Markdown 文稿一键转换为微信公众号编辑器兼容的 HTML，彻底解决粘贴后排版错乱、CSS 失效等痛点。

## 核心能力

- **Markdown → 公众号 HTML**: 自动转换标题、列表、引用、表格等元素。
- **CSS 兼容性引擎**: `div` 转 `table`、`white-space` 预处理、字体显式声明等。
- **四主题支持**: Claude 风格（简约橙）、橙韵风格（杂志卡片）、蓝色专业风格（商务数据）、贴纸风格（旋转贴纸）。
- **一键复制**: Clipboard API 输出 HTML 格式，直接粘贴到公众号编辑器并保留样式。

## 全主题统一要求

> ⚠️ 以下要求对四个主题全部生效，不能因为主题不同而退回旧样式。

1. **头部胶囊标签显示文章分类**：优先使用源 Markdown 明确提供的分类字段，如「行业快评」「深度解读」「工具实测」「教程指南」，不要在 HTML 阶段临时猜测。
2. **标题区域显示署名**：必须使用源 Markdown 明确提供的署名；如项目有长期约定的默认署名，才按约定回填，不得自由改写。
3. **前言卡片必须精简**：只放 1-2 段短引言 / hook，不要塞长背景说明。
4. **前言卡片禁止引用块效果**：不能使用左边框、引用底色、引号感 blockquote 视觉。
5. **封面效果图放进前言卡片**：`WECHATIMGPH_1` 视为封面效果图，位于前言文字之后，属于前言卡片内部。
6. **用户确认过的效果图优先级最高**：如果用户提供最终效果图，以该效果图为版式准绳，再套用主题色。
7. **正文加粗必须映射成高亮强调**：源 Markdown 里的 `**加粗**` 不是普通粗体占位，HTML 中必须渲染成“字重 + 低饱和主色高亮”的强调样式，默认使用克制的底线式高亮。
8. **重要 URL 默认卡片化展示**：正文里用于引导跳转的关键 URL（如 GitHub、项目主页、工具入口、阅读原文）默认不要裸链直出；应优先渲染为轻量链接卡片，包含来源标签、主标题/项目名、域名或一句短说明。
9. **图片占位卡说明文字必须优先显示配图备注**：`WECHATIMGPH_N` 下方的第二行说明默认使用源 Markdown 图片的 alt 文案 / 配图备注，不显示本地文件名；只有 alt 缺失时才回退到简短中文说明。
10. **必须兼容 Obsidian 图片嵌入语法**：除了标准 Markdown 图片 `![alt](path)`，也要识别 `![[filename.png]]` 这类手动贴图；不能在转换时静默丢弃。
11. **公众号摘要默认取副标题**：发布阶段填写 `#js_description` 时，优先使用源 Markdown / manifest 中的 `subtitle`；只有副标题缺失时才回退到 `summary`。
12. **优先接管已登录 Chrome**：发布阶段先尝试连接 `9222 / 9223 / 9333` 等已开启远程调试端口的 Chrome；接管失败时，才回退到同步过登录态的自动化 profile。

## 源 Markdown 输入契约（新增强制规则）

> ⚠️ 公众号排版的稳定性取决于源 Markdown 是否提供完整的首屏结构。Formatter 负责结构映射，不负责临时补写内容。

Read the full skill on GitHub

Details

Skill name: wechat-article-formatter
Repository: vigorX777/wechat-article-formatter
Repo updated: 24 March 2026

FAQ

What does the Wechat Article Formatter skill do?

How do I install the Wechat Article Formatter skill?

skills CLI (Claude Code, Cursor, Codex and more): npx skills add vigorX777/wechat-article-formatter --skill wechat-article-formatter. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.

Is Wechat Article Formatter popular?

It lives in vigorX777/wechat-article-formatter, which has 21 GitHub stars and 7 forks.

Related skills

Dbp Translator

keemanxp/dbp-translator-claude

Translate English text into standard Bahasa Melayu following Dewan Bahasa dan Pustaka (DBP) conventions. Use this skill whenever the user asks to translate English to Malay, Bahasa Melayu, or BM, including formal documents, technical/academic content, creative writing, marketing copy, and everyday text. Also trigger when the user pastes English text and asks for a Malay version, says "translate this to BM", "terjemah", "tukar ke Bahasa Melayu", or any similar phrasing. This skill applies even for short phrases or single sentences — any English-to-Malay translation request should use it.

Writing & Content

Humanizer Lint

yanstd888/humanizer-lint

Deterministic multilingual AI text humanizer, anti-slop prose linter, copywriting/blog/SEO editor, and stylometric analyzer (EN, ID, ES, MS, FR, DE, PT, ZH + 100+ languages via Intl.Segmenter). Fixes robotic LLM tone, uniform sentence rhythm, low burstiness (CV), MATTR vocabulary repetition, and translationese clichés using a local zero-dependency Node.js CLI validator.

Writing & Content

Reddit Skills

1146345502/reddit-skills

Reddit automation skill collection. Supports authentication, content publishing, search & discovery, social interactions, and compound operations. Triggered when a user asks to operate Reddit (post, search, comment, login, analyze, upvote, save).

Writing & Content

En Zh Max

3060226349kk-cmd/en-zh-max

Use when the user wants 英译中 / 英译汉 / English to Chinese / translate English into Chinese, or to polish translationese out of a Chinese draft translated from English. Also when producing 英中对照 bilingual output, or translating full-length English books. Not for Chinese-to-English, other source languages, pure Chinese writing polish, or single-word lookups.

Writing & Content

Ste Business Writing

ninajingit/ste-business-writing

Rewrite or write business text (slide titles, memos, docs, PRDs, emails) in ASD-STE100 style at about 80% compliance: short sentences, one idea each, direct verbs, nothing lost.

Writing & Content

Prd Writer

vibepm666/prd-writer

帮助用户从零写出高质量 PRD，或评估/改进/增量更新已有需求文档。触发词（任一命中即用本 skill）：需求文档、PRD、产品需求、功能文档、写需求、整理需求、补充需求、审查需求、改进需求文档、需求评审、评估 PRD、从零写 PRD、我想做个产品/功能/App/工具、帮我整理需求、AI 写的需求有没有问题。即使描述很简短也必须触发，不得跳过技能直接写文档。

Writing & Content

Browse the most popular Claude skills, all writing & content skills, or write your own with the skills generator.