mckinseyOfficial·6 Agent Skills Included

vizro

Build production-ready data dashboards with AI-guided design and code

Builds complete Vizro data dashboards from plain-English requests, covering requirements, layout, chart selection, and YAML or Python code. Removes guesswork around grid sizing, filter placement, cross-filtering, and drill-through interactions. Guides AI agents through a tested design-to-build workflow with validation scripts and browser testing.

3,787|299

↗

npx skills add mckinsey/vizro --all -g -y

Available:

Tells the AI agent how the Vizro monorepo is organized, which package handles each task, and how to run, lint, and test dashboard code with Hatch.

All Skills in This Repository (6)

Pure Emerald Level Indicators

📦 In Repo

mckinsey

dashboard-design

Guide a 3-step Vizro dashboard design process with YAML spec files.

dashboard-build

Generate Vizro dashboard code from design specifications and run validation tests.

designing-vizro-layouts

Designs Vizro dashboard layouts with grid configuration, component sizing, and filter placement rules.

selecting-vizro-charts

Guides chart type selection, Plotly conventions, colors, KPI cards, and AG Grid tables for Vizro dashboards.

wiring-vizro-actions

Implements cross-filter, cross-highlight, drill-through, and data export interactions in Vizro dashboards.

writing-vizro-yaml

Write and debug Vizro YAML dashboard configurations with correct component syntax and data wiring.

Official

Intermediate

Frequently Asked Questions

FAQPage Schema

How to install Vizro skills?▼

Run `npx skills add mckinsey/vizro --all -g -y` in your terminal to install all dashboard skills globally.

How to build a dashboard with AI?▼

The dashboard-design skill gathers your requirements and creates wireframes, then dashboard-build generates and tests the working Vizro app for you.

Can AI choose the right chart for my data?▼

Yes. The selecting-vizro-charts skill matches your data question to the correct chart type and applies Vizro color and formatting best practices automatically.

Does Vizro work with Claude Code?▼

Yes. The vizro-e2e-flow package is a Claude Code plugin, and all skills follow the standard SKILL.md format used by compatible AI agents.

Do I need coding experience to use Vizro?▼

No. Vizro is a low-code toolkit, and the AI agent writes the Python or YAML configuration for you based on your plain-English description.