Ready to supercharge your AI agents?

Install any skill in seconds. Free to start, no credit card required.

Get Started Free →

data-build-dashboard — Construir Dashboards Interativos · evolution-foundation | DecimalAI

frontendby evolution-foundation

data-build-dashboard — Construir Dashboards Interativos

evolution-foundation/data-build-dashboard

Source evolution-foundation/evo-nexus ↗License NOASSERTION

Constrói um dashboard HTML interativo com gráficos, filtros e tabelas no tema Evolution (fundo escuro, acento

SkillScore95Maintained

Automatic

Data Analyst pack

Last verified 8/19/2026

What it changes

Passed 21 of 22 test cases with the skill, and 8 of 22 without it.

Without skill36%

With skill95%

Checks it passed that the model alone missed

The doughnut dataset border color is set to #111111.
The primary color in the chart color array is #00FFA7.
The tooltip background color option is set to #1A1A1A.

and 18 more in the full report

13 fixed8 passed either way1 still failing0 broke

Pass-rate lift: +59 pp
Tokens: +214%
Agent turns: 0%
Response time: -2%

Model gemini-3.6-flashMeasured 8/19/2026v121 of 22 cases passed with skill

Tokens, turns and time describe resource use, not a dollar price.

Use this skill

Save it into your project's skills folder. Claude Code picks it up in its next session.

curl -fsSL --create-dirs -o .claude/skills/evolution-foundation-data-build-dashboard/SKILL.md https://app.decimal.ai/s/evolution-foundation-data-build-dashboard/SKILL.md

Want it pinned and updatable? pip install "decimalai>=0.15", then decimalai skills add evolution-foundation-data-build-dashboard, and start Claude Code with claude --plugin-dir "$(git rev-parse --show-toplevel)/.agents"

1 · One-time — install the CLI (docs ↗)

pip install "decimalai>=0.15"

2 · Get the skill — writes .agents/skills/evolution-foundation-data-build-dashboard/ and pins it in .decimal/skills.lock

decimalai skills add evolution-foundation-data-build-dashboard

No CLI? Get the same file — curl · raw file

curl -fsSL --create-dirs -o .claude/skills/evolution-foundation-data-build-dashboard/SKILL.md https://app.decimal.ai/s/evolution-foundation-data-build-dashboard/SKILL.md

Raw file: /s/evolution-foundation-data-build-dashboard/SKILL.md ↗ · machine-readable summary at /s/evolution-foundation-data-build-dashboard.json ↗

Safety checks: 3 of 3 passed

Code scan CleanIntent PassedContent Clean

See it in action

One of 13 test cases the skill fixed. Same model, same prompt, with and without the skill.

1 of 13

Prompt

Crie um dashboard HTML para acompanhamento de vendas diárias. O que deve ser exibido no rodapé (footer) do dashboard em relação ao horário/data da informação?

What was checked, without and with the skill
Checked	Without skill	With skill
The footer includes a label for data currency date and specifies BRT (UTC-3).	Missed	Passed

case-14 · gemini-3.6-flash · 8/19/2026 · answers are capped and redacted

What's inside

The instructions your model reads when the skill loads.

SKILL.md853 linessingle file

data-build-dashboard — Construir Dashboards Interativos

Gera um arquivo HTML auto-contido com gráficos, filtros, tabelas e estilo profissional no tema Evolution. Abre diretamente no browser — sem servidor ou dependências externas.

Uso

/data-build-dashboard <descrição do dashboard> [fonte de dados]

Fluxo de Trabalho

1. Entender os Requisitos do Dashboard

Determinar:

Propósito: Visão executiva, monitoramento operacional, análise aprofundada, relatório de time
Audiência: Quem vai usar este dashboard?
Métricas-chave: Quais números importam mais?
Dimensões: Por quais campos o usuário deve conseguir filtrar ou segmentar?
Fonte de dados: Query ao vivo, dados colados, arquivo CSV, ou dados de exemplo

2. Coletar os Dados

Se fonte de dados estiver disponível via skill:

Usar int-stripe, int-omie, int-licensing ou int-evo-crm conforme necessário
Executar as queries PostgreSQL necessárias
Incorporar os resultados como JSON dentro do arquivo HTML

Se dados forem colados ou enviados como arquivo:

Fazer parse e limpeza dos dados
Incorporar como JSON no dashboard

Se trabalhando a partir de uma descrição sem dados:

Criar um dataset de exemplo realista que corresponda ao schema descrito
Indicar no dashboard que usa dados de exemplo
Fornecer instruções para substituir pelos dados reais

3. Desenhar o Layout do Dashboard

Track record

Benchmark

21 / 22

test cases passed, vs 8 / 22 without

Adoption

Users: 0
Times used: 0

Safety and source details

SkillSafety

✓ 3 of 3 passed

Code scan15 of 15 checks clean

0 critical · 0 warning · 0 info — scanner v4 — 8/3/2026

View 15 scanner checks

live_secretremote_code_executionreverse_shelldata_exfiltrationssrf_metadataagent_snoopinganti_refusaldestructive_commandsobfuscated_unicodeunicode_homoglyphopaque_blobsuspicious_urltool_overreachtrigger_abuseprompt_injection_phrasing

IntentSafe

LLM judge · does the skill do what it claims

ContentClean

LLM judge · policy & harmful-content review

Source

Imported

evolution-foundation / evo-nexus

.claude/skills/data-build-dashboard/SKILL.md

View on GitHub ↗

License NOASSERTIONImported 8/3/2026Version v1

More skills from the same source and nearby in the registry, with their headline benchmark lift.

Ready to supercharge your AI agents?

See it in action

What's inside

data-build-dashboard — Construir Dashboards Interativos

Uso

Fluxo de Trabalho

1. Entender os Requisitos do Dashboard

2. Coletar os Dados

3. Desenhar o Layout do Dashboard

Track record

Benchmark

Adoption

SkillSafety

Source

Related skills