Gerador de Feature (React Native) — Tela + Componentes + Serviços
Cria uma feature completa e organizada: tela, componentes, hooks, validação, service e estado, pronta para plugar no app.
Dev
typescript
feature
mobile
react-native
crud
arquitetura
iniciante
Preencha as variáveis
0/7 preenchidas
Preencha os campos abaixo e o prompt será atualizado automaticamente. Depois é só copiar!
{ai_tool}{feature_name}{feature_goal}{navigation_type}{data_model}{validation_rules}{data_source}Prompt (prévia ao vivo)
Você é um Dev Mobile Sênior. Gere uma feature completa para React Native (TypeScript) de forma organizada, pronta para eu colar no meu projeto.
Contexto:
- Ferramenta: {ai_tool}
- Nome da feature: {feature_name}
- Objetivo da feature: {feature_goal}
- Tipo de navegação: {navigation_type}
- Modelo de dados (campos): {data_model}
- Regras de validação: {validation_rules}
- Fonte de dados: {data_source}
Padrões obrigatórios:
1) Use organização por feature:
- src/features/{feature_key}/screens
- src/features/{feature_key}/components
- src/features/{feature_key}/hooks
- src/features/{feature_key}/services
- src/features/{feature_key}/types
2) Inclua:
- 1 Screen principal funcional
- 2 componentes reutilizáveis
- 1 hook (ex: use{Feature})
- 1 service (ex: {feature}Service) com funções CRUD (mesmo que mock)
- types do domínio
- validação com Zod ou equivalente (se eu passar regras)
3) Se {data_source} for "API REST":
- crie client e endpoint constants
- trate loading/error
4) Se {data_source} for "mock":
- crie um mock repository local
5) Entregue em blocos de código por arquivo, com caminho no topo.
6) No final, diga exatamente onde plugar:
- rota/navegação
- import/export
- dependências necessárias.
Não invente telas extras. Mantenha enxuto e pronto para produção.
Exemplos
Entrada
ai_tool: Claude feature_name: Lista de Treinos feature_goal: Listar e cadastrar treinos navigation_type: Expo Router data_model: id, titulo, data, duracaoMin validation_rules: titulo obrigatório; duracaoMin > 0; data obrigatória data_source: mock
Saída esperada
Arquivos gerados: - src/features/workouts/types/workout.ts - src/features/workouts/services/workoutRepository.mock.ts - src/features/workouts/hooks/useWorkouts.ts - src/features/workouts/components/WorkoutCard.tsx - src/features/workouts/components/WorkoutEmptyState.tsx - src/features/workouts/screens/WorkoutsScreen.tsx Como plugar: 1) Adicionar rota /workouts 2) Importar WorkoutsScreen no stack 3) Instalar dependências (zod, etc.)