Форматтер статей WeChat
iamzifei/wechat-article-formatter-skillClaude Code скилл для форматирования Markdown-файлов в стилизованный HTML, оптимизированный для публикаций в WeChat公众号. Поддерживает автозагрузку локальных изображений, кастомные CSS-стили, подсветку кода и интеграцию с публикатором статей.
Установка
claude skill add git@github.com:iamzifei/wechat-article-formatter-skill.gitREADME
WeChat Article Formatter Skill
Скилл для Claude Code, который форматирует Markdown-файлы в красиво оформленный HTML, оптимизированный для статей в WeChat公众号.
Возможности
- Конвертирует Markdown в стилизованный HTML с помощью сервиса bm.md
- Автоматическая загрузка локальных изображений — обнаруживает локальные изображения в Markdown, загружает их и заменяет пути на онлайн-URL
- Кастомные CSS-стили, оптимизированные для читаемости статей WeChat
- Цветовая тема с зелёным акцентом и чистой типографикой
- Поддержка синтаксиса GFM (GitHub Flavored Markdown)
- Подсветка синтаксиса кода с темой
green-simple - Автоматическое преобразование ссылок в сноски
- Опциональная интеграция с публикатором статей WeChat
Установка
Добавьте скилл в вашу установку Claude Code:
claude skill add git@github.com:iamzifei/wechat-article-formatter-skill.git
Или через HTTPS:
claude skill add https://github.com/iamzifei/wechat-article-formatter-skill.git
Использование
Вызовите скилл в Claude Code:
/wechat-article-formatter
Затем укажите:
- Путь к вашему Markdown-файлу:
/path/to/my-article.md - Или вставьте Markdown-содержимое напрямую
Пример
/wechat-article-formatter
Пожалуйста, отформатируй мою статью по пути ~/articles/tech-post.md
Скилл выполнит следующие шаги:
- Прочитает ваш Markdown-файл
- Применит кастомные стили, оптимизированные для WeChat
- Обнаружит и загрузит локальные изображения (заменив пути на онлайн-URL)
- Вызовет API bm.md для рендеринга HTML
- Сохранит отформатированный HTML в ту же директорию
- Предложит опубликовать статью как черновик в вашем аккаунте WeChat
Обработка изображений
Скилл автоматически обрабатывает локальные изображения в вашем Markdown:
 # Относительный путь — будет загружено
 # Абсолютный путь — будет загружено
 # Онлайн-URL — пропускается (уже в сети)Поддерживаемые форматы изображений: PNG, JPG, JPEG, GIF, WebP, SVG
Изображения загружаются с помощью скилла /image-upload и заменяются на публичные URL (например, Catbox, ImgBB).
Результат
Отформатированный HTML включает:
- Инлайновые CSS-стили (без внешних зависимостей)
- Разметку, совместимую с WeChat
- Правильно оформленные заголовки, абзацы, списки и блоки кода
- Адаптивный дизайн для чтения на мобильных устройствах
Кастомизация
Изменение стилей
Отредактируйте styles/custom.css для настройки внешнего вида:
- Основной цвет:
rgb(53, 179, 120)(зелёный акцент) - Шрифт: Optima, Microsoft YaHei, PingFangSC-regular
- Базовый размер шрифта: 16px (body), 15px (абзацы)
Настройка API
Скилл использует следующие параметры API bm.md:
| Параметр | Значение | Описание |
|---|---|---|
markdownStyle | green-simple | Базовая тема оформления для рендеринга |
platform | wechat | Вывод, оптимизированный для WeChat |
enableFootnoteLinks | true | Преобразование ссылок в сноски |
openLinksInNewWindow | true | Ссылки открываются в новом окне |
customCss | (из styles/custom.css) | Кастомный CSS, передаваемый как строка |
Интеграция
Скилл работает совместно с:
- image-upload — автоматически загружает локальные изображения из вашего Markdown на хостинг-провайдеры
- WeChat Article Publisher — опционально публикует отформатированные статьи как черновики в вашем WeChat公众号
Структура проекта
wechat-article-formatter-skill/
├── skill.md # Определение скилла и инструкции
├── styles/
│ └── custom.css # Кастомный CSS для оформления статей
└── README.md # Этот файл
Требования
- Claude Code CLI
- Доступ в интернет для вызовов API bm.md
- Установленный скилл
/image-upload(для поддержки локальных изображений)
Лицензия
MIT License
Автор
Создан для использования с Claude Code.
Связанные проекты
- bm.md — сервис рендеринга Markdown
- wechat-article-publisher-skill — публикация статей в WeChat