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
87%
Does it follow best practices?
Impact
96%
1.92xAverage score across 3 eval scenarios
Passed
No known issues
Bar/line chart pre-aggregation and color compliance
@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%
Dynamic data, caching, and KPI card usage
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%
Custom chart implementation pattern and spec documentation
@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%
e630476
Table of Contents
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.