kpi-dashboard-design

Solid

Designs effective KPI dashboards with proper metric selection, visual hierarchy, and data visualization best practices. Use when building executive dashboards, creating analytics views, or presenting business metrics.

Web & Frontend 160 stars 25 forks Updated 2 weeks ago MIT

Install

View on GitHub

Quality Score: 88/100

Stars 20%
73
Recency 20%
90
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
80
License 10%
100
Description 5%
100

Skill Content

# KPI Dashboard Design Design effective dashboards that communicate key metrics clearly. ## KPI Selection Framework **Good KPIs are:** - Relevant to business goals - Measurable and quantifiable - Influenced by the team - Updated frequently - Simple to understand ## Common Business KPIs | Goal | KPIs | |------|------| | Revenue | MRR, ARR, Revenue Growth | | Acquisition | CAC, New Users, Conversion Rate | | Retention | Churn Rate, NPS, DAU/MAU | | Efficiency | LTV:CAC, Burn Rate | | Quality | Error Rate, Response Time | ## Dashboard Layout ``` ┌─────────────────────────────────────────────────┐ │ Executive Summary │ │ [Revenue ▲12%] [Users ▲8%] [Churn ▼2%] │ ├─────────────────────┬───────────────────────────┤ │ │ │ │ Revenue Trend │ User Acquisition │ │ (Line Chart) │ (Bar Chart) │ │ │ │ ├─────────────────────┼───────────────────────────┤ │ │ │ │ Retention Funnel │ Top Products │ │ (Funnel Chart) │ (Table) │ │ │ │ └─────────────────────┴───────────────────────────┘ ``` ## Visual Design Principles ```css /* Traffic light colors for status */ .metric-good { color: #22c55e; } /* Green */ .metric-warning { color: #f59e0b; } /* Amber */ .metric-bad { color: #ef4444; } /* Red */ ...

Details

Author
secondsky
Repository
secondsky/claude-skills
Created
6 months ago
Last Updated
2 weeks ago
Language
TypeScript
License
MIT

Integrates with

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Listed

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.

335 Updated today
aiskillstore
AI & Automation Listed

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.

1 Updated today
Mohammadibrahim55
AI & Automation Solid

kpi-dashboard-design

Design effective KPI dashboards with metrics selection, visualization best practices, and real-time monitoring patterns. Use this skill when building an executive SaaS metrics dashboard tracking MRR, churn, and LTV/CAC ratios; designing an operations center with live service health and request throughput; creating a cohort retention analysis view for a product team; or debugging a dashboard where metrics contradict each other due to inconsistent calculation methodology.

36,166 Updated yesterday
wshobson
AI & Automation Featured

kpi-dashboard-design

Comprehensive patterns for designing effective Key Performance Indicator (KPI) dashboards that drive business decisions.

39,227 Updated today
sickn33
Web & Frontend Listed

metrics-dashboard

Define and design a product metrics dashboard with key metrics, data sources, visualization types, and alert thresholds. Use when creating a metrics dashboard, defining KPIs, setting up product analytics, or building a data monitoring plan.

1 Updated today
MARUCIE