kpi-dashboard-design
37
总安装量
11
周安装量
#10168
全站排名
安装命令
npx skills add https://github.com/secondsky/claude-skills --skill kpi-dashboard-design
Agent 安装分布
claude-code
9
gemini-cli
7
codex
7
opencode
6
antigravity
6
windsurf
6
Skill 文档
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
/* Traffic light colors for status */
.metric-good { color: #22c55e; } /* Green */
.metric-warning { color: #f59e0b; } /* Amber */
.metric-bad { color: #ef4444; } /* Red */
/* Visual hierarchy */
.metric-primary {
font-size: 2.5rem;
font-weight: 700;
}
.metric-secondary {
font-size: 1.5rem;
font-weight: 500;
}
Chart Selection
| Data Type | Chart |
|---|---|
| Trend over time | Line chart |
| Comparison | Bar chart |
| Composition | Pie/Donut |
| Distribution | Histogram |
| Correlation | Scatter plot |
| Funnel stages | Funnel chart |
Interactivity Features
- Drill-down to detailed views
- Date range selection
- Filtering by segment
- Export to CSV/PDF
- Scheduled email reports
Best Practices
- Limit to 5-7 KPIs per dashboard
- Show trends, not just snapshots
- Use consistent color coding
- Include comparison periods (vs last month)
- Update data in real-time or hourly
- Review dashboard relevance quarterly
Common Mistakes
- Too many metrics (information overload)
- No clear visual hierarchy
- Missing context (no comparisons)
- Outdated or stale data
- Metrics without ownership