CtrlK
BlogDocsLog inGet started
Tessl Logo

writing-vizro-yaml

Use this skill when writing or debugging Vizro YAML dashboard configurations — component syntax, data_manager registration, custom function wiring, filter/parameter setup, or AG Grid tables. Activate when the user is building a Vizro app, encountering YAML or runtime errors, or asking about Vizro component patterns.

95

1.47x
Quality

93%

Does it follow best practices?

Impact

96%

1.47x

Average score across 3 eval scenarios

SecuritybySnyk

Passed

No known issues

SKILL.md
Quality
Evals
Security

Evaluation results

100%

23%

Regional Sales Performance Dashboard

Custom charts, data registration, module prefix

Criteria
Without context
With context

Custom function file placement

100%

100%

Module prefix in _target_

100%

100%

DataFrame used directly

100%

100%

No data_manager subscripting

100%

100%

Pre-process before register

100%

100%

Quoted special-char column name

0%

100%

Filter targets specified

100%

100%

Parameter target format

100%

100%

No version pin in requirements

42%

100%

Unique port specified

0%

100%

100%

32%

Executive KPI Summary Dashboard

KPI cards, figure type, capture decorator

Criteria
Without context
With context

No title on figure component

100%

100%

capture(figure) decorator

0%

100%

Returns dbc.Card

0%

100%

card-kpi class name

0%

100%

No go.Indicator usage

100%

100%

reverse_color for cost metric

100%

100%

Currency format no excess decimals

100%

100%

Percentage format single decimal

100%

100%

Full metric names

100%

100%

Units in labels

100%

100%

Reference comparison used

100%

100%

88%

36%

Team Performance Heatmap Dashboard

AG Grid heatmap, palette colors, styleConditions, __wrapped__

Criteria
Without context
With context

Custom table file placement

100%

100%

dash_ag_grid _target_ for standard grids

100%

100%

Vizro palette used for colors

0%

100%

styleConditions for cell styling

0%

100%

__wrapped__ call in capture function

0%

100%

JS file in assets directory

100%

100%

BarRenderer registered on window

100%

100%

capture(ag_grid) decorator

100%

100%

Filter targets for different datasets

33%

0%

Repository
mckinsey/vizro
Evaluated
Agent
Claude Code
Model
Claude Sonnet 4.6

Table of Contents

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.