Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
Nuxt skill
O Claude escreve e corrige seu app em Nuxt 5 já no padrão novo: pasta app/, Nitro v3, rotas tipadas e Vite 8.
- instalações
- 24,1 mil
- estrelas no GitHub
- 6.010
- No skills.sh desde
- janeiro de 2026
- Licença
- MIT
Atualizada no GitHub em 23 de outubro de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.
O que ela faz
Reúne a documentação do Nuxt 5 em fichas curtas, geradas direto do repositório oficial do Nuxt pelo Anthony Fu. O Claude abre só a ficha do assunto da hora: estrutura de pastas, nuxt.config, rotas, busca de dados com useFetch, módulos, rotas de servidor e deploy.
Avisa o que mudou no 5, justo onde o Claude costuma escrever do jeito antigo: código de servidor no Nitro v3, utilitários importados de nuxt/server, rotas tipadas que diferenciam maiúscula, $fetch tipado pelas rotas e Vite 8 como empacotador. Também lembra que o Nuxt 5 pede Node 22.19 ou 24.11 pra cima.
Cobre ainda os modos de renderização (SSR, SPA e híbrido), estado com useState e Pinia, erros de hidratação, camadas pra reaproveitar um projeto em outro e como escrever um módulo próprio pra publicar.
Nas palavras de quem fez
Nuxt full-stack Vue framework with SSR, auto-imports, and file-based routing. Use when working with Nuxt apps, server routes, useFetch, middleware, or hybrid…
Quando usar
- Começar um site ou app novo em Nuxt
- Migrar um projeto do Nuxt 4 pro 5
- Criar rotas de API dentro do próprio app Nuxt
- Resolver erro de hidratação entre servidor e navegador
- Publicar o app na Vercel, na Netlify ou na Cloudflare
Depois de instalar, é só pedir assim
- Cria uma página de produtos em Nuxt que busca os dados com useFetch e mostra um carregando enquanto espera
- Migra a pasta server desse projeto pro Nitro v3 do Nuxt 5 sem quebrar as rotas
- Configura o projeto pra página inicial sair estática e o painel rodar só no navegador
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 Nuxt 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 Nuxt, 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 chave de API ou conta paga?
Não. A skill é só texto de referência que o Claude lê. Pra rodar o projeto, você precisa do Node 22.19 ou 24.11 em diante, que é o que o Nuxt 5 pede.
Serve pro Nuxt 3 ou 4?
Ela foi gerada a partir do Nuxt 5 (versão 5.0.0-0, em setembro de 2026). Parte vale pro 4, como a pasta app/, mas o código de servidor e as importações mudaram. Num projeto antigo, peça pro Claude avisar antes de usar algo que só existe no 5.
Roda no Codex e no Antigravity?
Sim. São arquivos de texto em Markdown, sem programa extra, então qualquer agente que lê skills consegue usar.
Levar essa skill
1x nuxtR$ 0,00
TotalR$ 0,00
Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/antfu/skills
Aprenda a usar
- Criar site com IA: o passo a passo no Claude Code
Como eu crio site com IA pros clientes sem saber programar: no Claude Code, no Codex ou de graça no Antigravity. O passo a passo, sem cara de template.
Na mesma prateleira
Ver as 1.731 skills do corredorExpo
expo-
O Claude monta telas de app Expo com a cara de cada sistema, que seguem o modo escuro sozinhas e só são entregues depois de testar o caminho principal.Oficial31,6 mil instalações, grátisnative- ui Callstack Incubator
react-
O Claude mede onde o app React Native engasga, aplica a correção certa e mede de novo pra provar que melhorou.OficialAuditada30,2 mil instalações, grátisnative- best- practices expo-
O Claude organiza as telas do seu app em Expo Router do jeito que o próprio time do Expo recomenda, com abas, pilhas e modais nativos.OficialAuditada27,9 mil instalações, grátisrouter expo-
O Claude atualiza o Expo do seu app seguindo o passo a passo do time do Expo e arruma as dependências que quebram no caminho.OficialAuditada27,7 mil instalações, grátisupgrade feature-sliced
feature-
O Claude para de espalhar arquivo em pasta aleatória e decide onde cada código mora no seu front-end, seguindo o método FSD.Auditada23,6 mil instalações, grátissliced- design Vercel
next-
A cada mudança, o Claude abre o site no navegador e confere se compila, se roda sem erro e se faz o que você pediu, em vez de só confiar no código.OficialAuditada22,1 mil instalações, grátisdev- loop ai-
O Claude monta a tela do seu chatbot ou assistente de IA com peças prontas de conversa, mensagem, campo de pergunta e raciocínio, e você ajusta o visual.Oficial20,4 mil instalações, grátiselements Nuxt
nuxt-
O Claude escolhe o componente certo do Nuxt UI, segue as cores da sua marca e monta landing page, painel, login ou chat sem reinventar peça.OficialAuditada19,8 mil instalações, grátisui
Mais da loja antfu
Ver a loja antfuantfu
vite
O Claude mexe no seu projeto Vite com a documentação da versão 8 na mão, incluindo o que mudou com a chegada do Rolldown.Auditada39,9 mil instalações, grátisvue
Os componentes Vue saem no padrão atual da versão 3.5, com props, eventos e v-model tipados e a reatividade certa pra cada caso.Auditada35,8 mil instalações, grátispnpm
O Claude mexe no pnpm do seu projeto sem misturar configuração antiga: pnpm-workspace.yaml, catálogos, patches e lockfile travado no CI.Auditada22,3 mil instalações, grátisvueuse-
Aplica composables do VueUse para criar recursos em Vue.js e Nuxt mais enxutosAuditada21,4 mil instalações, grátisfunctions pinia
Ensina o agente a gerenciar estado em Vue com Pinia: stores, getters, actions e TypeScriptAuditada19,7 mil instalações, grátisvue-
Ensina boas práticas de Vue Router 4: guardas de navegação, parâmetros de rota e ciclo de vidaAuditada18,8 mil instalações, grátisrouter- best- practices vue-
Ensina boas práticas de teste em Vue.js com Vitest, Vue Test Utils, mocks e Playwright pra E2EAuditada17,2 mil instalações, grátistesting- best- practices antfu
O Claude monta e organiza seu projeto JavaScript ou TypeScript do jeito de Anthony Fu, com checagem automática antes de cada commit.Auditada16,9 mil instalações, grátisunocss
Ensina o agente a configurar o UnoCSS, motor de CSS atômico compatível com Tailwind: regras, atalhos e presetsAuditada16 mil instalações, grátisslidev
O Claude monta sua apresentação em Markdown com o Slidev: código destacado, animações, diagramas, notas do apresentador e exportação pra PDF ou PPTX.Auditada13,8 mil instalações, grátisvitepress
Cria sites de documentação com o VitePress, que gera site estático a partir de Markdown e VueAuditada11,8 mil instalações, grátisnitro
Ensina o agente a usar o Nitro, o toolkit de servidor por trás do Nuxt, para criar e publicar servidores webAuditada2.600 instalações, grátis