Como usar skills no Cursor

Use uma skill para dar ao Agent um procedimento específico. Ela pode ajudar a manter a mesma sequência de revisão em diferentes telas do seu projeto.

1. Escolha um caso de uso

Comece por algo observável. Por exemplo: revisar o formulário que um visitante usa para pedir orçamento. Tenha uma versão salva do projeto para comparar o resultado.

2. Instale para o Cursor

No terminal do projeto, com Node.js e npm disponíveis:

npx skills add vercel-labs/agent-skills --skill web-design-guidelines -a cursor

Confira o repositório e o escopo no instalador. O Cursor descobre skills de projeto em .agents/skills/ e .cursor/skills/. Uma skill é uma pasta com SKILL.md; recursos adicionais podem acompanhá-la.

3. Chame a skill no Agent

Digite / no chat do Agent e procure o nome. O Cursor também pode escolher skills pelo contexto do pedido. Ao usar o seletor, você deixa explícito o procedimento que deseja aplicar.

Revise a página de orçamento usando web-design-guidelines. O visitante precisa conseguir preencher tudo com teclado. Primeiro apresente os problemas; depois decidimos as mudanças.

4. Confira na interface

Abra a página, navegue com Tab, preencha dados inválidos e confira as mensagens. Peça uma correção por vez e compare o comportamento. Este exemplo é um roteiro para você executar, não um teste já realizado no seu projeto.

O que pode variar

Uma skill disponível na máquina local pode não estar no ambiente remoto. Confira onde o Agent executa o projeto e se os arquivos estão presentes. Scripts e integrações podem exigir instalação ou autenticação próprias.

Referências: documentação oficial do Cursor e Skills CLI.