Saltar al contenido
Marketplace

dashboard-builder

de affaan-m

Grafana、SigNoz、および同様のプラットフォーム用の実際のオペレータ質問に答える監視ダッシュボードを構築します。メトリクスを虚栄ボードではなく機能するダッシュボードに変える場合に使用します。

Resumen

SKILL.mdLeída en ef648e0

ダッシュボード ビルダー

タスクが人々が操作できるダッシュボードを構築することの場合に使用。

目標は「すべてのメトリクスを表示」ではありません。目標は以下の質問に答えることです:

  • 健康ですか?
  • ボトルネックはどこですか?
  • 何が変わったのですか?
  • 誰かが取るべき措置は何ですか?

使用時期

  • 「Kafkaモニタリングダッシュボードを構築」
  • 「Elasticsearch用のGrafanaダッシュボードを作成」
  • 「このサービス用のSigNozダッシュボードを作成」
  • 「このメトリクスリストを実際の運用ダッシュボードに変える」

ガードレール

  • ビジュアルレイアウトから始めない;オペレータの質問から始める
  • 利用可能なすべてのメトリクスを含めない
  • 健康、スループット、リソースパネルを構造なしで混ぜない
  • タイトル、ユニット、合理的なしきい値なしでパネルを出荷しない

ワークフロー

1. 運用質問を定義

以下の周りに整理:

  • 健康/可用性
  • レイテンシ/パフォーマンス
  • スループット/ボリューム
  • 飽和/リソース
  • サービス固有のリスク
2. ターゲットプラットフォームスキーマを研究

既存のダッシュボードを最初に検査:

  • JSON構造
  • クエリ言語
3. メトリクスを選択

オペレータが実際に見ているもの、アラートしているもと、対応するのに必要なメトリクスのみを含める。

4. レイアウトの構築

質問ごとにパネルをグループ化。

Archivos 1 archivo

Instálala a mano

Deska ejecuta esto por ti, para cada agente que elijas. Para ejecutarlo tú en una terminal:

npx skills add affaan-m/ecc --skill dashboard-builder

Más de affaan-m

  • docker-patternsaffaan-mDocker and Docker Compose patterns for local development, container security, networking, volume strategies, and multi-service orchestration. Use when setting up containerized development environments or reviewing Docker configurations.4,800 instalaciones en skills.sh0
  • security-reviewaffaan-mUse this skill when adding authentication, handling user input, working with secrets, creating API endpoints, or implementing payment/sensitive features. Provides comprehensive security checklist and patterns.4,800 instalaciones en skills.sh0
  • backend-patternsaffaan-mBackend architecture patterns, API design, database optimization, and server-side best practices for Node.js, Express, and Next.js API routes. Use when building or reviewing Node.js, Express, or Next.js API routes and their data access.4,700 instalaciones en skills.sh0
  • frontend-patternsaffaan-mFrontend development patterns for React, Next.js, state management, performance optimization, and UI best practices. Use when building or reviewing React or Next.js components, state, or render performance.4,700 instalaciones en skills.sh0
  • coding-standardsaffaan-mBaseline cross-project coding conventions for naming, readability, immutability, and code-quality review. Use detailed frontend or backend skills for framework-specific patterns. Use when reviewing code quality or naming with no framework-specific skill that applies.4,500 instalaciones en skills.sh0
Todas las skills de affaan-m