Guia de leitura localizado
build-dashboardFinalidade, utilização e fonte
Crie um painel HTML interativo com gráficos, filtros e tabelas. Use-o para criar uma visão geral executiva com cartões de KPIs, transformar resultados de consultas em um relatório independente e compartilhável, criar um panorama de monitoramento da equipe ou quando precisar de vários gráficos com filtros em um único arquivo que possa ser aberto no navegador.
Fonte recuperada:
- Repositório de origem
- anthropics/knowledge-work-plugins
- SKILL.md
data/skills/build-dashboard/SKILL.md- Estrelas do repositório
- 34,049
- Atualização do repositório
- 2026-10-30
- Classificação de Habilidades
- Dados
- Última coleta
Licença: Arquivo de licença pendente de verificação
Os trechos do fluxo de trabalho são auxiliares de leitura e não instruções executáveis do Codez. Nenhuma Skill de terceiros foi executada para gerar esta página.
Os trechos abaixo, que descrevem o propósito e o fluxo de trabalho, são material original, organizado e traduzido para facilitar a leitura. Eles são distintos da análise editorial da Codez, que possui uma etiqueta separada.
O que esta habilidade faz
Crie um painel HTML interativo com gráficos, filtros e tabelas. Use-o para criar uma visão geral executiva com cartões de KPIs, transformar resultados de consultas em um relatório independente e compartilhável, criar um panorama de monitoramento da equipe ou quando precisar de vários gráficos com filtros em um único arquivo que possa ser aberto no navegador.
Como funciona o fluxo de trabalho upstream
/build-dashboard - Criar painéis interativos
Se você vir marcadores de posição desconhecidos ou precisar verificar quais ferramentas estão conectadas, consulteCONNECTORS.mdCrie um painel de controle HTML interativo e independente com gráficos, filtros, tabelas e estilo profissional. Abre diretamente no navegador — sem necessidade de servidor ou dependências.
Passagem a montante · L7 ↗2Reúna os dados.
Se o data warehouse estiver conectado: consulte os dados necessários.
Passagem a montante · L31 ↗3. Desenhe o layout do painel de controle
Siga um padrão de layout de painel padrão: Adapte o layout ao conteúdo:
Passagem a montante · L46 ↗/build-dashboard <description of dashboard> [data source]Requisitos e configuração
1Compreenda os requisitos do painel de controle.
Finalidade: Visão geral executiva, monitoramento operacional, análise detalhada, relatórios para a equipe. Público-alvo: Quem usará este painel?
Passagem a montante · L21 ↗Limites e verificações de qualidade
Nenhuma passagem de limites separada foi selecionada deste arquivo. Isso não significa que a Skill seja segura para todas as entradas ou ambientes. Analise o código-fonte completo e valide seus próprios resultados.
Comece com um teste seguro.
- Verifique o host compatível e as instruções de instalação do repositório. Mantenha o diretório Skill e seus scripts, recursos e documentação referenciados juntos;SKILL.mdsozinho pode omitir dependências.
- Forneça ao agente suas entradas reais, a saída desejada e os critérios de aceitação. A sintaxe de invocação e as ferramentas disponíveis dependem do host; este site não pressupõe um comando de instalação universal.
- Teste o fluxo de trabalho original em um projeto descartável ou em uma cópia. Analise as operações que alteram arquivos, serviços remotos ou recursos faturáveis antes de permiti-las.
- Valide o resultado comparando-o com as verificações de qualidade da fonte e com seus próprios requisitos. Um gatilho bem-sucedido ou uma alta contagem de estrelas no repositório não garantem um resultado correto.
Leia mais na fonte.
- /build-dashboard - Criar painéis interativos
- 1Compreenda os requisitos do painel de controle.
- 2Reúna os dados.
- 3. Desenhe o layout do painel de controle
- 4Crie o painel de controle HTML
- 5Implementar tipos de gráficos
- 6Adicionar interatividade
- 7Salvar e abrir
- Modelo base
- Padrão de pré-agregação
- Desempenho do gráfico
- Desempenho do DOM
- Pontas
Habilidades relacionadas
Tradução e escopo
Este guia de leitura seleciona trechos do texto fixado a montante.SKILL.mdA tradução foi feita com auxílio de ferramentas. Este não é um manual completo nem garante compatibilidade comprovada. Leia o original e os arquivos referenciados antes de usar.
Esta introdução refere-se à versão fixada abaixo; a atividade atual do repositório e o tempo de coleta são mostrados separadamente.
- Fonte fixada
- Leia o original ↗
- Fonte recuperada
- Commit de origem
2574e29377c7173d0cecffef29a6ecbd7f8ccb5d- Fonte SHA-256
6f23faa0b266820a23096f76df9d83e6b67597af4fc8c3306b4eba7e9f409f99