Módulos
Fundamentos & ambiente
A base que equipa você pra construir qualquer coisa: do modelo mental das três camadas ao ambiente real, com o app rodando no seu celular.
Objetivo finalseu primeiro app no ar, rodando no seu próprio celular, com você no comando do agente.
- 01O que você vai construir
- 02Do que é feito um protótipo funcional
- 03Reconhecendo as camadas
- 04Escolha seu agente
- 05O ambiente de verdade: cockpit e motor
- 06Mão na massa: sua primeira tela no ar
- 07Como pedir: passos e referências
- 08Como controlar: delimitar e ler o diff
- 09Proteja o contexto
- 10Ver no seu celular
Ações e recursos básicos
CRUD e estado num app de treino descartável: busca ao vivo, componentes, persistência. Sem apego à UI — o foco é o comportamento.
Objetivo finalvocê digita e a lista reage na hora; cria, edita, exclui e o app lembra.
- 01A tabela ganha vida
- 02Do Figma ao componente
- 03Interfaces reativas
- 04Onde os dados moram
- 05Editar e excluir
Começando pela UI
A virada UI-first: leve a SUA interface pro código e adote o shadcn como base do mega protótipo que vem a seguir.
Objetivo finaluma troca de tema e tudo parece desenhado pra você.
- 01Mandar print pro agente
- 02Do Figma pro código
- 03Uma base bonita, com a sua cara
O mega protótipo: a watchlist
A watchlist toma forma, UI-first: do intento visual aos componentes shadcn, a tela principal em grid de cards.
Objetivo finalparece um produto de verdade, com a sua cara.
Dados de verdade
De localStorage a Supabase: seus dados deixam o navegador e passam a existir em qualquer aparelho.
Objetivo finalfecha, reabre em outro aparelho e continua tudo lá.
Mundo externo
APIs e fluxos reais: puxar dados do TMDB e lidar com os estados de carregar, erro e vazio.
Objetivo finaldados de verdade entram na sua tela.
Estressar a UI
Gerar dados de teste realistas e um overlay de controle que força qualquer estado ao vivo, sem tocar no código.
Objetivo finalum painel força qualquer cenário ao vivo.
A mágica da IA
Conecte uma feature de IA com streaming da resposta — e aprenda a controlar custo e limites.
Objetivo finalvocê manda um prompt e a resposta se escreve sozinha.
No mundo real
Perfis de teste, deploy com URL pública e QR Code: gente de verdade usando seu protótipo no próprio celular.
Objetivo finalvocê manda o QR e alguém usa no celular dela, longe de você.