Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
React Vite Best Practices skill
Aplica boas práticas de desempenho em componentes React feitos com Vite
- instalações
- 2.900
- estrelas no GitHub
- 95
- No skills.sh desde
- janeiro de 2026
- Licença
- MIT
Atualizada no GitHub em 27 de agosto de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.
Nas palavras de quem fez
React and Vite performance optimization guidelines. Use when writing, reviewing, or optimizing React components built with Vite. Triggers on tasks involving…
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 React Vite Best Practices 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 React Vite Best Practices, 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.
Levar essa skill
1x react-vite-best-practicesR$ 0,00
TotalR$ 0,00
Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/asyrafhussin/agent-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 corredormengto
build-
Sai um site completo com uma ideia visual própria, abertura animada e movimento que acompanha a rolagem, sem cara de template.Auditada3.100 instalações, grátisawwwards- quality- sites onmax
vueuse
O agente resolve com uma função pronta do VueUse o que ia escrever na mão no seu projeto Vue ou Nuxt.Auditada3.100 instalações, grátispproenca
react-
Formulário de cadastro, checkout ou orçamento em React que responde rápido, valida certo e mostra o erro do servidor sem gambiarra.Auditada3.000 instalações, grátishook- form Android
android-
O Claude cria o app Android, instala no emulador ou no celular, olha a tela, toca nos botões e testa o caminho do usuário, tudo por comando.2.900 instalações, grátiscli jezweb
wordpress-
Texto, botão, imagem e template de página do Elementor trocados pelo Claude, com backup antes e print pra conferir depois.Auditada2.900 instalações, grátiselementor Figma
figma-
A tela que sai do Figma fica igual ao desenho, usa os componentes que o seu projeto já tem e não deixa imagem faltando nem link temporário.Oficial2.500 instalações, grátisdesign- to- code img2threejs
img2threejs
A foto de um objeto vira um modelo 3D em Three.js feito em código, montado por etapas e comparado com a imagem a cada passo.2.400 instalações, grátispartme-ai
electron
O Claude monta um app de desktop em Electron com os processos bem separados, comunicação segura e instalador pra Windows, Mac e Linux.Auditada2.400 instalações, grátis
Mais da loja asyrafhussin
Ver a loja asyrafhussinasyrafhussin
php-
Aplica padrões modernos de PHP 8, normas PSR e princípios SOLID para revisar qualidade e tipagemAuditada3.700 instalações, grátisbest- practices laravel-
O Claude escreve código Laravel organizado, sem consulta repetida no banco e com a validação no lugar certo.Auditada2.300 instalações, grátisbest- practices laravel-
Integra Laravel, Inertia.js e React: páginas, formulários com useForm e dados compartilhados1.900 instalações, grátisinertia- react clean-
Aplica SOLID, padrões de projeto, DRY e KISS para revisar a qualidade e a arquitetura do códigoAuditada1.800 instalações, grátiscode- principles typescript-
Ensina TypeScript em React: componentes, hooks, eventos, refs e genéricos tipadosAuditada1.100 instalações, grátisreact- patterns laravel-
Otimiza o banco no Laravel: consultas Eloquent, migrations, índices, cache e consultas lentasAuditada1.000 instalações, grátisdatabase- optimization laravel-
Audita a segurança de apps Laravel + React/Inertia.js pelo OWASP Top 10 e orienta código seguroAuditada994 instalações, grátisowasp- security tailwind-
Aplica padrões do Tailwind CSS: design responsivo, modo escuro e estilos de componentes reutilizáveisAuditada943 instalações, grátisbest- practices api-
Orienta o desenho de APIs REST: tratamento de erros, versionamento e boas práticasAuditada925 instalações, grátisdesign- patterns laravel-
Escreve testes de Laravel 13 com Pest PHP 4 ou PHPUnit 12: testes de feature e unitáriosAuditada909 instalações, grátistesting testing-
Ensina testes unitários, de integração e TDD, e como revisar e ampliar a coberturaAuditada896 instalações, grátisbest- practices web-
Revisa UI/UX e acessibilidade em código de interface, formulários e páginas web886 instalações, grátisdesign- guidelines