Módulo 7 — IA no fluxo de trabalho 🟢
Objectivo: usar IA para construir mais depressa e melhor — e integrá-la nas próprias apps. O momento aha: descreves uma funcionalidade em português e ela ganha forma em ficheiros reais, prontos a rever. Resultado: uma funcionalidade de IA simples integrada numa app.
1. Claude Code como par de trabalho
Dentro do VSCode, o agente:
- lê o projecto inteiro e percebe o contexto,
- escreve e edita ficheiros,
- corre comandos (build, testes, git),
- integra APIs por ti.
Boa prática: pede objectivos, não passos. Trabalha em pequenos incrementos e revê sempre antes de aceitar.
2. Escolher o modelo certo
| Serviço | Quando |
|---|---|
| Anthropic (Claude) | raciocínio, código, tarefas complexas |
| OpenAI | alternativas e ecossistema vasto |
| Groq | inferência muito rápida (respostas quase instantâneas) |
3. Pôr IA dentro da tua app
Chamas a API do modelo a partir do backend (nunca expõe a chave no frontend):
// no servidor
const r = await fetch("https://api.anthropic.com/v1/messages", {
method: "POST",
headers: { "x-api-key": process.env.ANTHROPIC_API_KEY, "content-type": "application/json" },
body: JSON.stringify({ model: "claude-...", max_tokens: 300, messages: [{ role: "user", content: pergunta }] })
});4. Custo e segurança
- A chave vive numa variável de ambiente, no servidor.
- Controla
max_tokense o nº de chamadas — IA custa por uso.
5. Skills — atalhos da IA para coisas avançadas
Além de escrever código, a nossa IA tem skills: receitas prontas que executam tarefas inteiras. Invocas escrevendo /nome ou simplesmente pedindo em português. As que abrem mais portas:
| Skill | O que faz por ti |
|---|---|
| /lancar | Põe o projecto em produção (repositório + Vercel + domínio) — sem saber DevOps. |
| expo-eas | Cria e publica apps móveis iOS/Android — sem Mac. |
| frontend-design / artifact-design | Gera interfaces bonitas e profissionais (sem “cara de template”). |
| web-asset-generator | Faz favicons, ícones e imagens de partilha (Open Graph) a partir do teu logo. |
| playwright / webapp-testing | Testa o site sozinho: clica, preenche formulários, tira screenshots. |
| deep-research | Investiga um tema com fontes verificadas e entrega um relatório. |
| project-manager | Ajuda a organizar e gerir o projecto. |
| skill-creator | Cria a tua própria skill para automatizar o que repetes. |
Ideia-chave: muitas coisas “avançadas” já são um pedido. Não precisas de dominar tudo — precisas de saber o que pedir. É aqui que o iniciante ganha superpoderes.
✅ Exercícios
- Objectivo vs passos — escreve dois pedidos ao Claude Code para a mesma tarefa: um por passos, outro por objectivo. Compara os resultados.
- Resumo — integra uma função simples que recebe um texto e devolve um resumo (chamada à API no servidor).
- Modelo certo — para 3 tarefas (chat rápido · análise de código · classificação simples), escolhe o serviço e justifica.
Resultado esperado: uma rota que recebe texto e devolve uma resposta gerada por IA.