kpi-dashboard-design by secondsky/claude-skills
npx skills add https://github.com/secondsky/claude-skills --skill kpi-dashboard-design设计能够清晰传达关键指标的有效仪表盘。
良好的 KPI 应具备以下特点:
| 目标 | KPI |
|---|---|
| 收入 | MRR, ARR, 收入增长率 |
| 获客 | CAC, 新用户数, 转化率 |
| 留存 | 流失率, NPS, DAU/MAU |
| 效率 | LTV:CAC, 资金消耗率 |
| 质量 | 错误率, 响应时间 |
┌─────────────────────────────────────────────────┐
│ 执行摘要 │
│ [收入 ▲12%] [用户 ▲8%] [流失率 ▼2%] │
├─────────────────────┬───────────────────────────┤
│ │ │
│ 收入趋势 │ 用户获取 │
│ (折线图) │ (柱状图) │
│ │ │
├─────────────────────┼───────────────────────────┤
│ │ │
│ 留存漏斗 │ 热门产品 │
│ (漏斗图) │ (表格) │
│ │ │
└─────────────────────┴───────────────────────────┘
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
/* 用于状态指示的红绿灯颜色 */
.metric-good { color: #22c55e; } /* 绿色 */
.metric-warning { color: #f59e0b; } /* 琥珀色 */
.metric-bad { color: #ef4444; } /* 红色 */
/* 视觉层次 */
.metric-primary {
font-size: 2.5rem;
font-weight: 700;
}
.metric-secondary {
font-size: 1.5rem;
font-weight: 500;
}
| 数据类型 | 图表 |
|---|---|
| 时间趋势 | 折线图 |
| 对比 | 柱状图 |
| 构成 | 饼图/环形图 |
| 分布 | 直方图 |
| 相关性 | 散点图 |
| 漏斗阶段 | 漏斗图 |
每周安装量
94
代码仓库
GitHub 星标数
90
首次出现
Jan 25, 2026
安全审计
安装于
gemini-cli81
opencode80
claude-code80
codex80
github-copilot76
cursor76
Design effective dashboards that communicate key metrics clearly.
Good KPIs are:
| 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 |
┌─────────────────────────────────────────────────┐
│ Executive Summary │
│ [Revenue ▲12%] [Users ▲8%] [Churn ▼2%] │
├─────────────────────┬───────────────────────────┤
│ │ │
│ Revenue Trend │ User Acquisition │
│ (Line Chart) │ (Bar Chart) │
│ │ │
├─────────────────────┼───────────────────────────┤
│ │ │
│ Retention Funnel │ Top Products │
│ (Funnel Chart) │ (Table) │
│ │ │
└─────────────────────┴───────────────────────────┘
/* 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;
}
| Data Type | Chart |
|---|---|
| Trend over time | Line chart |
| Comparison | Bar chart |
| Composition | Pie/Donut |
| Distribution | Histogram |
| Correlation | Scatter plot |
| Funnel stages | Funnel chart |
Weekly Installs
94
Repository
GitHub Stars
90
First Seen
Jan 25, 2026
Security Audits
Gen Agent Trust HubPassSocketPassSnykPass
Installed on
gemini-cli81
opencode80
claude-code80
codex80
github-copilot76
cursor76
竞品拆解分析工具:使用 inference.sh CLI 进行结构化竞品研究与截图
7,700 周安装