Recharts skill

O que ela faz

A skill dá ao Claude um guia do Recharts, a biblioteca de gráficos pra React. Ele monta gráficos de linha, área, barra, pizza e rosca, dispersão, radar e combinados, sempre a partir de uma lista de objetos, como mês, vendas e lucro.

Cobre o acabamento: eixo com formato de moeda, rótulo inclinado quando o texto encavala, linha de meta, faixa destacada, legenda e dica personalizadas, barras empilhadas com canto arredondado, barra pra recortar o período mostrado e vários gráficos que mostram a dica juntos.

Ensina também a deixar o gráfico responsivo do jeito novo (versão 3.3 em diante) e do antigo, a não travar com muitos dados nem com dados em tempo real, a acessibilidade com teclado e leitor de tela e o que fazer quando o gráfico não aparece.

Nas palavras de quem fez

Quando usar

• Pôr um gráfico de faturamento por mês no painel do seu app em React
• Mostrar vendas contra a meta com uma linha de referência
• Montar um gráfico de pizza ou rosca com as vendas por produto
• Exibir dados que chegam em tempo real sem o gráfico travar
• Consertar gráfico que não aparece ou com rótulos encavalados

Depois de instalar, é só pedir assim

• Cria um gráfico de barras com o faturamento por mês, em reais, e uma linha de meta em R$ 50 mil
• Faz um gráfico de rosca com as vendas por produto e a legenda embaixo
• Meu gráfico do Recharts não aparece na tela: descobre por quê e conserta

Segurança

Gen Agent Trust Hub, Socket e Snyk leem o código da skill atrás de comando perigoso, dado vazando e instrução escondida. Alerta não é reprovação: quer dizer que vale ler o que a skill faz antes de instalar.

• Gen Agent Trust HubPassou
• SocketPassou
• SnykPassou

Perguntas