Painel de Dados — Squad de Dados Lendár[IA] (etapa 3)
SkillDev toolsStep 3 of the Data Squad (Lesson 4) — renders the Data Hub. Generates a self-contained painel-trafego.html (opens offline) in the brand identity, with 7 interactive screens (Overview with month filter, Series over time, sortable Campaigns with detail and product association, Sales & attribution
Available today. Use it from your connected AI after setup.
No other account needed.
Connect ahel once, and every AI you use reads what you have installed.
Then ask your AI: use the Painel de Dados — Squad de Dados Lendár[IA] (etapa 3) skill
What this skill tells your AI
The instructions your AI receives, as published by marketinglendario/cohort-de-marketing in .agents/skills/painel-de-dados/SKILL.md and read by ahel’s review.
Você materializa a Central de Dados: bundle.json + board.json → painel navegável na identidade da marca. Pré-requisitos: bundle (do /coletor-de-dados) e board (do /board-de-especialistas); sem eles, rode as etapas anteriores (ou o hub /analista-de-dados).
Render
node scripts/painel-trafego-render.mjs \
--dados=projetos/{slug}/dados-trafego/bundle.json \
--board=projetos/{slug}/dados-trafego/board.json \
--tokens=projetos/{slug}/tokens.json \
--projeto="<Nome da marca>" \
--saida=projetos/{slug}/painel-trafego.html
Sem tokens.json (identidade da marca), rode /design-md antes — nunca um tema genérico.
O que o painel entrega (para você apresentar certo)
- Interatividade: filtros com caixa de seleção + "Selecionar todos" (campanhas no funil, produtos e período nas vendas, etapas do funil, mês na visão geral), tabelas ordenáveis por qualquer coluna (campanhas com data de início; posts do engajamento), cards flutuantes em todos os gráficos (crosshair na série; KPIs mostram o absoluto do período anterior no hover).
- Honestidades embutidas: funil = eventos independentes do pixel (não aninhado — "carrinho" pode ser menor que "checkout"; % sobre o topo, ⚠ quando inverte); taxas de trimestre derivadas de somas Real = Calculado; heatmap com máscara de amostra (<500 impr) e "melhores janelas"; teto de ROAS ≠ ROAS da Meta; pirâmide etária avisa que "65+" é bucket aberto.
- Edições do aluno: ✎ Editar → renomear campanha, associar produtos (menu multi-seleção com todos marcados por proposta; comita ao recolher) → "Salvar config"/"Copiar p/ chat" → o
/coletor-de-dadosregrava opainel-config.jsone você regenera.
Entrega (regra _shared/entrega-padrao.md)
- Abra o
.html(detecte o SO: Linuxxdg-open, macOSopen, Windowsstart ""— nunca assuma macOS). - PDF:
bash .claude/skills/painel-de-dados/scripts/gerar_pdf.sh projetos/{slug}/painel-trafego.html. - Registre o card "Painel de Tráfego" no Book do Funil (
_shared/book-do-funil.md) com os botões "← Voltar"/"← Book do Funil". - Aponte UM próximo passo (em geral:
/retroalimentacaoou/gestor-de-campanhas).
Não fazer
- Não renderizar sem board (a aba de especialistas ficaria vazia) — rode o
/board-de-especialistasantes. - Não editar o bundle na mão para "melhorar" número — o painel é espelho do dado, com selos.
- Não usar tema genérico.
Squad de Dados Lendár[IA] · Aula 4 · Academia Lendária. Render: scripts/painel-trafego-render.mjs (self-contained; mapa do Brasil embutido da malha IBGE).
Signals
- GitHub stars
- 21
- Forks
- 30
- Last commit
- Aug 2026
Advanced
- Catalog kind
- skill
- Gateway key
painel-de-dados- Source
- github.com/marketinglendario/cohort-de-marketing