# markdown-html-skills

Плагин превращает длинные Markdown-файлы в одностраничный интерактивный HTML. Подходит для документов, ревью кода и слайдов.

- плагин · `type=plugin` · Claude Code · ★ 28733
- Автор: Alireza Rezvani
- Лицензия: MIT · policy=mirror · начало файла — в конце страницы
- Исходник: https://github.com/alirezarezvani/claude-skills/tree/HEAD/markdown-html
- Обновлён: 2026-10-23
- HTML: https://affpapa.org/nevibecode/plugins/markdown-html-skills

## Что делает

Плагин объединяет пять скиллов: маршрутизатор определяет тип Markdown-файла, а отдельные конвертеры создают документ, отчёт о ревью или слайд-дек. В HTML входят встроенные CSS и JavaScript, липкое оглавление, поиск, копирование кода, навигация по слайдам и режим докладчика. Prism.js подключается отдельно для подсветки синтаксиса.

Перед первым преобразованием запускается онбординг дизайн-системы: он сохраняет фирменный цвет, акцент, типографику, стиль макета и путь сохранения. Конфигурацию можно проверить через `config_loader.py --status`. Плагин использует Python-скрипты и не собирает проект через bundler. Файл короче 100 строк он не обрабатывает, а комбинация цветов без контраста WCAG AA отклоняется.

Для слайдов доступны управление стрелками, пробелом, `PgDn`, `Home`, `End` и `P`, ссылки на слайды через URL-хэш и печать по странице на слайд для экспорта в PDF. Маршрутизатор не объединяет несколько операций молча: создание документа, слайдов и ревью нужно запросить отдельно.

## Установка

### Claude Code (родная платформа)

**Через маркетплейс плагинов**
В чате агента (не в терминале):
```text
/plugin marketplace add alirezarezvani/claude-skills
```
В чате агента (не в терминале):
```text
/plugin install markdown-html-skills@claude-code-skills
```

## Когда брать
- превратить длинный Markdown в одностраничный HTML
- собрать слайд-дек с режимом докладчика
- оформить ревью кода с diff и аннотациями
- добавить оглавление, поиск и копирование кода
- сохранить фирменные цвета и типографику в конверсиях

## Примеры запросов агенту
- Запусти `/cs-markdown-html ./my-report.md` и выбери подходящий тип HTML.
- Преобразуй `./my-report.md` в документ через `/cs-md-document ./my-report.md`.
- Сделай слайд-дек из `./my-report.md` командой `/cs-md-slides ./my-report.md`.

## Похожие
- [claude-api](https://affpapa.org/nevibecode/plugins/claude-api.md) — плагин · ★ 183839
- [document-skills](https://affpapa.org/nevibecode/plugins/document-skills.md) — плагин · ★ 183839
- [project-artifact](https://affpapa.org/nevibecode/plugins/project-artifact.md) — плагин · ★ 44635
- [context7](https://affpapa.org/nevibecode/plugins/context7.md) — плагин · ★ 44635
- [claude-md-management](https://affpapa.org/nevibecode/plugins/claude-md-management.md) — плагин · ★ 44635
- [visual-explainer](https://affpapa.org/nevibecode/plugins/visual-explainer.md) — плагин · ★ 10630

Из того же набора: [alirezarezvani/claude-skills](https://affpapa.org/nevibecode/by/alirezarezvani/claude-skills.md) — 463 карточки

_Часть страницы не вошла по размеру — она есть в HTML-версии._

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md