React dev
Skill victoralecrim11/plugin-react-dev-toolkit/skills/react-dev
Base de conhecimento para projetos React, Next.js e React Native/Expo. Use quando o assunto envolver React, TypeScript, Hooks, Zustand, TanStack Query, App Router, Server Components, Server Actions, SSR, SSG, Expo, Expo Router, Hermes, Reanimated, discovery de MVP, scaffolding, code review, arquitetura de pastas, deploy, build de producao, publicar, hospedar, Vercel, Netlify, Cloudflare Pages, GitHub Pages, Expo EAS, GitHub Actions, CI/CD, variaveis de ambiente, analisar projeto feito com o framework GSD (pasta .planning/, PROJECT.md, ROADMAP.md, STATE.md, phases), auditoria de seguranca (segredos vazados, dependencias vulneraveis, XSS, injecao, autenticacao, exposicao de dados), ou o Project Hub local (projetos, componentes, reviews, metricas, divida tecnica, checklist).From its SKILL.md
npx -y skills add victoralecrim11/plugin-react-dev-toolkit --skill react-devAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
One thing to look at
- 1 stars1 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
SKILL.md
3.2 KB, as published. Nobody here has run it
React Dev Hub — base de conhecimento
Carregue o arquivo de referência que corresponde ao assunto. Cada um é independente: leia só o que a tarefa exige, não todos.
| Assunto | Arquivo |
|---|---|
| Mentoria, tutor, carreira, arquitetura e code review didático | references/react-mentor.md |
| React, TypeScript, Hooks, estado, dados remotos | references/react-core.md |
| Next.js: App Router, Server Components, Server Actions, SSR/SSG | references/nextjs.md |
| React Native e Expo: Expo Router, Hermes, Reanimated, mobile | references/react-native.md |
| Discovery, planejamento, MVP, implementação incremental, review | references/project-builder.md |
| Segurança: auditoria de brechas, segredos, XSS, injeção, auth | references/security-review.md |
| Deploy, CI/CD, provedores, build de produção, segredos | references/deploy-advisor.md |
GSD: analisar projeto feito com o framework (.planning/, spec vs código) | references/gsd-analyzer.md |
| Project Hub: schema da API, perfil do dev, registros | references/dashboard-projetos.md |
Os caminhos são relativos a ${CLAUDE_PLUGIN_ROOT}/skills/react-dev/. Plugins
instalados são copiados para um cache, então resolva sempre por essa variável e
nunca por caminho relativo ao projeto do usuário.
Regras que valem para tudo
react-core.mdé a base. Para Next.js ou Expo, leiareact-core.mdprimeiro e depois a referência da plataforma.- Mentoria e construção são papéis diferentes. Para ensinar, revisar,
orientar carreira ou explicar arquitetura, leia
react-mentor.md. Para transformar ideia em projeto, planejar ou implementar, leiaproject-builder.md. - TypeScript estrito é obrigatório e não é configurável.
- O nível do desenvolvedor é o teto de complexidade. Ele vive em
devLevelnodashboard-config.jsone é definido pelo/setup. Nenhum comando pergunta o nível; se o perfil não existir, aplique o fallback descrito emreferences/dashboard-projetos.md. - Cada recomendação vem com motivo, alternativas e quando não usar.
Arquivos de apoio do Project Hub
O servidor local e o template ficam em references/project-hub/:
dashboard-server.py, dashboard-template.html, iniciar-dashboard.bat e
iniciar-dashboard.command. Copie-os para a subpasta ProjectHUB da pasta-base
escolhida pelo usuário; o servidor usa só a biblioteca padrão do Python, sem pip.