CtrlK
BlogDocsLog inGet started
Tessl Logo

dashboard-build

Use this skill to build, implement, and test Vizro dashboards (Phase 2). Activate when the user wants to create a working app, says "just build it", or has data ready for implementation. Requires spec files from the dashboard-design skill (Phase 1), or user confirmation to skip design.

91

1.92x
Quality

87%

Does it follow best practices?

Impact

96%

1.92x

Average score across 3 eval scenarios

SecuritybySnyk

Passed

No known issues

SKILL.md
Quality
Evals
Security

Evaluation results

100%

47%

Retail Sales Analytics Dashboard

Bar/line chart pre-aggregation and color compliance

Criteria
Without context
With context

@capture decorator used

0%

100%

capture imported from vizro.models.types

0%

100%

vizro.plotly.express used

100%

100%

Aggregation inside @capture function

0%

100%

No color_discrete_map

100%

100%

No color_discrete_sequence

100%

100%

No hardcoded hex colors

100%

100%

No layout color overrides

100%

100%

data_frame first argument

0%

100%

spec/4_implementation.yaml created

60%

100%

100%

75%

Warehouse Operations Monitoring Dashboard

Dynamic data, caching, and KPI card usage

Criteria
Without context
With context

data_manager with function reference

100%

100%

flask_caching Cache configured

0%

100%

kpi_card or kpi_card_reference used

0%

100%

No custom chart for KPI values

0%

100%

vizro.plotly.express used

0%

100%

No hardcoded hex colors

0%

100%

No color kwargs in chart calls

0%

100%

spec/4_implementation.yaml created

100%

100%

spec/4 documents dynamic data_type

0%

100%

Caching field in spec/4

0%

100%

90%

18%

Portfolio Risk-Return Dashboard

Custom chart implementation pattern and spec documentation

Criteria
Without context
With context

@capture("graph") decorator present

100%

100%

capture imported from vizro.models.types

100%

100%

Custom chart in CUSTOM CHART SETUP section

0%

100%

vizro.plotly.express used in custom function

0%

0%

data_frame as first parameter

100%

100%

Returns go.Figure

100%

100%

Hover template defined

100%

100%

Hover template has no hardcoded colors

100%

100%

No plot_bgcolor set

100%

100%

spec/4_implementation.yaml with custom_charts

70%

100%

spec/5_test_report.yaml created

50%

100%

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.