Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
Portless skill
Cada projeto no seu computador ganha um endereço fixo com nome e HTTPS, e o Claude para de abrir a porta errada.
- instalações
- 6.000
- estrelas no GitHub
- 12,8 mil
- No skills.sh desde
- fevereiro de 2026
- Licença
- Apache-2.0
Atualizada no GitHub em 26 de outubro de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.
O que ela faz
A skill ensina o agente a instalar e usar o portless, da Vercel Labs, que troca o número da porta por um endereço com nome. Em vez de localhost:3000, o site abre em https://meuapp.localhost. O portless sobe um proxy local, dá uma porta livre pro app e guarda a rota, então dois projetos não brigam mais pela mesma porta.
Funciona com Next.js, Vite, Astro, Expo e outros, e coloca a porta certa sozinho quando o framework ignora a variável PORT. Em monorepo, cada pacote ganha um subdomínio; em worktree do git, o nome da branch entra no endereço. O HTTPS vem ligado, com um certificado local que o sistema passa a aceitar.
Também compartilha o projeto: na mesma rede Wi-Fi, pela Tailscale, pelo ngrok ou por um túnel rápido da Cloudflare que não pede conta. Quando algo dá errado, o agente roda portless doctor e tem a correção pra Safari que não acha o endereço, certificado recusado e erros 502 e 508.
Nas palavras de quem fez
Set up and use portless for named local dev server URLs (e.g. https://myapp.localhost instead of http://localhost:3000). Use when integrating portless into a…
Quando usar
- Rodar dois projetos ao mesmo tempo sem erro de porta ocupada
- Mostrar pro cliente um site que ainda está só no seu computador
- Ter HTTPS no ambiente local sem aviso de segurança no navegador
- Trabalhar em várias branches com worktree, cada uma no seu endereço
- Parar de perder tempo descobrindo em que porta o app subiu
Depois de instalar, é só pedir assim
- Configura o portless nesse projeto pra ele abrir em https://minhaloja.localhost
- Sobe o site com o portless e gera um link público pra eu mandar pro cliente ver
- O endereço .localhost não abre no Safari, resolve isso
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 Portless 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 Portless, 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 a portless precisa pra funcionar?
Do Node.js 24 ou mais novo e do portless instalado pelo npm (npm install -g portless). Pra usar a porta 443 ele pede a senha de administrador no Mac e no Linux; sem ela, cai pra porta 1355. Não tem custo. Compartilhar pela Tailscale ou pelo ngrok pede essas ferramentas instaladas e com conta; o túnel da Cloudflare pede só o programa cloudflared.
Roda no Codex e no Antigravity?
Roda: a skill ensina comandos do portless no terminal, e o próprio portless foi pensado pra agentes pararem de testar a porta errada. Ele ainda tem um servidor MCP que lista rotas e endereços pra qualquer agente.
Ele coloca meu site no ar de verdade?
Não. O portless é pro ambiente de desenvolvimento. Os links públicos pela Tailscale Funnel, pelo ngrok ou pela Cloudflare caem quando o app para, e o da Cloudflare muda a cada vez que você roda.
Levar essa skill
1x portlessR$ 0,00
TotalR$ 0,00
Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/vercel-labs/portless
Aprenda a usar
- O que é o Claude Code (Claude CLI) e como começar
O que é o Claude Code (Claude CLI), pra que serve pra quem não programa, o que ele pede pra rodar e como se compara ao Codex, ao Antigravity e ao Cursor.
Na mesma prateleira
Ver as 5.600 skills do corredoreffect-ts
effect-
O Claude instala o Effect e deixa o projeto avisado pra ler o guia da própria biblioteca antes de escrever qualquer código com ela.Auditada7.900 instalações, grátists Upstash
context7-
O Claude consulta a documentação atual da biblioteca antes de escrever o código, em vez de confiar no que decorou e já mudou.Oficial7.800 instalações, grátiscli pproenca
zod
O Claude valida formulário, API e JSON com Zod do jeito certo, com tipos que batem e erros que o usuário entende.Auditada7.000 instalações, grátiscontext7-
Quando você pede código com Next.js, Prisma, Supabase ou outra biblioteca, o agente consulta a documentação da versão certa antes de responder.OficialAuditada6.200 instalações, grátismcp vintasoftware
django-
O Claude escreve modelos, APIs e testes em Django seguindo as boas práticas oficiais e já confere consulta lenta e brecha de segurança.Auditada5.700 instalações, grátisexpert OpenAI
playwright-
O agente abre seu app num navegador que continua aberto entre as mudanças, clica como um usuário e tira print pra provar que a tela ficou certa.OficialAuditada5.500 instalações, grátisinteractive lobehub
drizzle
O Claude escreve tabelas e consultas Drizzle com as regras que o time do LobeHub usa no próprio banco PostgreSQL, sem os atalhos que dão dor de cabeça depois.Auditada5.400 instalações, grátismax-sixty
worktrunk
O Claude cria, troca e configura worktrees com o wt, monta os hooks do projeto e não aprova comando nenhum no seu lugar.Auditada5.300 instalações, grátis
Mais da loja Vercel Labs
Ver a loja Vercel LabsVercel 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-
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 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