# mdv-markdown-visualization

Скилл учит агента писать файлы .mdv — расширение Markdown с графиками, KPI-карточками и выгрузкой в HTML или PDF.

- скилл · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 390 установок · ★ 88
- Автор: reason-machines
- Лицензия: не указана · policy=link-only · показываем только описание, файл — у автора
- Исходник: https://github.com/reason-machines/trending-skills/tree/HEAD/skills/mdv-markdown-visualization/SKILL.md
- Обновлён: 2026-10-09
- HTML: https://affpapa.org/nevibecode/skills/mdv-markdown-visualization

## Что делает

MDV — надмножество CommonMark для файлов `.mdv`. Кроме обычного текста в них есть YAML-шапка с темой и ссылками на данные, блоки визуализации в тройных кавычках и контейнеры `:::` для вёрстки. Из одного файла получается отчёт, дашборд или колода слайдов.

Внутри блока `stat` задаётся строка KPI-карточек: метка, значение и необязательная дельта. Блок `chart` принимает тип (`bar`, `line`, `area`, `pie`, `donut`, `scatter`), имя набора данных из шапки или CSV прямо в теле блока, колонки для осей, разбивку по сериям и формат значений вроде `currency`. Контейнер `toc` собирает оглавление по заголовкам, `callout` даёт цветные врезки, `columns` раскладывает графики в две колонки. Темы: `report`, `dashboard`, `slides`, `minimal`.

Рендер идёт через CLI: `render` собирает самодостаточный HTML, `preview` открывает браузер и перезагружает страницу при сохранении, `export --pdf` отдаёт PDF. В примерах команды вызываются как `node packages/mdv-cli/dist/index.js`, то есть сборка лежит локально. Скилл ставится в шесть платформ, но пути к файлу скилла у каждой свои.

## Установка

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

1. **Через Skills CLI (Vercel)**
```bash
npx skills add reason-machines/trending-skills --skill mdv-markdown-visualization -a claude-code
```

2. **Вручную: положить файлы**
- Файл: `~/.claude/skills/mdv-markdown-visualization/SKILL.md` — Папка скилла целиком; для одного проекта — .claude/skills/mdv-markdown-visualization/

### Codex

1. **Через Skills CLI (Vercel)**
```bash
npx skills add reason-machines/trending-skills --skill mdv-markdown-visualization -a codex
```

2. **Вручную: положить файлы**
- Файл: `.agents/skills/mdv-markdown-visualization/SKILL.md` — Для всех проектов — ~/.agents/skills/

### Cursor

1. **Через Skills CLI (Vercel)**
```bash
npx skills add reason-machines/trending-skills --skill mdv-markdown-visualization -a cursor
```

2. **Вручную: положить файлы**
- Файл: `.cursor/skills/mdv-markdown-visualization/SKILL.md` — Cursor читает и .agents/skills/, и .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install reason-machines/trending-skills mdv-markdown-visualization
```

2. **Вручную: положить файлы**
- Файл: `.github/skills/mdv-markdown-visualization/SKILL.md`

### Gemini CLI

1. **Через Skills CLI (Vercel)**
```bash
npx skills add reason-machines/trending-skills --skill mdv-markdown-visualization -a gemini-cli
```

2. **Командой платформы**
```bash
gemini skills install https://github.com/reason-machines/trending-skills --path skills/mdv-markdown-visualization
```

### Windsurf (Devin Desktop)

**Вручную: положить файлы**
- Файл: `.devin/skills/mdv-markdown-visualization/SKILL.md` — Старый путь .windsurf/skills/ тоже читается

### OpenCode

**Через Skills CLI (Vercel)**
```bash
npx skills add reason-machines/trending-skills --skill mdv-markdown-visualization -a opencode
```

### Claude.ai

**Claude.ai**
- Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/reason-machines/trending-skills/tree/HEAD/skills/mdv-markdown-visualization/SKILL.md

## Когда брать
- собрать квартальный отчёт с графиками в одном файле
- показать метрики сервиса карточками с дельтой
- выгрузить документ в PDF без вёрстки вручную
- разложить два графика рядом в две колонки
- вставить предупреждение или важную врезку в текст

## Примеры запросов агенту
- Сделай файл `.mdv` с темой `dashboard` и карточками по метрикам из `data/ops.csv`
- Добавь в отчёт график `chart type=line` по месяцам с разбивкой по регионам
- Собери оглавление через `::: toc` и выгрузи документ в PDF

## Похожие
- [grill-with-docs](https://affpapa.org/nevibecode/skills/grill-with-docs.md) — скилл · 1219756 установок
- [skill-creator](https://affpapa.org/nevibecode/skills/skill-creator.md) — скилл · 414180 установок
- [setup-matt-pocock-skills](https://affpapa.org/nevibecode/skills/setup-matt-pocock-skills.md) — скилл · 1052851 установка
- [handoff](https://affpapa.org/nevibecode/skills/handoff.md) — скилл · 1038491 установка
- [triage](https://affpapa.org/nevibecode/skills/triage.md) — скилл · 990453 установки
- [domain-modeling](https://affpapa.org/nevibecode/skills/domain-modeling.md) — скилл · 876391 установка

Из того же набора: [reason-machines/trending-skills](https://affpapa.org/nevibecode/by/reason-machines/trending-skills.md) — 139 карточек

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