Show HN: MDV – 데이터가 포함된 문서, 대시보드, 슬라이드를 위한 Markdown supersets

MDV는 문서, 대시보드, 슬라이드를 위한 Markdown superset이다.

기본은 strict CommonMark이고, 여기에 네 가지 확장을 더한다.

• YAML front-matter: 제목, theme, named styles, 데이터셋 참조를 정의
• fenced blocks: 차트, KPI 카드, 표, 시각화 블록을 표현
• ::: containers: callout, columns 같은 레이아웃과 스타일 영역 구성
• toc: 자동 생성 목차

핵심 목표는 selector, class, expression, code 없이 작성하는 것이다. theme가 기본 스타일을 제공하고, named styles로 재사용 가능한 룩을 만들며, 렌더러가 최종 결과를 조합한다.

출력은 self-contained HTML과 PDF를 지원한다. 차트는 inline SVG로 렌더링되어 JS runtime 없이 동작하며, VS Code side-by-side preview로 바로 확인할 수 있다.

예시 워크플로우도 단순하다.

• 저장소를 clone
• npm install
• npm run build
• render로 예제 문서 출력
• preview로 live preview와 auto-reload 실행

문서는 다음을 안내한다.

• getting started
• syntax reference
• charts & stats
• data 연결 방식
• themes & styles
• CLI의 render, preview, export --pdf
• VS Code extension 사용법

현재 상태는 v1, pre-release이며, Node 20 이상에서 동작한다. 예제는 examples/에 10개가 있고, 렌더된 HTML은 examples/out/에 제공된다. 또한 docs/superpowers/specs/2026-04-18-mdv-format-design.md에서 범위, 비목표, 로드맵을 확인할 수 있다.