Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
Deploy To Vercel skill
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.
- instalações
- 169,7 mil
- estrelas no GitHub
- 33 mil
- No skills.sh desde
- março 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
Primeiro o agente confere quatro coisas: se o projeto tem repositório Git remoto, se já está ligado a um projeto da Vercel, se a linha de comando da Vercel está instalada e logada e em quais times você está. Com mais de um time, pergunta em qual publicar. Daí escolhe o caminho.
Projeto ligado e com Git: pede sua autorização, faz o commit e o push, e a Vercel publica sozinha. Sem Git: publica direto pela linha de comando. Sem nada configurado: instala a CLI, faz o login pelo navegador, liga o projeto e publica. Sai em prévia, a não ser que você peça produção ou o push vá pra branch principal.
Quando não dá pra logar, como no Claude do site ou na sandbox do Codex, um script empacota o projeto (sem node_modules, .git e .env), sobe e devolve dois links: a prévia no ar e um link pra transferir o site pra sua conta da Vercel.
Nas palavras de quem fez
Deploy applications and websites to Vercel. Use when the user requests deployment actions like "deploy my app", "deploy and give me the link", "push this…
Quando usar
- Mostrar pro cliente a primeira versão do site num link
- Publicar uma landing page feita com o Claude Code sem mexer em servidor
- Ligar o projeto à Vercel pra cada push no GitHub atualizar o site
- Gerar uma prévia pra revisar antes de mandar pra produção
Depois de instalar, é só pedir assim
- Põe esse site no ar e me dá o link
- Faz o deploy em produção na Vercel, no time da agência
- Cria uma prévia dessa versão da página pra eu mandar pro cliente
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
- SnykAlerta
Perguntas
Como instalar a Deploy To Vercel 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 Deploy To Vercel, 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.
Precisa de conta na Vercel?
Pro caminho principal, sim: a skill instala a CLI da Vercel, que precisa do Node, e faz o login pelo navegador. Sem conta, o script de reserva publica uma prévia e devolve um link pra você assumir o site depois. Não pede chave de API, e o SKILL.md não fala em plano pago.
Roda no Codex e no Antigravity?
No Codex, sim: o SKILL.md tem um caminho próprio pra sandbox dele, com script separado e pedido de acesso à rede quando precisar. Agente com terminal segue o fluxo da linha de comando, o mesmo do Claude Code.
Ela confere se o site abriu?
Não. O SKILL.md manda só entregar o link, sem abrir a página pra testar, e acompanhar o build com o comando vercel inspect. Também não faz push sem você autorizar.
Levar essa skill
1x deploy-to-vercelR$ 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.
- Como fazer cardápio digital e catálogo no WhatsApp
Como criar um cardápio digital ou catálogo com IA que manda o pedido montado pro WhatsApp, sem comissão por venda, e como vender pra restaurante e loja.
Na mesma prateleira
Ver as 1.643 skills do corredorSupabase
supabase-
Antes de mexer no seu banco, o Claude consulta as regras da Supabase pra evitar os erros que deixam o sistema lento ou mostram dado de um cliente pra outro.OficialAuditada460,5 mil instalações, grátispostgres- best- practices supabase
O Claude mexe no seu Supabase conferindo a documentação de hoje e fechando as brechas de segurança mais comuns de banco, login e arquivos.Oficial343,7 mil instalações, grátisNeon
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átisCloudflare
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átisVercel Labs
vercel-
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.OficialAuditada110,6 mil instalações, grátisoptimize sickn33
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
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