claude-skills/

Anthropic公式スキル・プラグインの日本語ディレクトリ

last sync 22h ago
スキルOfficialmonitoring

📊create-dashboard

プラグイン
amplitude

説明

要件やゴールをもとに、適切なレイアウトでチャートを論理的なセクションに整理し、包括的な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: レイアウトを計画する

論理的なセクションに整理します:

  1. サマリー行: 一目でわかる主要指標(ヘッドライン表示)
  2. トレンドセクション: 指標の推移
  3. ブレークダウンセクション: セグメントとディメンション
  4. 詳細セクション: 補足分析

ステップ 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:search with entityTypes: ["EVENT", "CUSTOM_EVENT"]
  • Use get_event_properties to 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:search to find relevant existing charts
  • Use Amplitude:get_charts to retrieve their definitions
  • Identify gaps that need new charts

If few/no charts exist (<5 relevant):

  • Switch to "greenfield build" mode
  • Use Amplitude:query_dataset to create needed charts
  • Save all charts with Amplitude:save_chart_edits before building dashboard
  • Consider searching for relevant events first with entityTypes: ["EVENT", "CUSTOM_EVENT"]

Creating new charts:

  • Prototype with query_dataset to 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:

  1. Summary Row: Key metrics at a glance (headline view)
  2. Trend Section: How things are changing
  3. Breakdown Section: Segments and dimensions
  4. 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 による自動翻訳です。