Ir para o guia de uso
power-bi-report-design-consultationpor GitHub

Power BI Report Design Consultation Skill.

Um skill de Claude Code e Codex para diagramas e gráficos: design de relatórios Power BI: seleção de gráficos, layout, legibilidade, acessibilidade.

  • Diagrams & Data Visualization
  • Dashboard
github/awesome-copilot · skills/power-bi-report-design-consultation/SKILL.mdSKILL.md
--- name: power-bi-report-design-consultation description: Power BI report visualization design prompt for creating effective, user-friendly, and accessible reports with optimal chart selection and layout design. --- ## Design Consultation Framework ## Visualization Design Process ## Design Review and Validation ## Visualization Recommendations Output
Metadados iniciais e títulos de seção lidos do arquivo original em 14/09/2026 · 10.891 caracteres no total

01 O que faz

O que o Skill power-bi-report-design-consultation Faz no Claude Code e no Codex

Resumo, fluxo de trabalho e resultados, todos lidos do SKILL.md do skill.

Do SKILL.mdLido em 14/09/2026 · não é uma execução registrada

Nos termos do próprio skill

Um prompt de consultoria de design para relatórios do Power BI: ele percorre o levantamento de requisitos, a seleção de gráficos, o layout, a cor, a tipografia, a interação e o design mobile antes de produzir uma especificação escrita. O público-alvo é qualquer pessoa que já tenha dados e precise decidir como apresentá-los — executivos, analistas e operadores são os três públicos que dão nome aos arquivos.

O que o torna específico é o vocabulário que ele fixa: gráficos de marcadores (bullet charts) para metas, cascata (waterfall) para análise de transição, linhas em degrau para transições de status, um contraste mínimo de 4,5:1, um limite de sete abas e áreas de toque de 44px. Ele termina com um modelo de design página por página e um plano de entrega de quatro semanas, em vez de código.

O que ele produz

  • Uma recomendação escrita de design de visualização abrangendo propósito, público, princípios de design e a lógica por trás de cada escolha visual principal.
  • Uma arquitetura visual página por página, começando com uma página de visão geral do dashboard contendo cartões de KPI no cabeçalho, um gráfico principal, visuais de apoio e um painel de filtros.
  • Uma seção de design de interação especificando cross-filtering, drill-through, fluxo de navegação e a abordagem de otimização mobile.
  • Um plano de implementação em quatro fases que termina em otimização mobile e polimento final.
Veja o exemplo de prompt ↗

Como funciona

  1. 01
    Reunir Contexto Antes de Recomendar Qualquer Coisa

    O framework começa com uma lista de verificação abrangendo contexto de negócio, contexto de dados e requisitos técnicos, para que a recomendação de gráficos se baseie primeiro no problema, no público, nas decisões e nos tipos de dados.

  2. 02
    Combine o tipo de gráfico com a relação entre os dados

    Os gráficos são agrupados pela função analítica que desempenham — comparação, tendência, composição, distribuição — e cada grupo lista os tipos de gráfico adequados.

  3. 03
    Escolher um Padrão de Design para o Público

    Relatórios executivos, analíticos e operacionais têm regras próprias para densidade, interatividade e comportamento de atualização, de modo que os mesmos dados são apresentados de forma diferente dependendo de quem os lê.

  4. 04
    Ordenar o Conteúdo em uma Arquitetura de Informação

    O conteúdo é priorizado em métricas críticas, contexto de apoio, análise detalhada, com navegação e filtros por último, e então organizado em um layout de cabeçalho mais insight principal mais análise secundária.

  5. 05
    Validar com Revisão e Testes com Usuários

    Uma lista de verificação de qualidade e um protocolo de usabilidade com cinco cenários, tarefas cronometradas e critérios numéricos de sucesso encerram o processo antes da entrega dos artefatos.

  6. 06
    Empacotar o Resultado como uma Especificação e um Plano em Fases

    As recomendações são registradas como uma especificação de design com arquitetura visual por página, design de interação e uma lista de prioridades de desenvolvimento de quatro semanas.

02 Encontre o ideal para você

Quando Usar a Skill power-bi-report-design-consultation

Use a skill power-bi-report-design-consultation no Claude Code ou Codex quando o trabalho envolver diagramas e gráficos desse tipo. Adequação e limites abaixo são extraídos do próprio arquivo da skill.

Boa Combinação

  • Relatórios analíticos que precisam de múltiplos níveis de detalhe com capacidade de drill-down e comparação período a período.
  • Relatórios operacionais lidos em campo, nos quais o design precisa ser otimizado para mobile e orientado a status.
  • Trabalho voltado à acessibilidade, incluindo suporte a leitores de tela e texto alternativo.

Conheça os Limites

  • Colocar matrizes densas, gráficos de dispersão complexos, gráficos de área com múltiplas séries ou small multiples em um layout mobile — o arquivo lista esses casos como desafiadores para mobile.
  • Codificar significado apenas por distinções entre vermelho e verde; a paleta precisa ser amigável para pessoas com daltonismo.

O Que Fornecer

  • Contexto de negócio e objetivos do relatórioO skill pergunta sobre o problema de negócio, as decisões que o relatório apoia e os principais indicadores de desempenho antes de recomendar visuais.
  • Público-alvo e cenários de usoQuem lê o relatório e como ele é acessado importa, já que os padrões executivo, analítico e operacional diferem, e o acesso via desktop, mobile ou apresentação muda o layout.
  • Descrição dos dados e métricas-chaveTipos de dados, volume, granularidade, hierarquias e as comparações ou tendências relevantes orientam a etapa de seleção de gráficos.
  • Restrições técnicas e requisitosRestrições de performance, carga esperada, necessidades mobile e integração com outros relatórios alimentam a lista de verificação de requisitos técnicos.
  • Diretrizes de marca e necessidades de acessibilidadeAs cores da marca e restrições de cor definem a paleta, e as necessidades de acessibilidade definem os requisitos de contraste e de não depender apenas de codificação por cor.

03 Dentro da skill

Regras que o Skill power-bi-report-design-consultation Dá ao Claude Code e Codex

8 instruções concretas, padrões e limites que o SKILL.md define para o agente — a parte do arquivo que muda o resultado.

  1. Manter o Contraste do Texto em Pelo Menos 4.5:1

    Qualquer recomendação precisa atingir uma taxa de contraste mínima de 4.5:1 para texto, além de compatibilidade com modo de alto contraste e texto alternativo para leitores de tela.

  2. Limitar Gráficos de Pizza e Rosca a 5-7 Categorias

    Gráficos de pizza e rosca são reservados apenas para composições simples; o arquivo impõe um limite rígido de 5 a 7 fatias.

  3. Usar no Máximo Duas Famílias de Fontes

    A tipografia permanece consistente: no máximo duas famílias de fontes em todo o relatório, com faixas de tamanho e peso definidas por elemento, de 20-24pt no título do relatório até 9-10pt nas notas de rodapé.

  4. Dimensionar Áreas de Toque em No Mínimo 44px

    Tanto a navegação por botões quanto o layout mobile precisam respeitar uma área mínima de interação de 44px para toque.

  5. Limitar a Navegação por Abas a Sete Abas

    A navegação por abas é para áreas de conteúdo relacionadas e períodos de tempo, com rótulos claros limitados a no máximo sete abas e um estado ativo evidente.

  6. Nunca Transmitir Significado Apenas por Cor

    A conformidade com acessibilidade exige que a cor não seja o único portador de informação, com padrões e formas como alternativas à codificação por cor.

  7. Evitar Matrizes e Tabelas Densas no Mobile

    Elementos visuais desafiadores para dispositivos móveis são excluídos dos layouts mobile; no mobile, o arquivo direciona para visuais em cartão, barras simples, linhas com poucos pontos de dados e visuais grandes de KPI ou medidor.

  8. Aplicar Cores Semânticas Fixas

    A cor carrega um significado atribuído: verde #2E8B57 para desempenho positivo ou dentro da meta, vermelho #DC143C para negativo ou abaixo da meta, azul #4682B4 para métricas base neutras, laranja #FF8C00 para avisos e cinza #708090 para estados inativos.

04 Coloque em prática

Instalar power-bi-report-design-consultation no Claude Code ou Codex

Um comando npx skills add, depois uma primeira tarefa no seu agente e uma checklist para o resultado.

Adicionar power-bi-report-design-consultation ao Claude Code, Codex ou Seu Agente

Rode no seu projeto; o instalador pergunta a qual agente adicioná-lo.

Terminal
npx skills add https://github.com/github/awesome-copilot --skill power-bi-report-design-consultation

Forma genérica da CLI skills para skills/power-bi-report-design-consultation/SKILL.md; o repositório pode documentar seu próprio caminho.

Dê à Skill uma Primeira Tarefa de Diagramas e Gráficos

Escrito nos próprios termos do skill; substitua as partes entre colchetes pelo seu material.

Starter prompt
We need a quarterly sales dashboard in Power BI for our leadership team. The audience is executives, mostly viewed on desktop but also on mobile during meetings, and it has to meet our accessibility guidelines. The data is order-level with region, a product hierarchy, and monthly revenue against target. Recommend the chart type for each KPI, give us a page-by-page layout, and flag anything that will break on mobile.

Fonte: escrito a partir do SKILL.md nos próprios termos do skill.

Verifique o Primeiro Resultado

O que o próprio SKILL.md diz sobre como é um resultado correto:

  • Execute a lista de verificação de clareza visual: hierarquia, contraste e legibilidade, fluxo lógico do olhar, baixa carga cognitiva e espaço em branco adequado.
  • Confirme a conformidade de acessibilidade quanto a compatibilidade com leitores de tela, navegação por teclado, modo de alto contraste, texto alternativo e independência de cor.
  • Teste com os cinco cenários cronometrados, incluindo orientação em 30 segundos, localização de informação específica em 2 minutos e simulação mobile em 5 minutos.
  • Meça em relação aos critérios de sucesso: conclusão de tarefas acima de 80%, tempo até o insight abaixo de 2 minutos e satisfação acima de 4 em 5.
  • Execute o controle de qualidade: precisão visual, testes de interação entre navegadores, testes em dispositivos móveis e testes de aceitação do usuário.

No OpenDesign importe power-bi-report-design-consultation a partir do link do SKILL.md: Plugins → Add → Skill → Import from link, depois selecione-o na barra superior.

05 Código aberto, rastreável

Fonte, Licença e Verificação

De onde vêm os fatos desta página e quando foram verificados pela última vez.

Author
GitHub
Repository
github.com/github/awesome-copilot Branch main
Arquivo da skill
skills/power-bi-report-design-consultation/SKILL.md Checksum de conteúdo registrado na verificação; commit 1899b18
License
MIT De LICENSE.
Estrelas do repositório
38.981 Snapshot do GitHub capturado em 14/09/2026 para todo o repositório github/awesome-copilot, que contém 6 skills neste catálogo. Não é uma classificação ou contagem de uso para power-bi-report-design-consultation.
Verificado pelo OpenDesign
14/09/2026 Arquivo de origem, caminho, texto da licença e contagem de estrelas foram verificados. Não integrado ao OpenDesign principal (verificado em 28/08/2026); uma execução ao vivo não foi registrada nesta página.

Dentro do SKILL.md

  1. Estrutura de Consultoria de DesignListas de verificação para requisitos de negócio, dados e técnicos a serem concluídos antes da consultoria.
  2. Metodologia de Seleção de GráficosTipos de gráfico agrupados por comparação, tendência, composição e análise de distribuição, além de padrões de design para o público-alvo.
  3. Fase 1: Arquitetura de InformaçãoPriorize métricas críticas até os filtros, depois posicione-os em um layout de cabeçalho e insight.
  4. Fase 2: Especificações de Design VisualMapeamento semântico de cores, regras de acessibilidade e marca, e uma escala de tamanho e peso tipográfico.
  5. Fase 3: Design InterativoPadrões de navegação por abas, drill-through e botões, além da estratégia de slicers e filtros.
  6. Fase 4: Design Mobile e ResponsivoConsiderações de layout mobile-first e quais visuais são amigáveis versus desafiadores para dispositivos móveis.
  7. Lista de Verificação de Qualidade de DesignItens de clareza visual, design funcional e acessibilidade a marcar antes do lançamento.
  8. Estrutura de Testes com UsuáriosCinco cenários de teste cronometrados com critérios numéricos de sucesso para conclusão, tempo até o insight e satisfação.
  9. Modelo de Especificação de DesignO formato do documento: resumo executivo, arquitetura visual página a página e design de interação.
  10. Diretrizes de ImplementaçãoPrioridade de desenvolvimento de quatro semanas, lista de verificação de QA e métricas de sucesso como adoção e tempo até o insight.
A Descrição da Própria Skill
"Prompt de design de visualização de relatórios Power BI para criar relatórios eficazes, amigáveis e acessíveis com seleção ideal de gráficos e design de layout."

Descrição do front-matter do SKILL.md. O arquivo completo tem cerca de 10.891 caracteres. Leia o arquivo completo no GitHub.

06 Antes de instalar

Perguntas Sobre a Skill power-bi-report-design-consultation

As respostas vêm do SKILL.md conforme lido em 2026-09-14, e não de uma execução registrada.

Isso está vinculado especificamente ao Power BI, ou posso usar para outra ferramenta?

Ela é estruturada como um prompt de design de visualização de relatórios do Power BI, então o vocabulário, os visuais e os padrões de interação são do Power BI. Nenhuma outra ferramenta de BI ou integração é mencionada no arquivo.

Consultoria de Design de Relatórios Power BI

Execute power-bi-report-design-consultation em uma Tarefa Real de Diagramas e Gráficos.

Baixe o OpenDesign, importe power-bi-report-design-consultation do link SKILL.md, cole o prompt acima e leia o plano antes do resultado.

Terminal
npx skills add https://github.com/github/awesome-copilot --skill power-bi-report-design-consultation

OpenDesign Desktop

Um design system. Sua marca consistente em tudo

No Vibe Design Workspace completo, aplique as mesmas regras de marca a sites, apresentações, protótipos interativos, dashboards, imagens e vídeos HTML. Conecte Codex, Claude Code, Cursor e outros agentes de código locais e crie de graça.

  • Sites, apresentações, protótipos, dashboards, imagens e vídeo
  • Mais de 140 design systems e a biblioteca completa de templates e skills
  • Codex local e mais de 21 agentes de código · Grátis
Baixar grátis

Disponível para macOS e Windows