Ferramenta nova se aprende no meio do projeto. O que eu trago pronto é o processo: transformar problema de negócio em spec, spec em tela funcionando, tela em produção. A IA acelera cada etapa; a engenharia segura o resultado. A primeira versão navegável sai em dias, e as decisões acontecem em cima da tela, não de um documento.
# frontend
- ▸JavaScript puro — o núcleo do CRM da Costa roda sem nenhuma dependência npm
- ▸Next.js + TypeScript + Tailwind — este portfólio: estático, tipado, gerado inteiro no build
- ▸PDF no navegador (jsPDF) — propostas comerciais saem prontas, com a identidade da marca
# backend & dados
- ▸Node.js — proxy de integrações rodando 24/7 no Railway
- ▸Supabase (PostgreSQL) — banco do CRM inteiro em migrações versionadas
- ▸Vercel + Railway + GitHub — deploy contínuo dos dois lados desde o primeiro mês
# integrações
- ▸Microsoft Graph / 365 — PDF no OneDrive, planilha no SharePoint, e-mail automático para financeiro e operação
- ▸Claude API + Vision — print de cotação entra no banco como dado estruturado
- ▸E-mail marketing sem ESP — envio direto pela Azure/Graph via proxy, com relatórios automáticos
- ▸ShipServ + AwesomeAPI — RFQs monitoradas a cada 30 min; câmbio USD/BRL ao vivo
# ia no fluxo
- ▸Claude Code todos os dias — cada mudança nasce de spec aprovada e termina verificada
- ▸Disciplina embutida no agente — TDD, debugging sistemático e verificação antes de concluir
- ▸Memória de projeto — regras e incidentes viram skills próprias que voltam no contexto da sessão seguinte
Vibe coding, do meu jeito
O código sai rápido; estes quatro princípios seguram a qualidade.
- 01
Spec antes de código
28 fases e ~30 specs internas em 4 meses. Cada fase entra desenhada e sai validada com quem usa.
- 02
Teste onde o erro custa caro
11 arquivos de teste no CRM; o parser de PDFs nasceu test-first contra documentos reais. Até a assinatura de e-mail tem teste.
- 03
Produção com consequência
Gente de quatro áreas depende do sistema. Problema que aparece é diagnosticado, resolvido e vira documentação.
- 04
Memória institucional
Cada fase vira histórico, cada incidente vira regra escrita. O conhecimento fica na empresa e o sistema não regride.
Este portfólio, aliás, saiu do mesmo método. Leia o making-of.
