vercel-labs/agent-skills

O que é?

Recursos principais

• 01Instaláveis com npx skills add e carregadas automaticamente quando surgem tarefas relevantes.
• 02Inclui uma auditoria de projetos Vercel que abrange custos, cache e uso de funções.
• 03Oferece regras de desempenho para React e Next.js que abrangem tamanho do bundle e busca de dados.
• 04Oferece regras para revisar acessibilidade e design de UI, com mais de 100 verificações.
• 05Permite que agentes implantem projetos na Vercel e retornem URLs de preview e para reivindicação.

Casos de uso

• Revisar um componente React ou Next.js em busca de problemas de desempenho de renderização e do bundle.
• Auditar um projeto implantado na Vercel para encontrar rotas lentas e custos elevados de funções.
• Verificar se o markup e os estilos de um site seguem as diretrizes de acessibilidade.
• Implantar um protótipo criado em uma conversa e gerar uma URL pública para compartilhá-lo.

Início rápido

1. 1

   Instale as skills com npx

   npx skills add vercel-labs/agent-skills
2. 2

   Peça ao seu agente uma tarefa que corresponda a uma skill, como revisar um componente React para identificar problemas de desempenho

Antes de usar

• !Os metadados do repositório não listam uma licença, embora o README indique MIT.
• !Algumas skills dependem de serviços da Vercel, como vercel-deploy-claimable, que envia projetos para um serviço de deploy da Vercel.

Tópicos

Perguntas frequentes

O que é agent-skills?

Coleção de pacotes de instruções instaláveis que dão a agentes de programação com IA conhecimentos de boas práticas específicos da Vercel, do React e do Next.js. Agent Skills é um conjunto de instruções e scripts empacotados que ampliam os conhecimentos especializados de agentes de programação com IA. Cada skill é uma pasta com um arquivo SKILL.md, scripts auxiliares opcionais e documentação de referência, seguindo o formato Agent Skills. As skills são instaladas com npx skills add e carregadas pelo agente quando surge uma tarefa compatível.

agent-skills é gratuito? Qual é a licença?

agent-skills não declara licença. O código é público, mas sem licença você não tem permissão explícita para reutilizá-lo; fale com o autor antes de depender dele.

agent-skills ainda é mantido?

Manutenção ativa. O último commit de agent-skills foi em 14 de out. de 2026.

Para que posso usar agent-skills?

Revisar um componente React ou Next.js em busca de problemas de desempenho de renderização e do bundle. Auditar um projeto implantado na Vercel para encontrar rotas lentas e custos elevados de funções. Verificar se o markup e os estilos de um site seguem as diretrizes de acessibilidade. Implantar um protótipo criado em uma conversa e gerar uma URL pública para compartilhá-lo.

Como instalar agent-skills?

Instale as skills com npx: npx skills add vercel-labs/agent-skills Peça ao seu agente uma tarefa que corresponda a uma skill, como revisar um componente React para identificar problemas de desempenho

Onde consigo agent-skills?

O código-fonte e as instruções de instalação estão no GitHub: https://github.com/vercel-labs/agent-skills