Antd skill

O que ela faz

Dá ao Claude a @ant-design/cli, uma linha de comando com os dados do Ant Design v4, v5 e v6 embutidos, que funciona sem internet. Antes de escrever um componente, ele consulta as props, pega um exemplo pronto e vê os tokens de tema e as classes de estilo, em vez de confiar na memória.

Pra depurar, tira um retrato do ambiente (sistema, Node, versões do antd e do React, ferramentas de build), roda um diagnóstico do projeto e confere se a prop existe na sua versão exata. O antd lint aponta uso obsoleto e problemas de acessibilidade e de desempenho.

Na migração, traz a lista de mudanças de v3 pra v4, de v4 pra v5 e de v5 pra v6, por componente, e o changelog entre duas versões. Também mostra quais componentes o projeto usa, prepara relatório de bug pra você revisar antes de enviar e pode rodar como servidor MCP.

Nas palavras de quem fez

Quando usar

• Escrever uma tabela ou formulário com Ant Design acertando as props da versão do projeto
• Migrar um painel administrativo do antd 4 pro 5
• Descobrir por que um componente do antd parou de funcionar depois de atualizar
• Ajustar cores e espaçamentos pelos tokens de tema
• Achar no código tudo o que está obsoleto antes de atualizar

Depois de instalar, é só pedir assim

• Cria uma tela de cadastro de clientes com Form e Table do antd 5, conferindo as props antes
• Migra esse projeto do antd 4 pro 5 e me diz o que muda no Select
• Roda o lint do antd na pasta src e corrige o que estiver obsoleto

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