gzh-design-skill
Скилл верстки статей для WeChat: превращает Markdown в готовый HTML со встроенными стилями, который вставляется в редактор публичного аккаунта без потери оформл
- 4 329 ★ репозитория
- Последний коммит
Расширенный доступ
Почему такой уровень
- Запускает скрипты на Python для разбора файлов и проверки HTML
- Читает исходные файлы статьи из проекта
Установка
- Работает в
Ручная установка
npx skills add https://github.com/isjiamu/gzh-design-skillУстановка скилла одной командой через skills.sh.
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Запускает скрипты на Python для разбора файлов и проверки HTML
- Читает исходные файлы статьи из проекта
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Скилл собирает из Markdown готовую верстку для статьи в китайском WeChat, а именно для публичного аккаунта gongzhonghao. Оформление модель не придумывает, его дают библиотеки компонентов в references: шесть готовых тем плюс общая библиотека для кода, картинок и подписей, а при желании тему можно сгенерировать по описанию или образцу. Скилл сам расставляет нумерацию разделов, подчеркивает ключевые слова, делает вводную карточку и оглавление, поддерживает блоки кода, изображения и GIF. На выходе фрагмент HTML со встроенными стилями и страница предпросмотра с кнопкой копирования. Два скрипта на Python проверяют исходные библиотеки и итоговый HTML на запрещенные для платформы теги и на правильную обертку текстовых узлов.
Для кого. Для авторов и редакторов, которые верстают материалы для публичных аккаунтов WeChat.
Подходит, если
- Нужно превратить готовый Markdown в верстку для статьи WeChat
- Нужно единое оформление по теме, а не ручная правка стилей под каждую статью
- Нужна своя тема оформления по описанию или образцу
Не подходит, если
- Нужен обычный веб-лендинг, презентация или карточка для соцсетей, а не верстка под WeChat
- Текст статьи еще не написан: скилл только верстает, а не пишет
Пример запроса к агенту
Сверстай article.md для WeChat в теме Moyu Green и дай страницу предпросмотра с кнопкой копированияОграничения
Скилл заточен под ограничения редактора WeChat, поэтому итоговый HTML намеренно узкий: без style, script и div, без классов, без position, grid и внешних шрифтов, все стили встроены. Для верстки обычных страниц это не подходит. Часть шагов, например разбор docx или проверка HTML, использует скрипты на Python. Интерфейс и темы ориентированы на китайскую типографику и полноширинную пунктуацию. Лицензия AGPL-3.0, это важно учесть при коммерческом использовании и доработке.
Как отключить. Удалите папку скилла gzh-design из каталога скиллов агента, например ~/.claude/skills/gzh-design.
Частые вопросы
Скилл пишет статью?
Нет. Он только верстает. Текст в Markdown, Word, PDF или простом виде нужно принести самому, а нестандартные форматы скилл сначала приводит к Markdown.
Что если ни одна тема не подходит?
Есть генератор тем: опишите стиль одной строкой или дайте образец, и скилл соберет новую библиотеку компонентов и сохранит ее для повторного использования.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
СкиллыXiaowan WeChat Layout
xiaowan-wechat-layout-skill
Скилл для Codex готовит длинные статьи к публикации в WeChat: HTML для телефона, обложка, анонс и проверка перед выпуском.
Скилл верстает статьи для WeChat: Markdown попадает в локальную страницу предпросмотра и копируется готовым богатым текстом.
wechat-skill — статьи для WeChat и черновики
wechat-skill
Скилл верстает статью для аккаунта WeChat без потери форматирования, пишет текст по теме и кладет результат в черновики
Скилл превращает Markdown-статью в HTML с зеленым оформлением под редактор публикаций WeChat, с загрузкой картинок.
Скилл Claude верстает статью для WeChat с карточками и SVG-инфографикой, грузит картинки и кладет черновик в аккаунт
Скилл для агента, который собирает карусели соцкарточек и парные обложки из статьи, скриншотов, заметок или видео в двух визуальных системах
Коротко о README
README представляет скилл верстки статей WeChat для агентов Claude Code, Codex и Cursor. Основной актив это библиотеки компонентов в references: шесть тем и общая библиотека, темы выбираются из единого файла theme-index, а SKILL.md отвечает только за процесс и решения. Скилл принимает Markdown, Word, PDF и простой текст, приводит их к Markdown, собирает HTML со встроенными стилями и оберткой span leaf, затем проверяет результат скриптами component_lint.py и validate_gzh_html.py. Ставится одной командой через skills.sh или клонированием в каталог скиллов. Лицензия AGPL-3.0.
Бейдж для README
Исходный SKILL.md
--- name: gzh-design description: 微信公众号文章排版引擎，将 Markdown 转换为可直接粘贴到公众号编辑器的 HTML。主题风格从 references/theme-index.md 注册的自定义主题库中选取，自动章节编号、关键词下划线标记、引言卡片、目录导航、代码块、图片/GIF、作者签名。 --- # 公众号文章排版 Skill 把一篇 Markdown 文章转换为可直接复制粘贴进微信公众号编辑器、且粘贴后样式不丢失的 HTML。 核心资产是 `references/` 下的主题组件库（每套一个主题：设计变量 + 各组件完整 HTML + 模板骨架 + 映射规则）外加 1 套通用增量库。