Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
React Component Architecture skill
Desenha componentes React escaláveis com hooks, composição e TypeScript, pra bibliotecas reutilizáveis
- instalações
- 674
- estrelas no GitHub
- 371
- No skills.sh desde
- janeiro de 2026
- Licença
- MIT
Atualizada no GitHub em 4 de março de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.
Nas palavras de quem fez
Design scalable React components using functional components, hooks, composition patterns, and TypeScript. Use when building reusable component libraries and…
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 Component Architecture 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 Component Architecture, 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-component-architectureR$ 0,00
TotalR$ 0,00
Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/aj-geddes/useful-ai-prompts
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 corredormindrally
shopify
O Claude edita o tema da sua loja Shopify em Liquid do jeito que a plataforma pede, com seções ajustáveis no editor e páginas que carregam rápido.Auditada719 instalações, grátisstripe
O Claude monta a cobrança e as assinaturas do seu app com a Stripe do jeito seguro, com a chave secreta no servidor e o webhook conferido.Auditada704 instalações, grátissuperagents-lab
uikit-
O Claude troca as APIs antigas do seu app iOS pelas novas, arquivo por arquivo, e o app passa a funcionar em janela redimensionável e com várias janelas.Auditada689 instalações, grátisapp- modernization prisma-labs-dev
swiftui
O Claude escreve telas de app pra iPhone consultando a documentação da Apple, em vez de chutar nome de API de memória.677 instalações, grátisprowler-cloud
react-
O Claude para de escrever React do jeito antigo e entrega componentes mais curtos, que o React Compiler otimiza sozinho.Auditada671 instalações, grátis19 partme-ai
vue3
O Claude escreve seus componentes e telas em Vue 3 consultando resumos do guia e da referência oficiais, em vez de chutar a API de memória.Auditada637 instalações, grátistamagui
tamagui
O Claude escreve componentes Tamagui na sintaxe nova da versão 3, com os tokens e temas do seu projeto, e confere tudo antes de entregar.Auditada594 instalações, grátispproenca
expo
O Claude escreve e revisa o seu app Expo seguindo 54 regras de desempenho, das que mais pesam, como o tempo de abertura, até as de memória.Auditada553 instalações, grátis
Mais da loja aj-geddes
Ver a loja aj-geddesaj-geddes
nodejs-
Cria servidores Express.js prontos para produção, com middleware, autenticação, rotas e banco de dados3.300 instalações, grátisexpress- server code-
Faz revisões de código completas, com boas práticas, checagem de segurança e feedback construtivoAuditada2.400 instalações, grátisreview- analysis rest-
Projeta APIs REST: modelagem de recursos, métodos HTTP, códigos de status, versionamento e docs2.100 instalações, grátisapi- design architecture-
Cria diagramas de arquitetura de sistemas com Mermaid, PlantUML, modelo C4, fluxogramas e sequênciaAuditada2.000 instalações, grátisdiagrams jenkins-
Monta pipelines Jenkins declarativos e com script: estágios, agentes, parâmetros, plugins e deployAuditada2.000 instalações, grátispipeline ansible-
Automatiza infraestrutura com playbooks, roles e inventário do Ansible: deploy, patches e configuração1.800 instalações, grátisautomation android-
Desenvolve apps Android nativos em Kotlin com Jetpack, Compose, Retrofit, Room e navegaçãoAuditada1.500 instalações, grátiskotlin- development ios-
Desenvolve apps iOS nativos em Swift com SwiftUI, MVVM, URLSession, Combine e Core DataAuditada1.500 instalações, grátisswift- development flask-
Desenvolve APIs leves em Flask com rotas, blueprints, banco, autenticação e tratamento de requisições1.400 instalações, grátisapi- development nginx-
Configura o Nginx como proxy reverso, balanceador de carga, com SSL/TLS, cache e gateway de API1.400 instalações, grátisconfiguration wireframe-
Cria wireframes e protótipos interativos para visualizar interfaces e colher feedback cedoAuditada1.400 instalações, grátisprototyping markdown-
Ensina Markdown, GitHub Flavored Markdown, READMEs e a formatação de documentaçãoAuditada1.300 instalações, grátisdocumentation