Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
React Devtools skill
Usa o React DevTools no terminal para depurar app React ou React Native e inspecionar props, state e hooks
- instalações
- 2.600
- estrelas no GitHub
- 252
- No skills.sh desde
- fevereiro de 2026
- Licença
- MIT
Atualizada no GitHub em 11 de setembro de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.
Nas palavras de quem fez
React DevTools CLI for AI agents. Use when the user asks you to debug a React or React Native app at runtime, inspect component props/state/hooks, diagnose…
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 Devtools 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 Devtools, 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-devtoolsR$ 0,00
TotalR$ 0,00
Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/callstackincubator/agent-react-devtools
Aprenda a usar
- O que é o Claude Code (Claude CLI) e como começar
O que é o Claude Code (Claude CLI), pra que serve pra quem não programa, o que ele pede pra rodar e como se compara ao Codex, ao Antigravity e ao Cursor.
Na mesma prateleira
Ver as 5.600 skills do corredorbobmatnyc
playwright-
Testes automáticos que abrem o site, preenchem, clicam e conferem o resultado no Chrome, no Firefox e no Safari antes de o cliente achar o erro.Auditada2.700 instalações, grátise2e- testing Cursor
thermo-
Antes de juntar uma branch, o agente caça bug, brecha de segurança e o que vai quebrar pra quem roda o projeto, e só reporta o que confirmou.Auditada2.700 instalações, grátisnuclear- review greptileai
greploop
O agente pede revisão ao Greptile, corrige o que ele apontou, sobe de novo e repete até a nota 5/5, sem você ficar no vai e volta.2.700 instalações, grátisVercel Labs
opensrc
Quando uma biblioteca faz algo estranho, o Claude abre o código dela na versão que você usa, em vez de adivinhar pela documentação.Oficial2.700 instalações, grátisSentry
sentry-
Os bugs que o Sentry aponta no seu PR são conferidos e corrigidos de uma vez, e você recebe a lista do que foi resolvido e do que pede sua decisão.Oficial2.500 instalações, grátiscode- review asyrafhussin
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 pydantic
pydantic
Os dados que chegam de API, formulário ou IA entram validados no seu código Python, com modelos fáceis de manter e sem campo sumindo quando vira JSON.Auditada2.100 instalações, grátisk-dense-ai
matlab
O Claude escreve e revisa código MATLAB ou Octave pensando em versão, licença e reprodutibilidade, e não roda arquivo suspeito sem você aprovar.Auditada2.000 instalações, grátis
Mais da loja Callstack Incubator
Ver a loja Callstack IncubatorCallstack 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 upgrading-
Atualiza apps React Native para versões novas com os diffs do template, dependências e código nativoOficialAuditada12,7 mil instalações, grátisreact- native github-
Cada PR ou push gera o app de iOS e de Android na nuvem do GitHub, e o Claude baixa os arquivos com um comando, sem build no seu computador.Oficial10,9 mil instalações, grátisactions github
Ensina padrões de GitHub com o gh CLI: pull requests, PRs empilhados, revisão de código, branches e automaçãoOficial8.600 instalações, grátisvalidate-
Valida as skills do repositório contra a especificação do agentskills.io e as boas práticas do Claude CodeOficialAuditada7.300 instalações, grátisskills react-
Migra aos poucos apps nativos de iOS ou Android pra React Native ou Expo com o react-native-brownfieldOficialAuditada5.200 instalações, grátisnative- brownfield- migration react-
Monta telas de navegação com React Navigation: stacks, tabs, drawers, cabeçalhos e bottom sheetsOficialAuditada4.800 instalações, grátisnavigation create-
Cria bibliotecas React Native com o create-react-native-library, avulsas ou como módulos nativos locaisOficialAuditada4.300 instalações, grátisreact- native- library react-
Revisa apps React Native para TV: foco com D-pad, layout para tela grande, DRM e performanceOficialAuditada2.300 instalações, grátisnative- tv- best- practices assess-
Avalia se e como migrar um produto mobile existente para React Native, auditando os repositóriosOficialAuditada2.100 instalações, grátisreact- native- migration writing-
Define o estilo da documentação pra usuário: tom, escopo, estrutura e o que deixar de foraOficialAuditada900 instalações, grátisuser- docs rozenite-
Usa a CLI do Rozenite para inspecionar dados do React Native DevTools e plugins de um app rodandoOficial471 instalações, grátisagent