📊create-dashboard
- プラグイン
- amplitude
- ソース
- GitHub で見る ↗
説明
要件やゴールをもとに、適切なレイアウトでチャートを論理的なセクションに整理し、包括的なAmplitudeダッシュボードを構築します。 次のような場合に使用: ゼロからダッシュボードを新規作成する場合や、既存のチャートをまとまりのあるビューに組み合わせる場合。
原文を表示
Builds comprehensive Amplitude dashboards from requirements or goals, organizing charts into logical sections with appropriate layouts. Use when creating a complete dashboard from scratch or assembling existing charts into a cohesive view.
ユースケース
- ✓ゼロからダッシュボードを新規作成するとき
- ✓既存チャートをまとまりのあるビューに組み合わせるとき
本文(日本語訳)
ダッシュボードの作成
チームやイニシアティブ向けの新しいダッシュボードを作成、散在するチャートを整理、エグゼクティブ向けレポートの構築、またはレビューサイクル用ダッシュボードのセットアップを行います。
手順
ステップ 0: 機能の把握(機能に不慣れな場合)
構築を始める前に、何を追跡するかを理解します:
- トピックに関連する既存のダッシュボード / チャートを検索する
- 関連するイベントを検索する:
Amplitude:searchで entityTypes: ["EVENT", "CUSTOM_EVENT"] を指定 get_event_propertiesを使用して、セグメンテーションに利用できるプロパティを把握する- 主要な目標・重要なセグメント・時間軸についてユーザーに確認する
ステップ 1: ダッシュボードの目的を定義する
以下の点を明確にします:
- 対象オーディエンスは誰か?
- どのような意思決定に活用されるか?
- どのくらいの頻度でレビューされるか?
- 全体の構成・ストーリー展開はどうするか?
ステップ 2: チャートの収集または作成
既存のチャートが見つかった場合(関連チャートが 5 件超):
Amplitude:searchで関連する既存チャートを検索するAmplitude:get_chartsでそれらの定義を取得する- 新たに作成が必要なギャップを特定する
チャートがほとんど / まったく存在しない場合(関連チャートが 5 件未満):
- 「グリーンフィールドビルド」モードに切り替える
Amplitude:query_datasetで必要なチャートを作成する- ダッシュボード構築前に
Amplitude:save_chart_editsですべてのチャートを保存する - まず entityTypes: ["EVENT", "CUSTOM_EVENT"] を指定して関連イベントを検索することを検討する
新しいチャートを作成する場合:
query_datasetでプロトタイプを作成し、データを検証するsave_chart_editsを使ってバッチ単位で保存する(効率的)- ダッシュボード作成前にすべてのチャート ID を収集しておく
ステップ 3: レイアウトを計画する
論理的なセクションに整理します:
- サマリー行: 一目でわかる主要指標(ヘッドライン表示)
- トレンドセクション: 指標の推移
- ブレークダウンセクション: セグメントとディメンション
- 詳細セクション: 補足分析
ステップ 4: ダッシュボードを作成する
Amplitude:create_dashboard を使用し、以下を設定します:
- わかりやすく説明的な名前
- 適切な高さを持つ行(375 / 500 / 625 / 750px)
- 適切なサイズのチャート(3〜12 カラム)
- セクション見出し用のリッチテキストヘッダー
- chartMetas 内のチャート表示設定:
metric_only: ヘッドライン KPI(単一数値)series: トレンドライン(デフォルト表示)converted: ファネル(コンバージョン表示)table: データテーブル
ステップ 5: コンテキストを追加する
以下の内容をリッチテキストブロックとして記載します:
- ダッシュボードの目的と対象オーディエンス
- 主要指標の読み方・解釈方法
- 関連リソースへのリンク
- 最終更新日またはレビュースケジュール
レイアウトガイドライン
| コンテンツタイプ | 推奨幅 | 推奨高さ |
|---|---|---|
| ヘッドライン指標 | 3〜4 カラム | 375px |
| トレンドチャート | 6〜12 カラム | 500px |
| 比較チャート | 6 カラム | 500px |
| 詳細テーブル | 12 カラム | 625px |
| セクションヘッダー | 12 カラム | 375px |
ベストプラクティス
- 最も重要な指標はスクロールせずに見える位置(above the fold)に配置する
- 同一行内ではチャートのサイズを統一する
- 関連する指標はグループ化する
- 複雑な指標には説明テキストを添える
- 複数の有効なアプローチが存在する場合は、ユーザーに重点領域を確認する
- チャートはバッチ単位で作成し、ツール呼び出し回数を最小限に抑える
よくある問題
クエリエラー(500 / 400):
- シンプル化する: 複雑な groupBy の削除・日付範囲の短縮・ネストされたプロパティの回避
- 検索機能でイベント / プロパティの存在を事前に確認する
- トップ N リストには dataTableV2 の代わりに groupBy 付きの eventsSegmentation を使用する
データが返されない場合:
- イベント名が完全に一致しているか確認する(大文字 / 小文字を区別)
- 日付範囲がイベントの計測期間をカバーしているか確認する
- ユーザーセグメントの条件が厳しすぎないか確認する
原文(English)を表示
Create Dashboard
Create new team or initiative dashboards, organize scattered charts, build executive reporting, or set up review cadence dashboards.
Instructions
Step 0: Discovery (if unfamiliar with the feature)
Before building, understand what you're tracking:
- Search for existing dashboards/charts related to the topic
- Search for relevant events:
Amplitude:searchwith entityTypes: ["EVENT", "CUSTOM_EVENT"] - Use
get_event_propertiesto understand available properties for segmentation - Ask user for clarification on primary goals, key segments, or time horizons
Step 1: Define Dashboard Purpose
Clarify:
- Who is the audience?
- What decisions will it inform?
- How frequently will it be reviewed?
- What's the narrative structure?
Step 2: Gather or Create Charts
If existing charts found (>5 relevant):
- Use
Amplitude:searchto find relevant existing charts - Use
Amplitude:get_chartsto retrieve their definitions - Identify gaps that need new charts
If few/no charts exist (<5 relevant):
- Switch to "greenfield build" mode
- Use
Amplitude:query_datasetto create needed charts - Save all charts with
Amplitude:save_chart_editsbefore building dashboard - Consider searching for relevant events first with entityTypes: ["EVENT", "CUSTOM_EVENT"]
Creating new charts:
- Prototype with
query_datasetto verify data - Save in batches using
save_chart_edits(more efficient) - Collect all chart IDs before creating dashboard
Step 3: Plan the Layout
Organize into logical sections:
- Summary Row: Key metrics at a glance (headline view)
- Trend Section: How things are changing
- Breakdown Section: Segments and dimensions
- Detail Section: Supporting analyses
Step 4: Create the Dashboard
Use Amplitude:create_dashboard with:
- Clear, descriptive name
- Rows with appropriate heights (375, 500, 625, or 750px)
- Charts sized appropriately (3-12 columns)
- Rich text headers for sections
- Chart display configurations in chartMetas:
metric_only: Headline KPIs (single number)series: Trend lines (default view)converted: Funnels (conversion view)table: Data tables
Step 5: Add Context
Include rich text blocks for:
- Dashboard purpose and audience
- How to interpret key metrics
- Links to related resources
- Last updated or review schedule
Layout Guidelines
| Content Type | Suggested Width | Suggested Height |
|---|---|---|
| Headline metric | 3-4 columns | 375px |
| Trend chart | 6-12 columns | 500px |
| Comparison chart | 6 columns | 500px |
| Detailed table | 12 columns | 625px |
| Section header | 12 columns | 375px |
Best Practices
- Put most important metrics above the fold
- Use consistent chart sizing within rows
- Group related metrics together
- Add explanatory text for complex metrics
- Ask user about focus areas if multiple valid approaches exist
- Create charts in batches to minimize tool calls
Common Issues
Query errors (500/400):
- Simplify: remove complex groupBy, reduce date ranges, avoid nested properties
- Verify events/properties exist using search first
- Use eventsSegmentation with groupBy instead of dataTableV2 for top N lists
No data returned:
- Check event names are exact matches (case-sensitive)
- Verify date range covers when events were tracked
- Confirm user segments aren't too restrictive
原文・著作権は Anthropic および各プラグイン作者に帰属します。日本語訳は Claude API による自動翻訳です。