К основному содержанию
скилл Claude Code CX Codex Cursor GitHub Copilot

dashboard-builder — скилл для Claude Code: что делает и как установить

Скилл помогает создавать рабочие дашборды для Grafana и SigNoz на основе вопросов дежурного инженера, а не случайного списка метрик.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add affaan-m/ECC --skill dashboard-builder -a claude-code
Открыть на GitHub

Что делает dashboard-builder

Скилл задаёт структуру мониторинга под Grafana и SigNoz. Вместо вывода всех доступных графиков подряд агент группирует панели по четырём уровням: обзор, производительность, ресурсы и специфика сервиса. Лишние графики отсекаются сразу.

Внутри заложен процесс из четырёх шагов. Агент сначала определяет вопросы инженера о сбоях и насыщении, изучает схему JSON платформы, настраивает переменные и только потом собирает дашборд. В скилл включены примеры метрик для Kafka, Elasticsearch и API-шлюзов.

Ставьте скилл, если хотите получить пригодный для дежурств экран вместо набора разрозненных графиков. Если же вам нужен простой одиночный чарт, он будет избыточным.

Какие задачи решает

  • Собрать мониторинг Kafka с контролем лага потребителей и репликации
  • Построить дашборд для Elasticsearch с метриками шардов и состояния JVM
  • Превратить сырой список метрик в валидный JSON дашборда Grafana или SigNoz
  • Сгруппировать панели API-шлюза по задержкам p95/p99 и частоте ошибок

Примеры запросов агенту

  • Build a Kafka monitoring dashboard
  • Create a Grafana dashboard for Elasticsearch
  • Turn this metrics list into a real operational dashboard

Как установить dashboard-builder

1Через Skills CLI (Vercel)

npx skills add affaan-m/ECC --skill dashboard-builder -a claude-code

2Вручную: положить файлы

~/.claude/skills/dashboard-builder/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/dashboard-builder/

Из того же набора146

Весь набор →
video-editing affaan-m Скилл выстраивает пайплайн монтажа реального видео через ИИ. Помогает нарезать сырые записи через FFmpeg, собрать титры в Remotion и добавить озвучку в ElevenLabs. Claude Code CX Codex Cursor +1 6 500установок docker-patterns affaan-m Скилл с проверенными шаблонами Dockerfile и Docker Compose: локальная разработка, сети, тома, безопасность контейнеров. Claude Code CX Codex Cursor +1 6 300установок frontend-patterns affaan-m Скилл подсказывает паттерны для React и Next.js: компоненты, состояние, загрузка данных и производительность. Нужен при разработке и ревью интерфейса. Claude Code CX Codex Cursor +1 5 900установок backend-patterns affaan-m Скилл с паттернами бэкенда для Node.js, Express и Next.js API routes: слои, кэш, транзакции, обработка ошибок. Claude Code CX Codex Cursor +1 5 900установок coding-standards affaan-m Базовые правила кода для проектов: проверяет именование, запрещает мутации объектов и следит за простыми конструкциями. Пригодится на ревью и рефакторинге. Claude Code CX Codex Cursor +1 5 600установок api-design affaan-m Скилл задаёт правила проектирования REST API: именование эндпоинтов, выбор статус-кодов, пагинацию и формат ошибок. Помогает при создании и ревью серверных контрактов. Claude Code CX Codex Cursor +1 5 500установок rust-testing affaan-m Скилл для написания тестов на Rust: юнит-тесты, интеграционные, async, property-based, моки и покрытие. Пригодится, когда ведёшь проект по TDD. Claude Code CX Codex Cursor +1 5 500установок laravel-security affaan-m Скилл помогает проверять безопасность Laravel-приложений: аутентификацию, Eloquent, CSRF, XSS, API и настройки production. Пригодится для ревью и деплоя. Claude Code CX Codex Cursor +1 5 400установок

Похожие

vercel-cli vercel Скилл помогает агенту разворачивать, проверять и отлаживать проекты Vercel через CLI. Пригодится для деплоя, логов, переменных и доменов. Claude Code CX Codex Cursor +1 6 700установок alloydb-basics официальный google Помогает создавать и настраивать кластеры и экземпляры AlloyDB for PostgreSQL, управлять резервными копиями и использовать инструменты AlloyDB MCP. Подходит для администрирования AlloyDB. Claude Code Gemini CLI CX Codex 12 991установок cloudflare-one-migrations cloudflare Помогает спланировать переход с VPN, SWG или SASE на Cloudflare One: сопоставляет политики, находит пробелы и расписывает порядок выката. Claude Code CX Codex Cursor +1 88 700установок wizard Matt Pocock Скилл создаёт интерактивный bash-скрипт для ручных шагов: настройки сервисов, секретов CI и разовых миграций. Claude Code 553 369установок hyperframes-cli heygen-com Управляет проектами HyperFrames через терминал: собирает таймлайн, проверяет контраст кадров, запускает предпросмотр и рендерит видео локально или в облаке. Claude Code CX Codex Cursor +1 1 200 000установок setup-pre-commit Matt Pocock Скилл настраивает pre-commit для JavaScript-репозитория: Husky запускает форматирование, проверку типов и тесты перед коммитом. Claude Code 489 289установок using-git-worktrees Jesse Vincent Готовит изолированное рабочее дерево перед доработкой или выполнением плана. Проверяет текущий репозиторий, выбирает нативные средства платформы либо Git. Claude Code CX Codex 217 153установок finishing-a-development-branch Jesse Vincent Скилл проверяет тесты и помогает выбрать, как завершить работу в ветке: слить её, открыть Pull Request или оставить как есть. Claude Code CX Codex 214 439установок

Вопросы о dashboard-builder

Как установить dashboard-builder в Claude Code?

Выполните команду npx skills add affaan-m/ECC --skill dashboard-builder -a claude-code. Конфигурация сохранится в файле ~/.claude/skills/dashboard-builder/SKILL.md.

Что делает скилл dashboard-builder?

Он направляет модель строить дашборды от практических вопросов эксплуатации: выявлять узкие места, проверять доступность и проверять пороговые значения панелей.

Для каких систем и платформ подходит этот скилл?

Он ориентирован на Grafana и SigNoz. В правилах есть готовые шаблоны метрик для Kafka, Elasticsearch и входных API-шлюзов.

Исходный текст

SKILL.md · MIT
---
name: dashboard-builder
description: Build monitoring dashboards that answer real operator questions for Grafana, SigNoz, and similar platforms. Use when turning metrics into a working dashboard instead of a vanity board.
metadata:
  version: "1.0.0"
  origin: ECC direct-port adaptation
---

# 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:

1. overview
2. performance
3. resources
4. 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`

© affaan-m · MIT · affaan-m/ECC

Смотрите также

Спонсоры проекта

Компании, которые помогают держать аналитику открытой