Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
Vercel Optimize skill
O Claude lê as métricas de produção do seu projeto na Vercel e devolve recomendações em ordem pra baixar a conta e acelerar as rotas que pesam.
- instalações
- 110,6 mil
- estrelas no GitHub
- 33 mil
- No skills.sh desde
- maio de 2026
- Licença
- Sem licença declarada
Atualizada no GitHub em 14 de outubro de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.
O que ela faz
Começa pelas métricas, não pelo código: coleta 14 dias de dados da Vercel (uso, métricas e configuração do projeto) e faz uma varredura no repositório. Só depois um filtro decide quais rotas, arquivos ou configurações merecem investigação, com 6 candidatos por padrão.
Cada candidato é investigado lendo só os arquivos ligados a ele. A recomendação precisa ter número observado, arquivo com linha e citação da documentação da Vercel ou do framework na versão que o projeto usa. O que não passa na verificação é refeito ou fica fora do relatório.
Cobre invocações de função, minutos de build, Fast Data Transfer, Core Web Vitals, cache, Fluid compute e gestão de bots. Funciona melhor em Next.js (App Router e Pages Router), SvelteKit e Nuxt; Astro tem suporte limitado. Fala da economia em ordem de grandeza, sem prometer valor em dólar.
Nas palavras de quem fez
Use for Vercel cost and performance optimization on deployed projects, especially Next.js, SvelteKit, Nuxt, and limited Astro apps. Collect Vercel metrics,…
Quando usar
- A fatura da Vercel subiu e você não sabe por quê
- Uma página do site está lenta ou cara pra rodar
- Ver onde vale ligar cache sem quebrar a área logada
- Revisar o projeto antes de um lançamento com muito tráfego
Depois de instalar, é só pedir assim
- Roda a vercel-optimize nesse projeto e me diz o que está pesando na conta da Vercel
- Por que a rota /blog está gastando tanta invocação de função? Investiga pelas métricas
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
Como instalar a Vercel Optimize no Claude Code?
Toca em Levar, aqui nesta página, e deixa seu nome, e-mail e WhatsApp (é uma vez só). Aparece uma frase pronta: cola ela no Claude Code, que ele mesmo instala a Vercel Optimize, e a skill passa a valer na próxima conversa. A mesma frase serve no Codex. Se preferir fazer na mão, o passo a passo está em como instalar skills no Claude Code.
O que ela precisa pra funcionar?
Vercel CLI versão 53 ou mais nova, login feito (vercel login), a pasta ligada ao projeto (vercel link) e Node 20 ou mais novo. O projeto precisa estar publicado na Vercel e com tráfego nos últimos 14 dias.
Precisa de plano pago?
Pras recomendações por rota, sim: ela pede o Observability Plus da Vercel. Sem ele, a skill para e pergunta se você aceita uma auditoria limitada, só de código e configuração.
Roda no Codex e no Antigravity?
Sim. Os scripts são em Node e rodam em qualquer agente com terminal. Com 3 frentes ou mais, ela divide o trabalho em subagentes; onde não tem subagente, investiga uma de cada vez.
Levar essa skill
1x vercel-optimizeR$ 0,00
TotalR$ 0,00
Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/vercel-labs/agent-skills
Aprenda a usar
- Como hospedar site grátis na Vercel em 2026
Passo a passo para colocar um site criado com IA no ar usando GitHub e Vercel. Entenda a regra do plano Hobby gratuito para clientes e o plano Pro.
Na mesma prateleira
Ver as 1.643 skills do corredorNeon
neon
O Claude cria e liga o banco, o login e o armazenamento do seu app no Neon, com uma cópia do banco pra cada mudança que você testar.OficialAuditada233,3 mil instalações, grátisVercel Labs
deploy-
Você pede pra pôr o projeto no ar e recebe o link da Vercel; se o projeto tem Git, fica ligado pra cada push publicar de novo sozinho.Oficial169,7 mil instalações, grátisto- vercel Cloudflare
cloudflare
Você descreve o que quer construir e o Claude aponta os produtos da Cloudflare que resolvem, por que cada um entra e onde está a documentação.OficialAuditada137,5 mil instalações, grátiswrangler
O Claude roda o Wrangler do seu projeto conferindo versão, conta e ambiente antes de cada comando, e consultando a documentação atual.OficialAuditada129,3 mil instalações, grátissickn33
docker-
O Claude põe seu app num contêiner menor, mais rápido de montar e mais seguro, e revisa o Docker que você já tem com uma lista de checagem.Auditada27,3 mil instalações, grátisexpert ClickHouse
clickhouse-
O Claude revisa suas tabelas e consultas no ClickHouse com as regras da própria empresa e diz o que mudar pra ficar rápido, citando a regra.OficialAuditada21,6 mil instalações, grátisbest- practices wshobson
grafana-
O Claude monta painéis do Grafana com cada métrica no lugar certo: números grandes no topo, tendências no meio e o detalhe embaixo.Auditada13,2 mil instalações, grátisdashboards runpod
runpod
O Claude sobe GPU na Runpod, publica seu modelo como endpoint e escolhe a ferramenta certa pra cada tarefa, sem você decorar comando.12,5 mil instalações, grátis
Mais da loja Vercel Labs
Ver a loja Vercel Labsfind-
Em vez de fazer tudo do zero, o Claude acha uma skill já testada pra tarefa, mostra de onde ela vem e instala com um comando.Oficial4 milhões de instalações, grátisskills agent-
O Claude abre o Chrome, navega, clica, preenche e testa o seu site sozinho, e você recebe os prints e os dados no fim.Oficial1,2 milhão de instalações, grátisbrowser vercel-
O agente escreve e revisa seu código React e Next.js seguindo 70 regras de desempenho da Vercel, das que mais pesam às de detalhe.OficialAuditada838,7 mil instalações, grátisreact- best- practices web-
Você aponta os arquivos do site e recebe a lista do que fere as boas práticas de interface, com o arquivo e a linha de cada problema.Oficial784,3 mil instalações, grátisdesign- guidelines vercel-
O Claude para de empilhar props como isEditing e isThread e monta componentes que se combinam, mais fáceis de manter por gente e por IA.OficialAuditada418,1 mil instalações, grátiscomposition- patterns vercel-
O Claude escreve e revisa seu app em React Native ou Expo seguindo regras que deixam lista, animação e navegação fluidas no celular.OficialAuditada254,5 mil instalações, grátisreact- native- skills vercel-
Cria animações nativas entre estados da interface com a View Transition API do ReactOficialAuditada167,6 mil instalações, grátisreact- view- transitions vercel-
Publica e gerencia projetos na Vercel pela CLI usando token de acesso, sem login interativoOficial135,8 mil instalações, grátiscli- with- tokens writing-
O Claude lê seus textos de documentação e devolve a lista do que fere o guia de escrita da Vercel, linha por linha.Oficial106,4 mil instalações, grátisguidelines Vercel Labs
ai-
O Claude coloca chat, agente ou geração de texto no seu app conferindo a documentação da versão instalada, em vez de chutar de memória.Oficial66,1 mil instalações, grátissdk react
Renderiza specs em JSON como árvores de componentes React com o @json-render/reactOficialAuditada16,3 mil instalações, grátiscore
Define schemas, catálogos e geração de prompts de IA pro json-render com o @json-render/coreOficialAuditada15 mil instalações, grátis