Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
Loja Vercel Labs
Loja oficial: quem publicou foi a própria empresa.
A Vercel Labs é a conta de projetos da Vercel, a empresa do Next.js. É dela o instalador do skills.sh, o diretório de onde vem boa parte deste shopping, e as skills que mais gente leva pro agente.
github.com/vercel-labsLista atualizada em 26 de outubro de 2026
159 skills
Vercel Labs
find-
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 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 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 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 portless
Cada projeto no seu computador ganha um endereço fixo com nome e HTTPS, e o Claude para de abrir a porta errada.OficialAuditada6.000 instalações, grátisopensrc
Quando uma biblioteca faz algo estranho, o Claude abre o código dela na versão que você usa, em vez de adivinhar pela documentação.Oficial2.700 instalações, grátisreact-
Fatura, relatório ou proposta em PDF saem de um JSON que descreve página, título e tabela, prontos pra salvar em arquivo ou entregar pelo seu app.OficialAuditada2.300 instalações, grátispdf svelte
A IA descreve a tela em JSON e o seu app Svelte desenha tudo com os componentes do catálogo que você definiu.OficialAuditada1.200 instalações, grátisjotai
O Claude conecta a interface do json-render ao estado do Jotai do seu app, e os dois passam a ler e gravar os mesmos dados.OficialAuditada1.100 instalações, grátisxstate
Quem monta interface com o json-render, da Vercel Labs, passa o estado da tela pro XState Store em poucas linhas, sem escrever o adaptador na mão.OficialAuditada1.100 instalações, grátisslack-
Você diz o que o bot deve fazer e o Claude monta, testa e publica um agente que responde no Slack quando alguém marca ele ou manda mensagem direta.OficialAuditada833 instalações, grátisagent emil-
Telas que respondem do jeito certo: botão que reage ao clique, menu que abre rápido e animação só onde ela ajuda.OficialAuditada358 instalações, grátisdesign- eng deepsec
O Claude instala o DeepSec, descreve o seu projeto pra ele, roda uma primeira varredura com limite e entrega as falhas encontradas num relatório em Markdown.Oficial86 instalações, grátistwilio
Você testa SMS, código de confirmação por celular e webhooks do seu sistema no próprio computador, sem conta na Twilio e sem pagar mensagem.OficialAuditada73 instalações, grátisvercel-
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 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átiscodegen
Gera código a partir de specs de UI do json-render, com exportadores próprios e serialização de propsOficialAuditada8.900 instalações, grátisnext
Transforma specs JSON em aplicações Next.js, com rotas, layouts, SSR e metadadosOficialAuditada8.600 instalações, grátisdevtools
Adiciona um painel de inspeção a apps json-render para depurar a UI gerativa e editar o estadoOficialAuditada8.300 instalações, grátisdirectives
Traz diretivas prontas para o json-render: formatação, matemática, texto e i18nOficialAuditada8.000 instalações, grátisnext-
Aplica boas práticas de Next.js ao escrever ou revisar código: rotas, RSC, dados, metadata e imagensOficialAuditada6.100 instalações, grátisbest- practices mcp
Cria servidores MCP que mostram interfaces interativas no Claude, ChatGPT, Cursor ou VS Code com json-renderOficialAuditada5.800 instalações, grátisreact-
Renderiza em React Native specs em JSON como interfaces nativas de celular, com @json-render/react-nativeOficialAuditada3.200 instalações, grátisnative oauth
Configura provedores OAuth (Google, Apple, Microsoft, GitHub) para funcionar com URLs de dev local do portlessOficialAuditada3.000 instalações, grátisbefore-
Anexa screenshots ou gravações de tela a um PR do GitHub como bloco de antes e depoisOficial2.900 instalações, grátisand- after shadcn
Traz componentes shadcn/ui prontos para o json-render, para montar interfaces webOficialAuditada2.500 instalações, grátiskonsistent-
Cria ou altera o konsistent.json, que impõe convenções de estrutura num código TypeScriptOficial2.500 instalações, grátisconfig react-
Monta cenas 3D a partir de especificações JSON com React Three Fiber e 19 componentes 3D prontosOficialAuditada2.300 instalações, grátisthree- fiber frontend-
Cria interfaces front-end distintas e de nível de produção, com alto padrão de designOficialAuditada2.100 instalações, grátisdesign zustand
Conecta o json-render ao Zustand como armazenamento de estadoOficialAuditada1.900 instalações, grátisnext-
Ensina os Cache Components do Next.js 16: PPR, use cache, cacheLife, cacheTag e updateTagOficialAuditada1.900 instalações, grátiscache- components remotion
Transforma especificações de linha do tempo em JSON em vídeos Remotion, com o renderizador do json-renderOficialAuditada1.700 instalações, grátisvgpu
Constrói, depura, testa e otimiza projetos WebGPU com o vgpu, a CLI e os pacotes @vgpuOficialAuditada1.600 instalações, grátisimage
Transforma especificações JSON em imagens SVG e PNG com Satori, como imagens Open GraphOficialAuditada1.500 instalações, grátisremotion-
Reúne boas práticas do Remotion para criar vídeos com ReactOficial1.500 instalações, grátisbest- practices native-
Apresenta o Native SDK para criar apps nativos de desktop com TypeScript e marcação NativeOficialAuditada1.500 instalações, grátissdk react-
Renderiza especificações JSON em e-mails HTML ou texto puro com React EmailOficialAuditada1.400 instalações, grátisemail vue
Renderiza interfaces Vue 3 a partir de especificações JSON com o json-render e seu registro de componentesOficialAuditada1.400 instalações, grátisink
Renderiza specs JSON como interfaces de terminal interativas com o Ink, via @json-render/inkOficialAuditada1.300 instalações, grátisredux
Liga o json-render ao Redux ou Redux Toolkit como armazenamento de estadoOficialAuditada1.100 instalações, grátisshadcn-
Traz componentes shadcn-svelte prontos para apps Svelte feitos com json-renderOficialAuditada1.100 instalações, grátissvelte solid
Renderiza specs do json-render em árvores de componentes SolidJS, com catálogos, bindings e açõesOficialAuditada1.100 instalações, grátisnext-
Atualiza o Next.js para a última versão seguindo os guias oficiais de migração e codemodsOficialAuditada1.100 instalações, grátisupgrade yaml
Usa o formato YAML do json-render, com parser em streaming, geração de prompt e transformação do AI SDKOficialAuditada1.000 instalações, grátisweb-
Projeta e implementa animações na web que parecem naturais e têm propósitoOficialAuditada1.000 instalações, grátisanimation- design ucp
Adiciona o Universal Commerce Protocol (UCP) a lojas online feitas com Next.jsOficial905 instalações, grátiscra-
Migra projetos Create React App para Next.js, inclusive do React Router para rotas por arquivoOficialAuditada900 instalações, grátisto- next- migration d3k
Roda e depura um app web local com navegador gerenciado e linha do tempo compartilhada de servidor e browserOficialAuditada857 instalações, grátisautoship
Automatiza releases de pacotes com changesets, versões e descrições geradas por IAOficial702 instalações, grátisemulate
Emula localmente APIs de Vercel, GitHub, Google, Slack, AWS e outras, para CI e sandboxes sem redeOficialAuditada539 instalações, grátiscode-
Revisa mudanças de código, PRs, diffs e commits e dá feedback que dá pra aplicarOficial509 instalações, grátisreview create-
Cria vídeos em Remotion no estilo do design system Geist da Vercel: fundo escuro, spring e fontes GeistOficial484 instalações, grátisremotion- geist json-
Renderiza specs JSON como componentes React com o @json-render/reactOficialAuditada391 instalações, grátisrender- react google
Simula login do Google, Gmail, Calendar e Drive para testar integrações em ambiente localOficialAuditada363 instalações, grátisplan-
Faz o agente planejar com visão do sistema antes de implementar tarefas grandes ou de vários arquivosOficialAuditada349 instalações, grátismode json-
Define schemas e catálogos e gera prompts de IA para interfaces em JSON com o @json-render/coreOficialAuditada340 instalações, grátisrender- core stripe
Simula a API do Stripe em ambiente local para testar pagamentos, checkout e clientesOficialAuditada270 instalações, grátiswebreel
Grava vídeos de demonstração roteirizados do navegador em MP4, GIF ou WebM, com cursor animado e somOficialAuditada237 instalações, grátisresend
Simula a API de e-mail da Resend em ambiente local para testar envios e e-mails transacionaisOficialAuditada226 instalações, grátiscsv
Analisa e transforma dados CSV com ferramentas de shell como awk, cut, sort e grepOficialAuditada224 instalações, grátisaws
Simula serviços da AWS (S3, SQS, Cognito, IAM, STS) em ambiente local para desenvolver e testarOficial224 instalações, grátisai-
Gera texto, imagem, vídeo e áudio pelo terminal e toma decisões tipadas com comandos combináveisOficialAuditada222 instalações, grátiscli analyze-
Converte os dados do analisador de bundle do Next.js em NDJSON e explora o tamanho do pacoteOficialAuditada213 instalações, grátisbundle github
Simula a API REST do GitHub em ambiente local para testar integraçõesOficialAuditada209 instalações, grátisbaseline-
Valida durações de animação, escala tipográfica, acessibilidade e vícios de layout em projetos Tailwind CSSOficialAuditada207 instalações, grátisui apple
Simula o login com Apple (OIDC) em ambiente local para testar autenticaçãoOficialAuditada203 instalações, grátisvercel
Emula a API REST da Vercel no seu computador pra testar integrações sem mexer na conta realOficialAuditada202 instalações, grátisslack
Emula a API do Slack no seu computador pra testar integrações sem um workspace realOficialAuditada194 instalações, grátismicrosoft
Emula o login Microsoft Entra ID (OAuth 2.0 e OpenID Connect) no seu computador pra testar sem um tenant realOficialAuditada178 instalações, grátisai
Chama modelos, agentes e geração de imagem, voz e vídeo em Python com o AI SDK da VercelOficialAuditada167 instalações, grátisjson-
Traz componentes shadcn/ui prontos pro json-render, pra montar interfaces web a partir de JSONOficialAuditada161 instalações, grátisrender- shadcn json-
Transforma especificações JSON de timeline em vídeos com o renderizador Remotion do json-renderOficialAuditada153 instalações, grátisrender- remotion deploy-
Guia a coleta das credenciais e o deploy da sua cópia do Open Harness na Vercel até o primeiro usoOficialAuditada152 instalações, grátisopen- harness remove-
Remove as restrições da demo hospedada do Open Harness num fork: limites de teste e bloqueios de deployOficialAuditada144 instalações, grátisdemo- limits json-
Transforma especificações JSON em telas nativas de celular com o renderizador React Native do json-renderOficialAuditada142 instalações, grátisrender- react- native geist-
Cria experiências de aprendizado interativas em Next.js com o design system Geist, como tutoriais explorativosOficialAuditada138 instalações, grátislearning- lab konsistent-
Roda o CLI konsistent, revisa as violações apontadas e corrige tudo no códigoOficialAuditada127 instalações, grátisfix- violations filesystem-
Acompanha o curso Building Filesystem Agents da Vercel Academy, explicando e tirando dúvidasOficial119 instalações, grátisagents agent-
Ensina a deixar uma API fácil para agentes de IA usarem, com documentação estruturada e llms.txtOficialAuditada110 instalações, grátisfriendly- apis building-
Acompanha o curso Building Agents with eve, da Vercel Academy, como assistente de ensinoOficial99 instalações, grátisagents- with- eve linear
Simula a API GraphQL do Linear em ambiente local para testar integrações com issues e comentáriosOficialAuditada95 instalações, grátisderive-
Descobre a API interna de um site gravando o tráfego do navegador e gera um cliente ou CLI para os endpointsOficial83 instalações, grátisclient nuxt
Embute emuladores direto num app Nuxt com o @emulators/adapter-nuxt, na mesma origemOficialAuditada76 instalações, grátistext
Analisa e transforma arquivos de texto com ferramentas bash como grep, sed e awkOficialAuditada74 instalações, grátismarketplace-
Cria componentes de interface com o design system Blok para apps do Sitecore MarketplaceOficialAuditada61 instalações, grátisbuild- component phase
Audita e otimiza animações web e desempenho de renderização antes de publicarOficialAuditada60 instalações, grátismarketplace-
Cria a base de um app do Sitecore Marketplace com o SDK oficialOficialAuditada60 instalações, grátisscaffold marketplace-
Responde dúvidas sobre métodos, tipos e consultas do Sitecore Marketplace SDKOficial58 instalações, grátissdk- reference
Sobre a loja Vercel Labs
Quem procura “vercel skills” geralmente quer uma de duas coisas, e as duas estão aqui. A primeira é o jeito de achar e instalar skill: a find-skills faz o Claude procurar a skill certa pra tarefa e instalar com um comando. A segunda são as regras de quem faz o Next.js, reunidas no pacote agent-skills.
Nesse pacote, a vercel-react-best-practices traz as regras de desempenho de React e Next.js, a web-design-guidelines revisa a interface, a vercel-react-native-skills cuida do app de celular e a deploy-to-vercel põe o projeto no ar e devolve o link.
Fora dele, a agent-browser põe o agente pra navegar, clicar e testar site num Chrome de verdade, e o resto da loja são projetos menores, como o json-render, que desenha tela a partir de JSON, e o emulate, que simula serviços como a Twilio pra testar sem pagar mensagem.
A conta principal da empresa tem outra loja, a Vercel, com as skills do Next.js, do Turborepo e do AI SDK.
Outras lojas
Lojas com skills pro mesmo tipo de trabalho.
As mais procuradas no Brasil
As skills que o brasileiro mais procura no Google, cada uma com a página explicada em português.