Diretório da Vercel
“Documentação que o agente executa.”
Time por trás do `npx skills`, do Next.js e do AI SDK. Publica um diretório de skills próprias organizado por categoria.
- 25
- skills
- 20.495
- linhas
- 25
- automáticas
- MIT
- licença
O ensaio
A Vercel construiu o gerenciador que instala quase tudo neste site, e depois usou o próprio gerenciador para publicar um diretório de skills sobre as próprias ferramentas. Isso muda a natureza do que está aqui: não é opinião sobre gosto, é documentação em formato executável. Um agente que "sabe Next.js" sabe a versão que estava no treino, e o Next muda de convenção a cada ano — por isso existe a next-cache-components, por isso existe a next-upgrade. O diretório está espalhado por treze repositórios diferentes (agent-skills, openreview, migration-skills, turborepo, ai, workflow, e por aí), o que significa treze comandos de instalação para um catálogo só. O Skillo junta os treze num pacote porque é assim que a documentação da Vercel os apresenta: uma lista curada por categoria, não treze projetos independentes.
Instalar
CLI skills
No terminal, de qualquer diretório.
npx skills add vercel-labs/agent-skills
O mesmo time publica o `npx skills` que instala quase tudo neste site.
→O que essa instalação faz na sua máquinaFechar
Como o método funciona
O gerenciador da Vercel Labs. Usa o GitHub como registro, copia para ~/.agents/skills e cria symlink para cada agente instalado na máquina.
Precisa ter
- Node 18+
Onde cai no disco
~/.agents/skills/ + symlink em ~/.claude/skills/
Sair
npx skills remove vercel-labs/agent-skillsAs 25 skills
Browser para agente
CLI de automação de browser: navegar, preencher, clicar, capturar, extrair.
O AI SDK
Responde sobre o AI SDK e ajuda a construir agente, chatbot e RAG.
Next.js como ele é hoje
Convenção de arquivo, fronteira de RSC, padrão de dado, API assíncrona, metadata.
Monorepo com cache
Sistema de build para monorepo JS e TS: pipeline de tarefa, cache local e remoto.
Baixar a conta
Otimização de custo e performance em projeto já implantado.
Performance de React, pela Vercel
Mais de quarenta regras de otimização em oito categorias, da engenharia da Vercel.
View Transitions do React
Animação de transição com `<ViewTransition>`, addTransitionType e os pseudo-elementos de CSS.
A interface de chat
Biblioteca de componentes sobre shadcn/ui para aplicação de IA.
Release automatizado
Release por changeset com descrição gerada, versionamento e publicação no npm.
Antes e depois no PR
Anexa screenshot ou gravação existente à descrição do pull request.
Construir componente
Acessibilidade, API componível, tema, publicação em registro e documentação.
De CRA para Next
Guia completo de migração de Create React App para Next.js.
Subir agora
Faz deploy com detecção automática de framework.
Encontrar mais skills
Ajuda a descobrir e instalar skills quando você pergunta "como faço X".
Cache Components e PPR
A camada de cache do Next 16: `use cache`, cacheLife, cacheTag, updateTag, PPR.
Subir de versão o Next
Atualiza seguindo os guias oficiais de migração e os codemods.
Markdown que chega aos poucos
Renderizador de Markdown em React otimizado para streaming.
Protocolo de comércio
Implementação do Universal Commerce Protocol em codebase de e-commerce Next.
A CLI inteira
Deploy, gestão, inspeção e diagnóstico de projeto pela linha de comando.
CLI sem login interativo
Usa a CLI da Vercel com token de acesso em vez de login pelo browser.
Componente que não vira gaveta de booleano
Padrões de composição em React que escalam.
React Native pela Vercel
Dezesseis regras cobrindo performance, arquitetura e padrão de plataforma.
Contra o guia da Vercel
Revisa código de interface contra as Web Interface Guidelines.
Função que sobrevive ao restart
Workflows duráveis e retomáveis com o SDK da Vercel.
Revisar documentação
Confere prosa contra o manual de voz e tom da Vercel.
Outros pacotes