Do caos à entrega

Como organizar o trabalho para ter resultados reais com IA

"Nunca fui apaixonado por código"

Sempre fui apaixonado pelo resultado!

Janeiro/2024

Eu estava mortalmente cansado...

... e pensando seriamente em desistir.

Julho/2024

Decidi apostar forte em IA para entregar web apps!

O começo foi...

CAOS

Arrumando a casa

💅

Observação importante

🧐

Definir o projeto em linhas gerais

"Eu quero uma aplicação que tenha recursos parecidos com o Calendly: preciso criar tipos de eventos, por ex., “Reuniões de Manhã“ e poder selecionar Seg, Qua e Qui entre 8h e 11h. Ou “Reuniões aos finais de semana“ e poder selecionar Sab e Dom, entre 10h e 14h. Cada tipo de evento terá sua própria URL. O sistema será multi tenant. O sistema precisa tratar timezones automaticamente. O backend será todo no Supabase: DB, Auth e Edge Functions. Frontend será em React, com TanStack: router, form, table e query. Preciso que aplicação seja o mais simples possível: não há a necessidade de recursos avançados, porém, o simples deve funcionar muito bem. UI limpa e moderna.”

Criação manual do projeto

• Projeto front end
• Projeto backend (Supabase)
• Conexão entre eles (.env)
• Instalação das libs (TanStack, Tailwind etc.)

Objetivo: ter um projeto funcional, mesmo que sem funcionalidades

Quality Gate 🔬

• Vitest e Testing Library
• Linter, Prettier
• tsconfig (strict)
• husky (Git hooks)
• npm run qa

npm run test &

npm run format &

npm run typecheck &

npm run lint &

npm run build

Fazendo amizade 🤝

CLAUDE.md

.cursor/rules

Escolher servidores MCP

Model Context Protocol

Permite que as LLMs executem ferramentas e tenham acesso a dados

Task master em ação

Iniciar o desenvolvimento

• Jamais tire o olho do código
• Deixe a IA fazer commits
• Avalie o código de cada commit
• Se IA desviou do caminho, interrompa e corrija
• Solicite a diferentes IAs por code review
• Peça para IA criar Pull Request
• Tenha uma IA conectada no Github para code reviews
• Peça para a IA local ler os review e implementar correções
• Faça você mesmo o code review

Esta é a última linha de defesa antes do código ser enviado para a avaliação da equipe ou para produção

Dicas do Vedô

Obrigado!

X: @vedovelli74

Youtube: /vedovelli

LinkedIn: /in/vedovelli