agent-skills

Agent Skills é uma coleção de habilidades para agentes de codificação com IA, empacotadas como instruções e scripts que ampliam as capacidades do agente. As habilidades seguem o formato Agent Skills e ficam disponíveis automaticamente após a instalação, com o agente invocando-as quando tarefas relevantes são detectadas. Habilidades incluídas: - vercel-optimize: Audita um projeto Vercel quanto a custo, desempenho, confiabilidade, cache, uso de funções e oportunidades de cobrança. Primeiro coleta métricas da Vercel e depois investiga apenas as rotas e arquivos apontados por essas métricas. Destina-se a otimizar projetos implantados, reduzir custos ou uso de funções, investigar rotas lentas ou caras, encontrar problemas de cache/ISR/middleware/imagens/minutos de build e produzir um relatório classificado de custo e desempenho. - react-best-practices: Diretrizes de otimização de desempenho para React e Next.js da Vercel Engineering, com mais de 40 regras em 8 categorias priorizadas por impacto. As categorias incluem eliminação de cascatas, otimização de tamanho de bundle, desempenho no lado do servidor, busca de dados no lado do cliente, otimização de re-renderização, desempenho de renderização e micro-otimizações de JavaScript. Útil ao escrever componentes ou páginas, implementar busca de dados, revisar código quanto a desempenho ou otimizar tamanho de bundle e tempos de carregamento. - web-design-guidelines: Revisa código de UI com base em mais de 100 regras que abrangem acessibilidade, desempenho e UX. As categorias incluem acessibilidade, estados de foco, formulários, animação, tipografia, imagens, desempenho, navegação e estado, modo escuro e temas, toque e interação, e locale/i18n. - writing-guidelines: Revisa documentação e textos com base no manual de escrita da Vercel, com mais de 80 regras que abrangem planejamento, voz e tom, tom por tipo de conteúdo, títulos e estrutura, listas, código, placeholders/unidades/números, tipografia, formatação de código-fonte, páginas de preços e valores, fluxo de trabalho com IA e revisão. - react-native-guidelines: Boas práticas de React Native otimizadas para agentes de IA, com 16 regras em 7 seções que abrangem desempenho, layout, animação, imagens, gerenciamento de estado, arquitetura e padrões específicos de plataforma. - react-view-transitions: Orientação para implementar animações com a View Transition API do React, abrangendo o componente ViewTransition, addTransitionType, tipos de transição, transições de elementos compartilhados, animações JavaScript via Web Animations API, integração com Next.js, incluindo a prop transitionTypes em next/link, receitas de animação CSS prontas para uso e considerações de acessibilidade. - composition-patterns: Padrões de composição em React para escalabilidade, ajudando a evitar a proliferação de props booleanas por meio de componentes compostos, elevação de estado e composição interna. - vercel-deploy-claimable: Implanta aplicações e sites na Vercel, projetado para uso com claude.ai e Claude Desktop. Detecta automaticamente mais de 40 frameworks a partir do package.json, retorna uma URL de pré-visualização e uma URL de reivindicação para transferência de propriedade, lida com projetos HTML estáticos e exclui node_modules e .git dos uploads. A instalação é feita via npx skills add vercel-labs/agent-skills. Cada habilidade contém um SKILL.md com instruções para o agente, scripts opcionais para automação e referências opcionais. Toda alteração em uma habilidade na branch main publica uma release imutável no GitHub com um índice de descoberta do Agent Skills e um artefato por habilidade; os mesmos artefatos podem ser construídos localmente com um script fornecido. O projeto é licenciado sob MIT.