Dashboard Builder
This helps you build monitoring dashboards that operators can actually use, not vanity boards stuffed with every available metric. It walks you through starting with real questions (is it healthy? where's the bottleneck? what changed?) before touching layout, then organizing panels into health, performance, resources, and service-specific sections. Works with Grafana, SigNoz, and similar platforms. Includes concrete panel recommendations for common services like Kafka, Elasticsearch, and API gateways. The quality checklist at the end is worth following even if you don't use the rest of the workflow. Good for when you need to turn a pile of metrics into something a tired engineer can glance at during an incident.
- skills.sh installs
- 5.7K
- GitHub stars
- 300.3K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add affaan-m/ecc --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
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/affaan-m/ecc
- Category
- DevOps & CI/CD
- First seen
- Jul 14, 2026
More from affaan-m/ecc
All 263- Redis Patterns5.7K
- Eval Harness5.7K
- Manim Video5.7K
- Content Engine5.7K
- Springboot Tdd5.7K
- Motion Patterns5.7K
- Configure Ecc5.7K
- Token Budget Advisor5.7K
- Investor Materials5.7K
- Agent Introspection Debugging5.7K
- Laravel Verification5.7K
- Marketing Campaign5.7K
- Motion Foundations5.7K
- Kotlin Testing5.7K
- Ai Regression Testing5.7K
- Dart Flutter Patterns5.7K
- Mysql Patterns5.7K
- Production Audit5.7K
- Documentation Lookup5.7K
- Make Interfaces Feel Better5.7K
- Windows Desktop E2e5.7K
- Motion Advanced5.6K
- Cost Aware Llm Pipeline5.6K
- Mcp Server Patterns5.6K
Recommended
More DevOps & CI/CD
predictable-revenuewondelai/skillsBuild a scalable outbound B2B sales machine with specialized roles (SDR, AE, CSM). Use when the user mentions "outbound sales", "Cold Calling 2.0", "cold email 5.6Kskills.sh installs
github-opsaffaan-m/eccGitHub repository operations, automation, and management. Issue triage, PR management, CI/CD operations, release management, and security monitoring using the g5.6Kskills.sh installsrelease-itwondelai/skillsBuild production-ready systems with stability patterns: circuit breakers, bulkheads, timeouts, and retry logic. Use when the user mentions "production outage", 5.6Kskills.sh installsdata-scraper-agentaffaan-m/eccBuild a fully automated AI-powered data collection agent for any public source — job boards, prices, news, GitHub, sports, anything. Runs on a schedule, enriche5.6Kskills.sh installscanary-watchaffaan-m/eccUse this skill to monitor and verify a deployed URL after releases — checks HTTP endpoints, SSE streams, static assets, console errors, and performance regressi5.4Kskills.sh installs
alloygrafana/skillsBuild a unified telemetry pipeline with Grafana Alloy — one OpenTelemetry-compatible binary that collects metrics, logs, traces, and profiles and ships to Grafa5.4Kskills.sh installs