mcpField
V
visualization-patterns

visualization-patterns

github.com/gtmagentsデザイン・UI42868 回インストール30 週間前に更新
リポジトリ

visualization-patterns について

分析ダッシュボードやビジュアライゼーションの計画・レビューに使うスキルです。対象者や意思決定に合わせて、チャート、レイアウト、アクセシビリティ、ストーリーを整理できます。

主な機能

  1. 01対象者と意思決定の整理
  2. 02レイアウトと KPI 階層の設計
  3. 03指標に応じたチャート選択
  4. 04アクセシビリティとレスポンシブ設計の確認
  5. 05ストーリー注釈とアクションリンク
  6. 06ダッシュボードと指標のテンプレート

活用シーン

  1. 01分析ダッシュボードの新規計画
  2. 02チャートのアクセシビリティと明瞭さのレビュー
  3. 03セルフサービス分析の導入支援

インストール

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

$npx skills add https://github.com/gtmagents/gtm-agents --skill visualization-patterns

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

詳細

分析ビジュアライゼーションのパターンに関するスキル

使用する場面

  • 新しいダッシュボードを計画するときや、既存のビジュアライゼーションを更新するとき。
  • セルフサービス分析の導入についてチームを支援するとき。
  • ビジュアルデザイン、アクセシビリティ、ストーリーの明確さを監査するとき。

フレームワーク

  1. 対象者とストーリー – ペルソナ、意思決定の頻度、主要な質問を明確にします。
  2. レイアウトと階層 – ファネル(概要 → ドリルダウン → 診断)に沿ってタイルを配置し、KPIを強調します。
  3. チャートの選択 – 指標の種類に合ったチャートを選びます(トレンド、構成、比較、分布)。
  4. アクセシビリティ – 色のコントラスト、ラベル、ツールチップ、モバイルやレスポンシブ対応を考慮します。
  5. ストーリーとアクション – インサイトに注釈を付け、CTAボタンやプレイブックへのリンクを埋め込みます。

テンプレート

  • KPI用スロットを備えたダッシュボードのワイヤーフレームグリッド。
  • 指標の辞書(定義、ソース、担当者、更新スケジュール)。
  • 導入チェックリスト(ステークホルダーのレビュー、イネーブルメントセッション、フィードバックフォーム)。

ヒント

  • 主要なKPIは左上に配置し、目標に対するトレンドを示します。
  • 良好/不良の差異には、一貫したカラーパレットを使用します。
  • 可能であれば、ドキュメントやLoomの解説動画をBIツールに直接埋め込みます。

コメント