mcpField
K
kpi-dashboard-design

kpi-dashboard-design

github.com/secondskyデザイン・UI240515 回インストール5 週間前に更新
リポジトリ

kpi-dashboard-design について

KPIの選定、レイアウト、グラフ、視覚的な階層を扱うダッシュボード設計スキルです。業績指標を明確に伝えたいチーム向けです。

主な機能

  1. 01KPIの選定基準
  2. 02一般的なビジネスKPIの例
  3. 03ダッシュボードのレイアウト指針
  4. 04データ種別に応じたグラフ選択
  5. 05視覚デザインの原則
  6. 06ダッシュボードの操作機能案

活用シーン

  1. 01ビジネス目標に沿う指標の選定
  2. 02経営向けサマリーダッシュボードの計画
  3. 03傾向や比較に適したグラフの選択
  4. 04明確さや文脈に基づくダッシュボードの見直し

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/secondsky/claude-skills --skill kpi-dashboard-design

インストール後、Claude Code で/kpi-dashboard-designを入力して読み込まれたか確認します。

詳細

KPI ダッシュボードの設計

重要な指標を明確に伝える、効果的なダッシュボードを設計します。

KPI の選定フレームワーク

優れた KPI の条件：

  • ビジネス目標に関連している
  • 測定および定量化できる
  • チームが影響を与えられる
  • 頻繁に更新される
  • 理解しやすい

一般的なビジネス KPI

目標KPI
収益MRR、ARR、収益成長率
顧客獲得CAC、新規ユーザー数、コンバージョン率
継続率解約率、NPS、DAU/MAU
効率性LTV:CAC、バーンレート
品質エラー率、応答時間

ダッシュボードのレイアウト

┌─────────────────────────────────────────────────┐
│              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;
}

グラフの選び方

データの種類グラフ
時系列の推移折れ線グラフ
比較棒グラフ
構成円グラフ／ドーナツグラフ
分布ヒストグラム
相関散布図
ファネルの段階ファネルチャート

インタラクティブ機能

  • 詳細ビューへのドリルダウン
  • 期間の選択
  • セグメントごとのフィルタリング
  • CSV／PDF へのエクスポート
  • メールレポートの定期配信

ベストプラクティス

  • ダッシュボードごとに KPI を 5～7 個に絞る
  • スナップショットだけでなく、推移も表示する
  • 一貫した色分けを使用する
  • 比較期間（前月との比較など）を含める
  • データをリアルタイムまたは 1 時間ごとに更新する
  • 四半期ごとにダッシュボードの関連性を見直す

よくある間違い

  • 指標が多すぎる（情報過多）
  • 視覚的な階層が明確でない
  • 文脈が不足している（比較がない）
  • データが古い、または更新されていない
  • 担当者が定められていない指標

コメント

Markdown 対応