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.77x
Quality

87%

Does it follow best practices?

Impact

96%

1.77x

Average score across 3 eval scenarios

SecuritybySnyk

Passed

No known issues

SKILL.md
Quality
Evals
Security

Evaluation results

100%

14%

Sales Performance Dashboard with Custom Visualizations

Custom chart implementation

Criteria
Without context
With context

capture decorator import

100%

100%

capture decorator usage

100%

100%

snake_case function name

100%

100%

data_frame first argument

100%

100%

returns go.Figure

100%

100%

data from data_frame only

100%

100%

custom chart section placement

0%

100%

no plot_bgcolor modification

100%

100%

hover template light/dark compatibility

100%

100%

no color sequence override

100%

100%

chart called from Graph model

100%

100%

example_app structure

0%

100%

100%

58%

E-Commerce Metrics Dashboard with Key Performance Indicators

KPI cards and color handling

Criteria
Without context
With context

kpi_card usage

0%

100%

no custom chart for KPI

100%

100%

no chart color overrides

100%

100%

no KPI color overrides

100%

100%

vizro palette import for AG Grid

0%

100%

no hardcoded hex in AG Grid

0%

100%

Figure model wrapping

0%

100%

example_app structure

0%

100%

data manipulation in app

75%

100%

AG Grid component

100%

100%

88%

54%

Live Inventory Dashboard with Refreshable Data

Dynamic data and implementation spec

Criteria
Without context
With context

data_manager function reference

100%

100%

loading function defined

100%

100%

spec/4_implementation.yaml created

0%

100%

spec data_type field

0%

100%

spec data_sources documented

0%

100%

spec app_file documented

0%

100%

caching configured

0%

0%

named data reference

100%

100%

example_app structure

0%

100%

spec_compliance section

0%

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.