canghe-markdown-to-html — скилл для Claude Code: как установить
Конвертирует Markdown в оформленный HTML с инлайновыми стилями для WeChat. Поддерживает диаграммы PlantUML, подсветку кода и формулы.
npx skills add freestylefly/canghe-skills --skill canghe-markdown-to-html -a claude-codeЧто делает canghe-markdown-to-html
Скилл трансформирует статьи из Markdown в готовый HTML со встроенными CSS-стилями. Разметка адаптирована под платформу WeChat Official Account, где внешние стили вырезаются. Таблицы, сноски, блоки примечаний, схемы Mermaid и PlantUML сохраняют аккуратный вид при переносе.
Внутри вызывается скрипт scripts/main.ts с помощью Bun. Для работы потребуется среда выполнения npx или Bun на рабочей машине. Если файл с расширением .html уже лежал в той же папке, скрипт предварительно создаст резервную копию со штампом времени, чтобы не затереть прошлый результат.
Оформление переключается между темами default, grace и simple. Свои CSS-переменные и тему по умолчанию можно закрепить в файле EXTEND.md внутри проекта или в домашней папке. Это избавит от необходимости указывать флаг темы при каждом вызове.
Какие задачи решает
- преобразовать разметку Markdown в HTML со встроенными стилями
- подготовить форматированную статью для публикации в WeChat
- собрать диаграммы Mermaid и PlantUML в одном документе
- сохранить резервную копию при перезаписи старого HTML
Примеры запросов агенту
- Сконвертируй article.md в HTML с темой grace
- Преобразуй этот markdown-файл в html с флагом --keep-title
- Сделай из post.md готовый HTML для публикации в WeChat
Как установить canghe-markdown-to-html
1Через Skills CLI (Vercel)
npx skills add freestylefly/canghe-skills --skill canghe-markdown-to-html -a claude-code2Вручную: положить файлы
~/.claude/skills/canghe-markdown-to-html/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/canghe-markdown-to-html/
1Через Skills CLI (Vercel)
npx skills add freestylefly/canghe-skills --skill canghe-markdown-to-html -a codex2Вручную: положить файлы
.agents/skills/canghe-markdown-to-html/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add freestylefly/canghe-skills --skill canghe-markdown-to-html -a cursor2Вручную: положить файлы
.cursor/skills/canghe-markdown-to-html/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install freestylefly/canghe-skills canghe-markdown-to-html2Вручную: положить файлы
.github/skills/canghe-markdown-to-html/SKILL.md1Через Skills CLI (Vercel)
npx skills add freestylefly/canghe-skills --skill canghe-markdown-to-html -a gemini-cli2Командой платформы
gemini skills install https://github.com/freestylefly/canghe-skills --path skills/canghe-markdown-to-htmlВручную: положить файлы
.devin/skills/canghe-markdown-to-html/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add freestylefly/canghe-skills --skill canghe-markdown-to-html -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Из того же набора8
Похожие
Рядом в теме «Тексты и документация»
Всё по теме «Тексты и документация» →Вопросы о canghe-markdown-to-html
Как установить canghe-markdown-to-html в Claude Code?
Выполните в терминале команду npx skills add freestylefly/canghe-skills --skill canghe-markdown-to-html -a claude-code.
Что делает canghe-markdown-to-html?
Он компилирует Markdown в HTML с инлайновым CSS. На выходе корректно отображаются подсветка синтаксиса, сноски, формулы, таблицы и диаграммы PlantUML.
Где сохраняются пользовательские настройки оформления?
Параметры считываются из файла EXTEND.md, расположенного по пути .canghe-skills/canghe-markdown-to-html/EXTEND.md в корне проекта или в домашней папке пользователя.
