
Dashboard Builder
This walks you through building monitoring dashboards that actually help operators, not just display metrics. It starts from operator questions (is it healthy? where's the bottleneck? what changed?) before touching layout, which keeps you from building vanity boards full of every available metric. You get platform-specific panel sets for things like Elasticsearch, Kafka, and API gateways, plus a quality checklist that enforces basics like units, thresholds, and meaningful section grouping. The workflow is solid: define questions, study the platform's JSON structure, build the minimum useful board, then cut anything that doesn't answer a real question. Useful if you're working with Grafana, SigNoz, or similar tools and need to ship something people can operate from.
- skills.sh installs
- 3.8K
- GitHub stars
- 229.1K
- last updated
- Jul 14, 2026
Install
$ npx -y skills add affaan-m/everything-claude-code --skill dashboard-builder --agent claude-codeInstalls into .claude/skills of the current project.
Files
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:
Sponsors
Details
- Repository
- github.com/affaan-m/everything-claude-code
- First seen
- Apr 16, 2026
More from affaan-m/everything-claude-code
All 256- Healthcare Eval Harness3.8K
- Manim Video3.8K
- Ui Demo3.8K
- Agent Introspection Debugging3.7K
- Connections Optimizer3.7K
- Dotnet Patterns3.7K
- Finance Billing Ops3.7K
- Gan Style Harness3.7K
- Google Workspace Ops3.7K
- Knowledge Ops3.7K
- Lead Intelligence3.7K
- Openclaw Persona Forge3.7K
- Opensource Pipeline3.7K
- Security Bounty Hunter3.7K
- Workspace Surface Audit3.7K
- Accessibility3.6K
- Agent Sort3.6K
- Api Connector Builder3.6K
- Automation Audit Ops3.6K
- Code Tour3.6K
- Csharp Testing3.6K
- Github Ops3.6K
- Hipaa Compliance3.6K
- Llm Trading Agent Security3.6K