Pular para o conteúdo
Skillpedia
Interfaces (UI/UX)41 mil · #4819

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

https://github.com/wshobson/agents/blob/main/plugins/business-analytics/skills/kpi-dashboard-design/SKILL.md

Mensagem pronta para colar

Use esta skill para me ajudar: https://github.com/wshobson/agents/blob/main/plugins/business-analytics/skills/kpi-dashboard-design/SKILL.md Leia o arquivo SKILL.md desse link e siga as instruções dele na minha tarefa.
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-design

Ou baixe só o arquivo:

curl -L https://raw.githubusercontent.com/wshobson/agents/main/plugins/business-analytics/skills/kpi-dashboard-design/SKILL.md -o SKILL.md
Conteú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

Essa skill é útil?

0

Entre para votar.

Comentários

  • …

Mais skills deste repositório

Skills parecidas