# mdv-markdown-visualization

This skill gets your agent writing .mdv files, a Markdown superset with charts, KPI cards and HTML or PDF export.

- skill · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 390 installs · ★ 88
- Author: reason-machines
- License: not stated · policy=link-only · description only; the file stays with the author
- Source: https://github.com/reason-machines/trending-skills/tree/HEAD/skills/mdv-markdown-visualization/SKILL.md
- Updated: 2026-10-09
- HTML: https://affpapa.org/en/nevibecode/skills/mdv-markdown-visualization

## What it does

MDV extends CommonMark into `.mdv` files. A document has three parts: YAML front matter for the title, theme and dataset paths, ordinary Markdown prose, and fenced blocks plus `:::` containers for the visual layer. One file can be a report, a dashboard or a slide deck.

A `stat` block lays out a row of KPI cards from label, value and an optional delta column. The `chart` block takes a type (`bar`, `line`, `area`, `pie`, `donut`, `scatter`), a dataset name from the front matter or CSV written straight into the block body, axis columns, an optional series split and a value format such as `currency`. Containers do the layout work: `toc` builds a table of contents from headings, `callout` renders info, warning, danger or success boxes, `columns` puts two charts side by side. Themes are `report`, `dashboard`, `slides` and `minimal`.

Rendering runs through the CLI. `render` produces a self-contained HTML file, `preview` opens a browser and reloads on save, `export --pdf` writes a PDF. The documented commands call `node packages/mdv-cli/dist/index.js`, so the build has to be present locally. The skill installs into six platforms, and each keeps the skill file in its own directory.

## Install

### Claude Code (native platform)

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

2. **Manually: put the files in place**
- File: `~/.claude/skills/mdv-markdown-visualization/SKILL.md` — Copy the whole skill folder; for one project use .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. **Manually: put the files in place**
- File: `.agents/skills/mdv-markdown-visualization/SKILL.md` — For all projects use ~/.agents/skills/

### Cursor

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

2. **Manually: put the files in place**
- File: `.cursor/skills/mdv-markdown-visualization/SKILL.md` — Cursor also reads .agents/skills/ and .claude/skills/

### GitHub Copilot

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

2. **Manually: put the files in place**
- File: `.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. **Platform CLI**
```bash
gemini skills install https://github.com/reason-machines/trending-skills --path skills/mdv-markdown-visualization
```

### Windsurf (Devin Desktop)

**Manually: put the files in place**
- File: `.devin/skills/mdv-markdown-visualization/SKILL.md` — The legacy .windsurf/skills/ path still works

### OpenCode

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

### Claude.ai

**Claude.ai**
- Zip the folder and upload it in Settings → Capabilities → Skills

Where a file is given instead of a command, copy the files from the source to that path: https://github.com/reason-machines/trending-skills/tree/HEAD/skills/mdv-markdown-visualization/SKILL.md

## When to use it
- write a quarterly report with charts in one file
- show service metrics as cards with deltas
- export a document to PDF without hand-coding layout
- place two charts side by side in columns
- drop a warning box into a long document

## Example prompts
- Create an `.mdv` file with the `dashboard` theme and KPI cards from `data/ops.csv`
- Add a `chart type=line` block by month, split by region
- Build a table of contents with `::: toc` and export the document to PDF

## Similar
- [grill-with-docs](https://affpapa.org/en/nevibecode/skills/grill-with-docs.md) — skill · 1219756 installs
- [skill-creator](https://affpapa.org/en/nevibecode/skills/skill-creator.md) — skill · 414180 installs
- [setup-matt-pocock-skills](https://affpapa.org/en/nevibecode/skills/setup-matt-pocock-skills.md) — skill · 1052851 installs
- [handoff](https://affpapa.org/en/nevibecode/skills/handoff.md) — skill · 1038491 installs
- [triage](https://affpapa.org/en/nevibecode/skills/triage.md) — skill · 990453 installs
- [domain-modeling](https://affpapa.org/en/nevibecode/skills/domain-modeling.md) — skill · 876391 installs

From the same set: [reason-machines/trending-skills](https://affpapa.org/en/nevibecode/by/reason-machines/trending-skills.md) — 139 cards

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md