메뉴
Bundle plugin: installs the complete Visual Storytelling pipeline (brief, ingest, clean, select, deliver). See component SKILLs for detailed specs.
Data cleaning, profiling, transformation, and quality gates -- prepares raw data for visualization and analysis
Ingestion patterns for CSV, JSON, REST API, SQL, Excel, and Parquet -- guides an LLM through loading data from any common source
Render data dashboards as pure ASCII art in monospace text -- the cheapest, most portable delivery method. No rendering engine, no SVG, no browser. LLM-native output with predictable character geometry.
Render data dashboards as self-contained HTML files using Apache ECharts v6. Single file, zero build step, interactive charts with tooltips and data zoom. Declarative JSON option config optimized for AI generation.
Render data dashboards as static SVG panels embeddable in Markdown. Uses D3.js v7 mental model for scales, shapes, and axes. No runtime JS; output is pure SVG with inline styles for GitHub compatibility.
Guided requirements template for data storytelling projects -- walks users through audience, Big Idea, questions, data sources, and delivery target before any chart is created
| type | skill |
| lifecycle | stable |
| inheritance | inheritable |
| name | visual-storytelling |
| description | Bundle plugin: installs the complete Visual Storytelling pipeline (brief, ingest, clean, select, deliver). See component SKILLs for detailed specs. |
| tier | standard |
| applyTo | **/*dashboard*,**/*visual*,**/*chart*,**/*storytelling* |
| currency | "2026-05-04T00:00:00.000Z" |
| lastReviewed | "2026-05-04T00:00:00.000Z" |
This is the entry point for the Visual Storytelling pipeline. It installs 7 component plugins and an orchestrator agent.
Brief -> Ingest -> Clean -> Select -> Deliver
storytelling-requirements): Structured intake producing audience,
Big Idea, questions with communication goals, data sources, delivery target.datasource-connectors): Load from CSV, JSON, API, SQL, Excel,
Parquet with error handling and encoding detection.data-preparation): Profile, clean, aggregate, pivot, quality-check.visual-vocabulary): Map each question's communication goal to
the right chart type using the visual vocabulary catalog.delivery-ascii-dashboard -- terminal/plain text (78-char aligned)delivery-svg-markdown -- GitHub-compatible static SVG (D3.js patterns)delivery-html-dashboard -- interactive HTML (Apache ECharts v6)The visual-storytelling agent runs the full pipeline. Invoke it with a data
source, a rough request, and a delivery target. It produces a structured brief,
delegates to each pipeline step, and runs a CSAR QA loop on the output.
Each component has its own detailed SKILL.md. This bundle skill is a routing layer; the real specs live in the components:
| Component | SKILL Path |
|---|---|
storytelling-requirements | .github/skills/local/storytelling-requirements/SKILL.md |
datasource-connectors | .github/skills/local/datasource-connectors/SKILL.md |
data-preparation | .github/skills/local/data-preparation/SKILL.md |
visual-vocabulary | .github/skills/local/visual-vocabulary/SKILL.md |
delivery-ascii-dashboard | .github/skills/local/delivery-ascii-dashboard/SKILL.md |
delivery-svg-markdown | .github/skills/local/delivery-svg-markdown/SKILL.md |
delivery-html-dashboard | .github/skills/local/delivery-html-dashboard/SKILL.md |
| Need | Format | Why |
|---|---|---|
| GitHub README | SVG | No JS execution on GitHub |
| Terminal output | ASCII | Universal, no rendering needed |
| Interactive exploration | HTML | Tooltips, zoom, legend toggle |
| Static docs / reports | SVG | Crisp at any scale, inline in Markdown |
| Presentations | HTML | Open in browser, full-screen |
| Offline / no CDN | SVG or ASCII | No external dependencies |