wechat-article-formatter-skill
Claude Skill that format Wechat articles for 微信公众号 (微信公众号文章排版，支持自定义样式)
Install with your AI
Paste into Claude Code, Cursor, or any agent — it reads the repo and wires the tool into your project.
Install and set up wechat-article-formatter-skill (claude-skill project) into my current project. Found on https://claudeers.com/wechat-article-formatter-skill Repo: https://github.com/iamzifei/wechat-article-formatter-skill Homepage/docs: — Detected install method: claude-skill → # copy this skill into .claude/skills/wechat-article-formatter-skill/ Category: skills. Platforms: cli, api, mobile. Read the repo's README for exact setup and env vars, then install it and wire it into my project. Claudeers Health Verdict: active; community-verified: false. Confirm the source before running anything.
# copy the skill dir into your project: # .claude/skills/wechat-article-formatter-skill/ (or ~/.claude/skills/wechat-article-formatter-skill/ for all projects)
git clone https://github.com/iamzifei/wechat-article-formatter-skill
// compatibility
| Platforms | cli, api, mobile |
|---|---|
| Operating systems | — |
| AI compatibility | claude |
| License | — |
| Pricing | open-source |
| Language | CSS |
WeChat Article Formatter Skill
A Claude Code skill that formats markdown files into beautifully styled HTML optimized for WeChat public account articles.
Features
- Converts Markdown to styled HTML using bm.md rendering service
- Automatic local image upload - Detects local images in markdown, uploads them, and replaces paths with online URLs
- Custom CSS styling optimized for WeChat article readability
- Green accent color theme with clean typography
- Support for GFM (GitHub Flavored Markdown) syntax
- Code syntax highlighting with green-simple theme
- Automatic footnote link conversion
- Optional integration with WeChat article publisher
Installation
Add this skill to your Claude Code installation:
claude skill add [email protected]:iamzifei/wechat-article-formatter-skill.git
Or via HTTPS:
claude skill add https://github.com/iamzifei/wechat-article-formatter-skill.git
Usage
Invoke the skill in Claude Code:
/wechat-article-formatter
Then provide either:
- A path to your markdown file:
/path/to/my-article.md - Or paste markdown content directly
Example
/wechat-article-formatter
Please format my article at ~/articles/tech-post.md
The skill will:
- Read your markdown file
- Apply custom WeChat-optimized styling
- Detect and upload local images (replacing paths with online URLs)
- Call the bm.md API to render the HTML
- Save the formatted HTML to the same directory
- Offer to publish as a draft to your WeChat account
Image Handling
The skill automatically handles local images in your markdown:
 # Relative path - will be uploaded
 # Absolute path - will be uploaded
 # Online URL - skipped (already online)
Supported image formats: PNG, JPG, JPEG, GIF, WebP, SVG
Images are uploaded using the /image-upload skill and replaced with shareable URLs (e.g., Catbox, ImgBB).
Output
The formatted HTML includes:
- Inline CSS styles (no external dependencies)
- WeChat-compatible markup
- Properly styled headings, paragraphs, lists, and code blocks
- Responsive design for mobile reading
Customization
Modifying Styles
Edit styles/custom.css to customize the appearance:
- Primary color:
rgb(53, 179, 120)(green accent) - Font family: Optima, Microsoft YaHei, PingFangSC-regular
- Base font size: 16px (body), 15px (paragraphs)
API Configuration
The skill uses the following bm.md API settings:
| Parameter | Value | Description |
|---|---|---|
markdownStyle | green-simple | Base styling theme for rendered output |
platform | wechat | Output optimized for WeChat |
enableFootnoteLinks | true | Convert links to footnotes |
openLinksInNewWindow | true | Links open in new window |
customCss | (from styles/custom.css) | Custom CSS passed as string |
Integration
This skill works with:
- image-upload - Automatically uploads local images referenced in your markdown to online hosting providers
- WeChat Article Publisher - Optionally publish formatted articles as drafts to your WeChat public account
Project Structure
wechat-article-formatter-skill/
├── skill.md # Skill definition and instructions
├── styles/
│ └── custom.css # Custom CSS for article styling
└── README.md # This file
Requirements
- Claude Code CLI
- Internet access for bm.md API calls
/image-uploadskill installed (for local image support)
License
MIT License
Author
Created for use with Claude Code.
Related
- bm.md - Markdown rendering service
- wechat-article-publisher-skill - Publish articles to WeChat
// faq
What is wechat-article-formatter-skill?
Claude Skill that format Wechat articles for 微信公众号 (微信公众号文章排版，支持自定义样式). It is open-source on GitHub.
Is wechat-article-formatter-skill free to use?
wechat-article-formatter-skill is open-source, so it is free to use.
What category does wechat-article-formatter-skill belong to?
wechat-article-formatter-skill is listed under skills in the Claudeers registry of Claude-compatible tools.
// embed badge
[](https://claudeers.com/wechat-article-formatter-skill)
// retro hit counter
[](https://claudeers.com/wechat-article-formatter-skill)
// reviews
// guestbook
// related in Claude Skills
🔓An agentic skills framework & software development methodology that works.
🔓
🔓💫 Toolkit to help you get started with Spec-Driven Development
🔓AI coding assistant skill (Claude Code, Codex, OpenCode, Cursor, Gemini CLI, and more). Turn any folder of code, SQL schemas, R scripts, shell scripts, docs,…