CtrlK
BlogDocsLog inGet started
Tessl Logo

dashboard-design

Use this skill first when the user wants to design or plan a dashboard, especially Vizro dashboards. Enforces a 3-step workflow (requirements, layout, visualization) before implementation. Activate when the user asks to create, design, or plan a dashboard. For implementation, use the dashboard-build skill after completing Steps 1-3.

99

1.23x
Quality

Does it follow best practices?

Impact

96%

1.23x

Average score across 3 eval scenarios

SecuritybySnyk

Passed

No known issues

SKILL.md
Quality
Evals
Security

Evaluation results

88%

-6%

E-Commerce Performance Dashboard: Requirements Phase

Step 1 requirements and IA spec

Criteria
Without context
With context

spec/ directory created

100%

100%

Template structure followed

90%

100%

KPI count per page (7±2 rule)

91%

100%

Multiple distinct user personas

100%

100%

Purpose per page

100%

100%

Data sources documented

100%

100%

Decisions section present

100%

100%

Numbered options or structured choices

70%

30%

Max 3-level hierarchy

100%

100%

Decision-focused metrics

91%

58%

100%

36%

Supply Chain Analytics Dashboard: Layout and Interactions

Step 2 layout and interaction UX spec

Criteria
Without context
With context

spec/2_interaction_ux.md created

100%

100%

Template structure followed

75%

100%

ASCII wireframe per page

100%

100%

Named interaction pattern

66%

100%

Source-Control-Target documented

50%

100%

Control has explicit id

30%

100%

Interactions section absent or justified

50%

100%

Show_in_url for cross-page interaction

40%

100%

Wireframe labels correct

30%

100%

Decisions section populated

100%

100%

100%

24%

SaaS Product Analytics Dashboard: Visualization Design

Step 3 visualization design spec

Criteria
Without context
With context

spec/3_visual_design.md created

100%

100%

Template structure followed

100%

100%

KPI cards use built-in type

40%

100%

Line chart for churn trend

100%

100%

Bar chart for segment breakdown

100%

100%

No pie chart for 5-segment data

100%

100%

No Colors section

0%

100%

KPI format specified

100%

100%

Decisions section populated

100%

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.