Dashboard Builder
Grafana、SigNoz、および同様のプラットフォーム用の実際のオペレータ質問に答える監視ダッシュボードを構築します。メトリクスを虚栄ボードではなく機能するダッシュボードに変える場合に使用します。
Install
/plugin marketplace add affaan-m/ECCThe repo is a Claude Code plugin marketplace. Run /plugin afterwards to pick the plugin that includes this skill.
npx skills add affaan-m/ECC --skill dashboard-buildergit clone --depth 1 https://github.com/affaan-m/ECC.git /tmp/ECC
mkdir -p ~/.claude/skills
cp -r /tmp/ECC/docs/ja-JP/skills/dashboard-builder ~/.claude/skills/dashboard-builderPersonal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.
From the SKILL.md
# ダッシュボード ビルダー タスクが人々が操作できるダッシュボードを構築することの場合に使用。 目標は「すべてのメトリクスを表示」ではありません。目標は以下の質問に答えることです： - 健康ですか？ - ボトルネックはどこですか？ - 何が変わったのですか？ - 誰かが取るべき措置は何ですか？ ## 使用時期 - 「Kafkaモニタリングダッシュボードを構築」 - 「Elasticsearch用のGrafanaダッシュボードを作成」 - 「このサービス用のSigNozダッシュボードを作成」 - 「このメトリクスリストを実際の運用ダッシュボードに変える」 ## ガードレール - ビジュアルレイアウトから始めない；オペレータの質問から始める - 利用可能なすべてのメトリクスを含めない - 健康、スループット、リソースパネルを構造なしで混ぜない - タイトル、ユニット、合理的なしきい値なしでパネルを出荷しない ## ワークフロー ### 1. 運用質問を定義 以下の周りに整理： - 健康/可用性 - レイテンシ/パフォーマンス - スループット/ボリューム - 飽和/リソース - サービス固有のリスク ### 2. ターゲットプラットフォームスキーマを研究 既存のダッシュボードを最初に検査： - JSON構造 - クエリ言語 ### 3. メトリクスを選択 オペレータが実際に見ているもの、アラートしているもと、対応するのに必要なメトリクスのみを含める。 ### 4. レイアウトの構築 質問ごとにパネルをグループ化。
Details
- Skill name
dashboard-builder- Repository
- affaan-m/ECC
- Path
docs/ja-JP/skills/dashboard-builder/SKILL.md- License
- MIT
- Repo updated
- 30 October 2026
- Listed in
- hesreallyhim/awesome-claude-code
FAQ
What does the Dashboard Builder skill do?
Grafana、SigNoz、および同様のプラットフォーム用の実際のオペレータ質問に答える監視ダッシュボードを構築します。メトリクスを虚栄ボードではなく機能するダッシュボードに変える場合に使用します。
How do I install the Dashboard Builder skill?
Claude Code plugin: /plugin marketplace add affaan-m/ECC. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.
Is Dashboard Builder popular?
It lives in affaan-m/ECC, which has 293,665 GitHub stars and 43,456 forks, and is included in 1 curated skill list.
Related skills
Accessibility
294kaffaan-m/ECC
WCAG 2.2 レベル AA 標準を用いてインクルーシブなデジタルプロダクトを設計・実装・監査します。Web 用のセマンティック ARIA および Web・ネイティブプラットフォーム（iOS/Android）のアクセシビリティトレイトを生成するために使用します。
Agent Architecture Audit
294kaffaan-m/ECC
エージェントおよび LLM アプリケーション向けのフルスタック診断。12 層のエージェントスタックにおけるラッパーリグレッション、メモリ汚染、ツール規律の失敗、隠れた修復ループ、レンダリング破損を監査します。重要度順の発見事項とコードファーストの修正を生成します。エージェントアプリケーション、自律ループ、または LLM を活用した機能を構築する開発者に必須です。
Agent Eval
294kaffaan-m/ECC
カスタムタスクでコーディングエージェント（Claude Code、Aider、Codex など）をヘッドツーヘッドで比較し、合格率、コスト、時間、一貫性のメトリクスを測定します
Analytics
58kcoreyhaines31/marketingskills
When the user wants to set up, improve, or audit analytics tracking and measurement. Also use when the user mentions "set up tracking," "GA4," "Google Analytics," "event tracking," "UTM parameters," "tag manager," "GTM," "analytics implementation," "tracking plan," "how do I measure this," "Mixpanel," "Segment," "are my events firing," or "analytics isn't working." Use this whenever someone asks how to know if something is working or wants to measure marketing results. For getting conversions into ad platforms (pixels, conversion tags, CAPI, server-side) and verifying they arrived, see convers
Firecrawl Build Scrape
197kfirecrawl/firecrawl
Integrate Firecrawl `/scrape` into product code for single-page extraction. Use when an app already has a URL and needs markdown, HTML, links, screenshots, metadata, or structured page output. Prefer this skill over broader crawl patterns when the feature is page-level.
Jupyter Notebook
28kopenai/skills
Use when the user asks to create, scaffold, or edit Jupyter notebooks (`.ipynb`) for experiments, explorations, or tutorials; prefer the bundled templates and run the helper script `new_notebook.py` to generate a clean starting notebook.
Browse the most popular Claude skills, all data & analytics skills, or write your own with the skills generator.