iamzifei

Wechat Article Formatter Skill — Code Quality skill for Claude Code

Code Quality community

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

How to install Wechat Article Formatter Skill

This entry records only its repository, not the path inside it, so there is no exact command to give. Open iamzifei/wechat-article-formatter-skill and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Wechat Article Formatter Skill does

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

Alternatives in Code Quality

Import Drawio — Redraw a draw.io file as an editorial diagram at a chosen format, size, and detail level 27.2k ★
Job Stories — Create job stories with acceptance criteria in JTBD format 7.8k ★
Video Script: Claude SEO V1.7.2 — What's New — Duration: ~5 minutes Tone: Natural, conversational, like talking to a friend who knows Claude Code Format: Scr 5k ★

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