Навык Claude Code, который форматирует файлы разметки в красиво стилизованный HTML, оптимизированный для статей с публичными аккаунтами WeChat.

Особенности

Преобразует Markdown в стилизованный HTML с помощью сервиса рендеринга bm.md ** Автоматическая локальная загрузка изображений ** - обнаруживает локальные изображения в разметке, загружает их и заменяет пути с помощью онлайн-адресов Пользовательский стиль CSS оптимизирован для читаемости статей WeChat Цветовая тема с зеленым акцентом и чистой типографикой Поддержка синтаксиса GFM (GitHub Flavored Markdown) Синтаксис кода с выделением зеленой темы

• Автоматическое преобразование ссылки сноски Опциональная интеграция с издателем статей WeChat

##Установка

Добавьте этот навык к установке кода Клода:

Или через HTTPS:

Использование

Назовите навык в коде Клода:

Затем предоставьте либо: Путь к вашему файлу разметки: /path/to/my-article.md

• или вставить разметку непосредственно

Пример

Умение будет: 1 Прочитайте свой файл разметки 2. Применять индивидуальный стиль, оптимизированный для WeChat 3. ** Обнаружение и загрузка локальных изображений** (замена маршрутов онлайн-адресами) 4. Позвоните в bm.md API для рендеринга HTML 5.Сохранить отформатированный HTML в тот же каталог 6.Предложение опубликовать в качестве черновика на свой аккаунт WeChat

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:

1. Read your markdown file
2. Apply custom WeChat-optimized styling
3. Detect and upload local images (replacing paths with online URLs)
4. Call the bm.md API to render the HTML
5. Save the formatted HTML to the same directory
6. 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, 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: