Vite skill

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.

por antfu

instalações: 39,9 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.

antfu
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átis

O que ela faz

A skill, gerada por Anthony Fu a partir do repositório do Vite, resume a documentação oficial da versão 8.3.1. Desde o Vite 8, o Rolldown e o Oxc entram no lugar do esbuild e do Rollup. Ela vem com duas preferências: configuração em TypeScript (vite.config.ts) e sempre ESM, nunca CommonJS.

Os temas ficam em arquivos de referência que o Claude abre conforme a tarefa: configuração com defineConfig e loadEnv, recursos como import.meta.glob e variáveis de ambiente, a API de plugins, modo biblioteca e SSR, a Environment API e o guia de migração pro Rolldown. Tem ainda os comandos básicos e os plugins oficiais de Vue e React.

Nas palavras de quem fez

Vite build tool configuration, plugin API, SSR, and Vite 8 Rolldown migration. Use when working with Vite projects, vite.config.ts, Vite plugins, or building…

antfu, no SKILL.md

Quando usar

Criar ou arrumar o vite.config.ts de um projeto
Atualizar um projeto antigo pro Vite 8
Configurar um proxy pra API local enquanto desenvolve
Empacotar uma biblioteca ou montar renderização no servidor (SSR)
Escrever um plugin próprio do Vite

Depois de instalar, é só pedir assim

Atualiza esse projeto pro Vite 8 e corrige o que quebrar na configuração
Configura o Vite pra mandar as chamadas de /api pro meu servidor na porta 8080
Monta o build desse componente como biblioteca pra eu publicar no npm

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 Vite 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 Vite, 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 vite skill precisa pra funcionar?

De um projeto que usa ou vai usar o Vite, com Node.js instalado. Não pede chave de API nem conta paga: são instruções e referências em Markdown.

Roda no Codex e no Antigravity?

Roda. Não tem script nem nada preso ao Claude Code, então qualquer agente que lê SKILL.md aproveita.

Ela serve pra versões antigas do Vite?

Ela foi gerada a partir do Vite 8.3.1 e puxa pra configuração atual. Num projeto em versão antiga, o mais útil é o guia de migração; detalhes das versões anteriores não estão nela.

Levar essa skill

1x viteR$ 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.