---
id: daily-dashboard-builder
name: "dashboard-builder"
url: https://skills.yangsir.net/skill/daily-dashboard-builder
author: affaan-m
domain: data-analysis
tags: ["data-visualization", "monitoring", "dashboard", "data-analysis"]
install_count: 2700
rating: 4.40 (6 reviews)
github: https://github.com/affaan-m/everything-claude-code
---

# dashboard-builder

> 构建可操作监控仪表板，聚焦健康状态、瓶颈定位、变更分析和行动建议，而非堆砌指标

**Stats**: 2,700 installs · 4.4/5 (6 reviews)

## Before / After 对比

### 系统监控效率

**Before**:

手动在多个工具间切换查看日志、指标和追踪，难以关联事件，发现问题后还需额外时间定位根因

**After**:

单一仪表板显示关键健康指标、异常高亮和待处理行动，自动关联相关日志和追踪，5分钟内定位问题

| Metric | Before | After | Change |
|---|---|---|---|
| 问题定位时间 | 45分钟 | 8分钟 | -82% |
| 工具切换次数 | 8次 | 1次 | -88% |

## Readme

# dashboard-builder

# Dashboard Builder

Use this when the task is to build a dashboard people can operate from.

The goal is not "show every metric." The goal is to answer:

- is it healthy?

- where is the bottleneck?

- what changed?

- what action should someone take?

## When to Use

- "Build a Kafka monitoring dashboard"

- "Create a Grafana dashboard for Elasticsearch"

- "Make a SigNoz dashboard for this service"

- "Turn this metrics list into a real operational dashboard"

## Guardrails

- do not start from visual layout; start from operator questions

- do not include every available metric just because it exists

- do not mix health, throughput, and resource panels without structure

- do not ship panels without titles, units, and sane thresholds

## Workflow

### 1. Define the operating questions

Organize around:

- health / availability

- latency / performance

- throughput / volume

- saturation / resources

- service-specific risk

### 2. Study the target platform schema

Inspect existing dashboards first:

- JSON structure

- query language

- variables

- threshold styling

- section layout

### 3. Build the minimum useful board

Recommended structure:

- overview

- performance

- resources

- service-specific section

### 4. Cut vanity panels

Every panel should answer a real question. If it does not, remove it.

## Example Panel Sets

### Elasticsearch

- cluster health

- shard allocation

- search latency

- indexing rate

- JVM heap / GC

### Kafka

- broker count

- under-replicated partitions

- messages in / out

- consumer lag

- disk and network pressure

### API gateway / ingress

- request rate

- p50 / p95 / p99 latency

- error rate

- upstream health

- active connections

## Quality Checklist

-  valid dashboard JSON

-  clear section grouping

-  titles and units are present

-  thresholds/status colors are meaningful

-  variables exist for common filters

-  default time range and refresh are sensible

-  no vanity panels with no operator value

## Related Skills

- `research-ops`

- `backend-patterns`

- `terminal-ops`

Weekly Installs509Repository[affaan-m/everyt…ude-code](https://github.com/affaan-m/everything-claude-code)GitHub Stars156.2KFirst Seen9 days agoSecurity Audits[Gen Agent Trust HubPass](/affaan-m/everything-claude-code/dashboard-builder/security/agent-trust-hub)[SocketPass](/affaan-m/everything-claude-code/dashboard-builder/security/socket)[SnykPass](/affaan-m/everything-claude-code/dashboard-builder/security/snyk)Installed oncodex478opencode463gemini-cli460github-copilot459amp459cline459

---
*Source: https://skills.yangsir.net/skill/daily-dashboard-builder*
*Markdown mirror: https://skills.yangsir.net/api/skill/daily-dashboard-builder/markdown*