iamzifei

Wechat Article Formatter Skill

Name: Wechat Article Formatter Skill
Author: iamzifei

Code Quality community

SOURCE https://github.com/iamzifei/wechat-article-formatter-skill

Description

Claude Skill that format Wechat articles for 微信公众号 (微信公众号文章排版，支持自定义样式)

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 Formatter Skill

[![ko-fi](https://ko-fi.com/img/githubbutton_sm.svg)](https://ko-fi.com/H2T024VDBG)

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 git@github.com: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:

![My Photo](./images/photo.png)           # Relative path - will be uploaded
![Screenshot](/Users/james/demo.png)      # Absolute path - will be uploaded
![Logo](https://example.com/logo.png)     # Online URL - skipped (already online)

**Supported image formats:** PNG, JPG