CtrlK
BlogDocsLog inGet started
Tessl Logo

kpi-dashboard-design

Design effective KPI dashboards with metrics selection, visualization best practices, and real-time monitoring patterns. Use when building business dashboards, selecting metrics, or designing data visualization layouts.

Install with Tessl CLI

npx tessl i github:wshobson/agents --skill kpi-dashboard-design
What are skills?

Overall
score

78%

Does it follow best practices?

Evaluation97%

1.09x

Agent success when using this skill

Validation for skill structure

SKILL.md
Review
Evals

Evaluation results

92%

8%

SaaS Growth Dashboard

Streamlit SaaS Dashboard Implementation

Criteria
Without context
With context

Streamlit used

100%

100%

Wide layout configured

100%

100%

Plotly imported

100%

100%

st.metric() for KPI cards

100%

100%

KPI count in headline row

0%

0%

Date range selector

100%

100%

Cohort heatmap uses go.Heatmap

100%

100%

Heatmap colorscale Blues

0%

100%

Heatmap text annotations

100%

100%

No 3D charts

100%

100%

Alerts/notifications section

100%

100%

Context shown with KPIs

100%

100%

Without context: $0.8559 · 3m 40s · 25 turns · 74 in / 14,786 out tokens

With context: $0.7782 · 2m 47s · 33 turns · 359 in / 8,569 out tokens

100%

7%

Subscription Analytics SQL Library

SQL KPI Calculations

Criteria
Without context
With context

MRR uses CTE

100%

100%

MRR interval normalization

100%

100%

MRR growth uses LAG

100%

100%

Cohort query uses CTEs

100%

100%

Cohort uses EXTRACT or DATE_TRUNC

100%

100%

CAC uses NULLIF

30%

100%

CAC uses CTE or subquery

100%

100%

All three metrics present

100%

100%

Query comments present

100%

100%

methodology.md documents calculations

100%

100%

MRR filters active only

100%

100%

DATE_TRUNC used for grouping

100%

100%

Without context: $0.2898 · 1m 19s · 12 turns · 61 in / 4,712 out tokens

With context: $0.6881 · 3m 6s · 19 turns · 268 in / 10,439 out tokens

100%

9%

Operations Center Dashboard

Real-time Operations Monitoring

Criteria
Without context
With context

Streamlit used

0%

100%

System health/resource panel

100%

100%

Service status panel

100%

100%

Throughput panel

70%

100%

Error rate panel

100%

100%

Alerts section present

100%

100%

Red for critical/bad

100%

100%

Green for healthy/good

100%

100%

No 3D charts

100%

100%

No vanity metrics

100%

100%

Context shown with metrics

100%

100%

Without context: $0.4430 · 1m 44s · 19 turns · 65 in / 6,926 out tokens

With context: $1.1095 · 4m 12s · 33 turns · 29 in / 15,613 out tokens

Evaluated
Agent
Claude Code

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.