jpskill.com
🛠️ 開発・MCP コミュニティ 🔴 エンジニア向け 👤 エンジニア・AI開発者

🛠️ Dashboardビルダー

dashboard-builder

Grafanaなどの監視ツールで、実際の運用担当者が

⚡ ⏱ RAG構築 1週間 → 1日

📺 まず動画で見る(YouTube)

▶ 【衝撃】最強のAIエージェント「Claude Code」の最新機能・使い方・プログラミングをAIで効率化する超実践術を解説! ↗

※ jpskill.com 編集部が参考用に選んだ動画です。動画の内容と Skill の挙動は厳密には一致しないことがあります。

📜 元の英語説明(参考)

为 Grafana、SigNoz 等平台构建能够回答实际运维人员问题的监控仪表板。适用于将指标转化为可用的仪表板，而非华而不实的展示板。

🇯🇵 日本人クリエイター向け解説

一言でいうと

Grafanaなどの監視ツールで、実際の運用担当者が

※ jpskill.com 編集部が日本のビジネス現場向けに補足した解説です。Skill本体の挙動とは独立した参考情報です。

⚡ おすすめ: コマンド1行でインストール(60秒)

下記のコマンドをコピーしてターミナル(Mac/Linux)または PowerShell(Windows)に貼り付けてください。 ダウンロード → 解凍 → 配置まで全自動。

🍎 Mac / 🐧 Linux 
mkdir -p ~/.claude/skills && cd ~/.claude/skills && curl -L -o dashboard-builder.zip https://jpskill.com/download/706.zip && unzip -o dashboard-builder.zip && rm dashboard-builder.zip
🪟 Windows (PowerShell) 
$d = "$env:USERPROFILE\.claude\skills"; ni -Force -ItemType Directory $d | Out-Null; iwr https://jpskill.com/download/706.zip -OutFile "$d\dashboard-builder.zip"; Expand-Archive "$d\dashboard-builder.zip" -DestinationPath $d -Force; ri "$d\dashboard-builder.zip"

完了後、Claude Code を再起動 → 普通に「動画プロンプト作って」のように話しかけるだけで自動発動します。

💾 手動でダウンロードしたい(コマンドが難しい人向け)
  1. 1. 下の青いボタンを押して dashboard-builder.zip をダウンロード
  2. 2. ZIPファイルをダブルクリックで解凍 → dashboard-builder フォルダができる
  3. 3. そのフォルダを C:\Users\あなたの名前\.claude\skills\(Win)または ~/.claude/skills/(Mac)へ移動
  4. 4. Claude Code を再起動
⬇ .zip でダウンロード(推奨) ⬇ .skill 形式(上級者用) 元のソース ↗

⚠️ ダウンロード・利用は自己責任でお願いします。当サイトは内容・動作・安全性について責任を負いません。

🎯 このSkillでできること

下記の説明文を読むと、このSkillがあなたに何をしてくれるかが分かります。Claudeにこの分野の依頼をすると、自動で発動します。

📦 インストール方法 (3ステップ)

  1. 1. 上の「ダウンロード」ボタンを押して .skill ファイルを取得
  2. 2. ファイル名の拡張子を .skill から .zip に変えて展開(macは自動展開可)
  3. 3. 展開してできたフォルダを、ホームフォルダの .claude/skills/ に置く
    • · macOS / Linux: ~/.claude/skills/
    • · Windows: %USERPROFILE%\.claude\skills\

Claude Code を再起動すれば完了。「このSkillを使って…」と話しかけなくても、関連する依頼で自動的に呼び出されます。

詳しい使い方ガイドを見る →
最終更新
2026-05-17
取得日時
2026-05-17
同梱ファイル
1

💬 こう話しかけるだけ — サンプルプロンプト

  • › Dashboard Builder を使って、最小構成のサンプルコードを示して
  • › Dashboard Builder の主な使い方と注意点を教えて
  • › Dashboard Builder を既存プロジェクトに組み込む方法を教えて

これをClaude Code に貼るだけで、このSkillが自動発動します。

📖 Claude が読む原文 SKILL.md(中身を展開)

この本文は AI(Claude)が読むための原文(英語または中国語)です。日本語訳は順次追加中。

仪表盘构建器

当任务需要构建一个可供操作人员使用的仪表盘时使用此方案。

目标不是"展示所有指标"，而是回答以下问题：

  • 系统健康吗？
  • 瓶颈在哪里？
  • 发生了什么变化？
  • 应该采取什么行动？

使用场景

  • "构建一个Kafka监控仪表盘"
  • "为Elasticsearch创建一个Grafana仪表盘"
  • "为这个服务制作一个SigNoz仪表盘"
  • "将这个指标列表转化为真正的运维仪表盘"

约束条件

  • 不要从视觉布局开始；要从操作人员的问题出发
  • 不要仅仅因为指标存在就包含所有可用指标
  • 不要在没有结构的情况下混合健康、吞吐量和资源面板
  • 不要发布没有标题、单位和合理阈值的面板

工作流程

1. 定义操作问题

围绕以下方面组织：

  • 健康/可用性
  • 延迟/性能
  • 吞吐量/容量
  • 饱和度/资源
  • 服务特定风险

2. 研究目标平台架构

首先检查现有仪表盘：

  • JSON结构
  • 查询语言
  • 变量
  • 阈值样式
  • 分区布局

3. 构建最小可用面板

推荐结构：

  1. 概览
  2. 性能
  3. 资源
  4. 服务特定分区

4. 剔除装饰性面板

每个面板都应回答一个真实问题。如果不能，则移除。

示例面板集

Elasticsearch

  • 集群健康
  • 分片分配
  • 搜索延迟
  • 索引速率
  • JVM堆/GC

Kafka

  • 代理数量
  • 副本不足的分区
  • 消息流入/流出
  • 消费者滞后
  • 磁盘和网络压力

API网关/入口

  • 请求速率
  • p50/p95/p99延迟
  • 错误率
  • 上游健康
  • 活跃连接数

质量检查清单

  • [ ] 有效的仪表盘JSON
  • [ ] 清晰的分区分组
  • [ ] 包含标题和单位
  • [ ] 阈值/状态颜色有意义
  • [ ] 存在常用过滤器的变量
  • [ ] 默认时间范围和刷新频率合理
  • [ ] 没有对操作人员无价值的装饰性面板

相关技能

  • research-ops
  • backend-patterns
  • terminal-ops