kpi-dashboard-design
Ajuda seu agente a desenhar painéis (dashboards) com indicadores chave de performance (KPIs). É útil para visualizar métricas importantes de negócios de forma eficaz.
O que ela faz
Esta ferramenta ajuda a criar painéis (dashboards) com os indicadores mais importantes para um negócio. Ela sugere quais números mostrar, como apresentá-los de forma clara e como mantê-los atualizados.
Quando usar
- ✓Ao criar um painel para a diretoria com números de vendas e clientes.
- ✓Ao montar um painel para monitorar a saúde de um serviço em tempo real.
- ✓Ao analisar o comportamento de grupos de usuários ao longo do tempo.
Exemplo do que pedir para a IA
“Me ajude a criar um painel para a equipe de marketing, mostrando o custo de aquisição de clientes e o retorno sobre o investimento.”
Quer saber mais? Abra as seções abaixo.
Como usar
O jeito mais fácil: copie a mensagem abaixo e cole no Claude, ChatGPT, Cursor ou outra IA. Ela lê a skill e segue as instruções.
Link da skill
Mensagem pronta para colar
Como funciona
Ela usa um guia com os tipos de indicadores (estratégicos, táticos, operacionais) e a metodologia SMART para garantir que os números sejam claros e úteis. Também dá dicas de como organizar as informações e o que evitar.
Instalação
Jeito mais fácil: copie o link da skill e cole no Claude, ChatGPT ou Cursor pedindo para seguir as instruções.
No terminal (Claude Code, Codex, Cursor), na pasta do projeto:
npx skills add wshobson/agents --skill kpi-dashboard-designOu baixe só o arquivo:
curl -L https://raw.githubusercontent.com/wshobson/agents/main/plugins/business-analytics/skills/kpi-dashboard-design/SKILL.md -o SKILL.mdConteúdo técnico (SKILL.md)
Tradução do texto original do autor no GitHub. Os comandos e códigos estão como no original.
Design de Dashboards de KPIs
Padrões abrangentes para projetar dashboards eficazes de Indicadores-Chave de Performance (KPIs) que impulsionam decisões de negócios.
Quando Usar Esta Habilidade
- Projetar dashboards executivos
- Selecionar KPIs significativos
- Construir displays de monitoramento em tempo real
- Criar visualizações de métricas específicas de departamento
- Melhorar layouts de dashboards existentes
- Estabelecer governança de métricas
Conceitos Essenciais
1. Estrutura de KPIs
| Nível | Foco | Frequência de Atualização | Público |
|---|---|---|---|
| Estratégico | Metas de longo prazo | Mensal/Trimestral | Executivos |
| Tático | Metas de departamento | Semanal/Mensal | Gerentes |
| Operacional | Dia a dia | Tempo real/Diário | Equipes |
2. KPIs SMART
Specific: Clear definition
Measurable: Quantifiable
Achievable: Realistic targets
Relevant: Aligned to goals
Time-bound: Defined period
3. Hierarquia do Dashboard
├── Executive Summary (1 page)
│ ├── 4-6 headline KPIs
│ ├── Trend indicators
│ └── Key alerts
├── Department Views
│ ├── Sales Dashboard
│ ├── Marketing Dashboard
│ ├── Operations Dashboard
│ └── Finance Dashboard
└── Detailed Drilldowns
├── Individual metrics
└── Root cause analysis
Exemplos Detalhados e Padrões
Seções detalhadas (começando com ## Common KPIs by Department) estão em references/details.md. Leia este arquivo quando o resumo de navegação acima for insuficiente.
Melhores Práticas
O Que Fazer
- Limitar a 5-7 KPIs - Focar no que importa
- Mostrar contexto - Comparações, tendências, metas
- Usar cores consistentes - Vermelho=ruim, verde=bom
- Permitir drilldown - Do resumo para o detalhe
- Atualizar apropriadamente - Corresponder à frequência da métrica
O Que Não Fazer
- Não mostrar métricas de vaidade - Focar em dados acionáveis
- Não sobrecarregar - Espaço em branco ajuda na compreensão
- Não usar gráficos 3D - Eles distorcem a percepção
- Não ocultar a metodologia - Documentar os cálculos
- Não ignorar o mobile - Garantir design responsivo
Solução de Problemas
MRR exibido no dashboard contradiz o número das finanças
A causa mais comum é o tratamento inconsistente de planos anuais. As finanças podem prorratear para uma taxa diária enquanto o dashboard normaliza para mensal. Alinhe-se a uma única fórmula e documente-a diretamente no card do dashboard:
-- Explicit formula shown in tooltip / data dictionary
-- Annual plans: divide total contract value by 12
-- Quarterly plans: divide by 3
-- Monthly plans: use as-is
CASE subscription_interval
WHEN 'monthly' THEN amount
WHEN 'quarterly' THEN amount / 3.0
WHEN 'yearly' THEN amount / 12.0
END AS normalized_mrr
Dashboard mostra verde, mas a equipe de produto relata reclamações de usuários
O dashboard provavelmente rastreia o tempo de atividade do sistema (um indicador defasado), mas não métricas de qualidade percebidas pelo usuário. Adicione métricas percebidas pelo cliente ao lado das métricas de infraestrutura:
| Infraestrutura (verde) | Percebido pelo usuário (adicione estes) |
|---|---|
| Tempo de atividade da API 99,9% | Tempo de carregamento da página P95 |
| Taxa de erros 0,1% | Taxa de conclusão de tarefas |
| Profundidade da fila normal | Volume de tickets de suporte |
Coorte de retenção parece plana — sem variação entre coortes
Verifique se a consulta da coorte está particionando corretamente pelo mês de inscrição. Um bug comum é usar created_at::date em vez de DATE_TRUNC('month', created_at), que agrupa por dia e produz coortes pequenas demais para mostrar tendências:
-- Wrong: too granular, cohorts are too small
DATE_TRUNC('day', created_at) AS cohort_date
-- Correct: monthly cohorts
DATE_TRUNC('month', created_at) AS cohort_month
Dashboard em tempo real sobrecarrega o banco de dados
Um dashboard ao vivo atualizando a cada 10 segundos com SQL de coorte complexo degradará o desempenho das consultas de produção. Separe cargas de trabalho OLAP de OLTP escrevendo métricas pré-agregadas para uma tabela de resumo via um job agendado, e faça o dashboard ler dessa tabela:
# Scheduled every 5 minutes via cron/Celery
def refresh_mrr_summary():
conn.execute("""
INSERT INTO kpi_snapshot (metric, value, snapshot_at)
SELECT 'mrr', SUM(...), NOW()
FROM subscriptions WHERE status = 'active'
ON CONFLICT (metric) DO UPDATE SET value = EXCLUDED.value
""")
Limiares de alerta disparam constantemente, a equipe os ignora
…
Perguntas frequentes
Por que não devo usar gráficos 3D?
Gráficos 3D podem distorcer a percepção dos dados, tornando difícil comparar valores com precisão.
Quantos indicadores devo mostrar em um painel?
É recomendado limitar a 5 a 7 indicadores principais para manter o foco no que é realmente importante.
O que são 'métricas de vaidade'?
São métricas que parecem boas, mas não ajudam a tomar decisões importantes para o negócio, como o número total de curtidas em uma rede social sem contexto.
Detalhes
Descrição original do autor
Design effective KPI dashboards with metrics selection, visualization best practices, and real-time monitoring patterns. Use this skill when building an executive SaaS metrics dashboard tracking MRR, churn, and LTV/CAC ratios; designing an operations center with live service health and request throughput; creating a cohort retention analysis view for a product team; or debugging a dashboard where
repo: wshobson/agents
Popularidade
- Estrelas no GitHub
- 41 mil
- Posição no ranking
- #4819
- Licença
- MIT
- Atualizada em
- 15/10/2026
Comentários
- …
Mais skills deste repositório
screen-reader-testing
Faz seu agente testar sites usando leitores de tela para garantir que sejam acessíveis.
wshobson/agents
wcag-audit-patterns
Ajuda seu agente a auditar sites para acessibilidade e corrigir problemas de acordo com as diretrizes WCAG.
wshobson/agents
multi-reviewer-patterns
Faz seu agente coordenar revisões de código paralelas, deduplicando achados e consolidando relatórios.
wshobson/agents
parallel-debugging
Permite ao agente depurar problemas complexos com investigações paralelas e análise de causa raiz.
wshobson/agents
Skills parecidas
accessibility
Ajuda seu agente a criar interfaces que todos possam usar. Garante que sites e aplicativos funcionem bem para pessoas com deficiência, como cegos ou com mobilidade reduzida.
affaan-m/ECC
design-system
Ajuda seu agente a criar um sistema de design a partir de um código existente. Ele extrai informações visuais e verifica a consistência, gerando um relatório e uma prévia interativa.
affaan-m/ECC
liquid-glass-design
Ajuda seu agente a criar interfaces de usuário com efeito 'Liquid Glass' para iOS. Permite adicionar efeitos visuais dinâmicos e interativos em SwiftUI e UIKit.
affaan-m/ECC