Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
React Best Practices skill
Aplica 27 regras de desempenho e qualidade ao escrever ou revisar código React
- instalações
- 2.800
- estrelas no GitHub
- 29,1 mil
- No skills.sh desde
- janeiro de 2026
- Licença
- Própria
Atualizada no GitHub em 26 de outubro de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.
Nas palavras de quem fez
React performance optimization guidelines from Mastra Engineering. This skill should be used when writing, reviewing, or refactoring React code to ensure…
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 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 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-best-practicesR$ 0,00
TotalR$ 0,00
Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/mastra-ai/mastra
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 corredoronmax
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átistruongduy2611
app-
O Claude confere metadados, assinaturas, privacidade e permissões do seu app contra as regras da Apple e entrega a lista do que corrigir antes do envio.Auditada2.100 instalações, grátisstore- preflight- skills
Mais da loja Mastra
Ver a loja MastraMastra
mastra
O Claude monta agentes e workflows no Mastra consultando a documentação da versão instalada, em vez de chutar uma API que já mudou.Oficial82,8 mil instalações, grátismastra-
Opera e supervisiona o Mastra Factory pela CLI: conexão, status, filas e projetosOficial4.500 instalações, grátisfactory ralph-
Planeja, em conversa interativa, comandos ralph-loop focados e bem estruturadosOficialAuditada2.600 instalações, grátisplan e2e-
Orienta testes E2E ao mexer no playground-ui e no playground do Mastra: componentes React e interfaceOficialAuditada2.500 instalações, grátistests- studio smoke-
Cria um projeto Mastra com create-mastra e faz um teste de fumaça do studio no Chrome via Chrome MCPOficialAuditada2.500 instalações, grátistest tailwind-
O Claude estiliza as telas do Playground do Mastra só com os componentes e tokens do design system, sem inventar cor, tamanho ou componente novo.OficialAuditada2.000 instalações, grátisbest- practices mastra-
Dá as regras pra escrever, editar e revisar a documentação, as barras laterais e redirecionamentos do MastraOficialAuditada158 instalações, grátisdocs tailwind-
Ensina a escrever Tailwind CSS v4 e a achar sintaxe da v3 que não deveria mais aparecerOficialAuditada103 instalações, grátisv4 mastra-
Resume as convenções do Mastra: agentes ou workflows, configuração TypeScript e estrutura do projetoOficialAuditada87 instalações, grátisbest- practices mastra-
Consulta as assinaturas atuais de API nos pacotes instalados do Mastra, direto das docs embutidasOficialAuditada65 instalações, grátisembedded- docs- look- up mastra-
Faz smoke tests de projetos Mastra, local ou em staging e produção: Studio, agentes, ferramentas e workflowsOficial61 instalações, grátissmoke- test pr-
Cria uma página HTML autônoma que explica um pull request: o que mudou, por quê e como foi verificadoOficialAuditada52 instalações, grátisexplainer