🎯 Definicao do projeto: landing page para sua marca
Este e o modulo final — e o mais importante. Em vez de usar exemplos genericos, voce vai construir algo real e util para voce. Escolha um projeto proprio: sua empresa, seu portfolio, seu projeto pessoal, sua marca. Isso gera motivacao real e um resultado que voce pode usar de verdade.
💡 Definindo seu projeto
- •Escolha um tema real: Sua consultoria, seu portfolio de freelancer, uma ideia de startup
- •Defina 5-10 secoes: Hero, Servicos, Sobre, Depoimentos, FAQ, Contato, Footer
- •Escolha a stack: HTML+CSS+JS (recomendado), ou Next.js, ou Astro, ou qualquer framework
- •Defina o visual: Tema escuro/claro, cores da marca, tom de voz
📊 Preparacao
# Criar pasta para seu projeto
mkdir ~/meu-projeto-real
cd ~/meu-projeto-real
git init
# Abrir o OpenCode
opencode
# Tempo estimado total: ~90 minutos
# Fase 1: Entrevista (15 min)
# Fase 2: Execucao (30-45 min)
# Fase 3: Revisao (15 min)
# Fase 4: Validacao (15 min)📋 Fase 1: Entrevista com Prometheus (15 min)
Agora voce vai aplicar tudo que aprendeu no Modulo 4.5, mas com SEU projeto real. Siga o fluxo completo de entrevista.
💡 Fluxo completo passo a passo
# Passo 1: Trocar para Prometheus
[Tab] → Selecionar Prometheus / Plan Builder
# Passo 2: Descrever e pedir entrevista
"Quero construir uma landing page para [SEU PROJETO].
Me entreviste antes de comecar."
# Passo 3: Responder todas as perguntas do Prometheus
# - Nome e marca
# - Servicos/produtos
# - Publico-alvo
# - Secoes desejadas
# - Stack tecnico
# - Tom de voz
# - Formulario (campos)
# - Referencias visuais
# Passo 4: Revisar o resumo
# Prometheus mostra tudo que coletou
# Corrija se necessario
# Passo 5: Confirmar e executar
"Sim, correto. Pode comecar!"
/start-work📊 Dica importante
Nao tenha pressa na entrevista. Cada detalhe que voce fornece agora economiza ajustes depois. Se o Prometheus perguntar algo que voce nao pensou, use isso como oportunidade para refinar sua visao do projeto.
🚀 Fase 2: Execucao do swarm (30-45 min)
Apos o /start-work, o swarm entra em acao. Multiplos agentes trabalham em paralelo, organizados em waves (ondas) de implementacao. Cada wave foca em uma camada do projeto.
💡 Waves de execucao
- Wave 1:Estrutura — HTML base, layout das secoes, navegacao
- Wave 2:Conteudo — Textos de cada secao, dados dos depoimentos, perguntas do FAQ
- Wave 3:Estilo — CSS completo, tema, cores, tipografia, responsividade
- Wave 4:Interatividade — JavaScript, formulario, FAQ accordion, animacoes
- Wave 5:Revisao — Oracle e Reviewer verificam erros, acessibilidade, performance
- Wave 6:Polish — Ajustes finais, micro-interacoes, detalhes visuais
📊 O que fazer durante a execucao
Voce pode acompanhar em tempo real clicando nos indicadores de subagentes, ou simplesmente ir fazer outra coisa. O swarm e autonomo — ele se autocorrige e chega ao resultado final sozinho. E o poder do sistema multiagente em acao.
🔍 Fase 3: Revisao e ajustes (15 min)
O swarm entrega ~90% do resultado final. Os 10% restantes sao refinamento humano — ajustes de conteudo, correcoes visuais, preferencias pessoais que so voce pode decidir.
💡 Ajustes pontuais em linguagem natural
# Exemplos de ajustes que voce pode pedir ao Sisyphus:
"Mude a cor do hero para azul escuro"
"Adicione mais um depoimento de cliente"
"O formulario precisa de campo telefone com mascara"
"Aumente o tamanho do titulo principal"
"Troque o icone do servico 3 para um icone de grafico"
"Adicione um botao de WhatsApp flutuante"
"O FAQ precisa de mais uma pergunta sobre precos"
# Use /review para uma revisao completa:
/review✅ Fase 4: Validacao final e checklist
Antes de considerar o projeto pronto, passe por este checklist completo de qualidade. Um processo sistematico garante qualidade consistente em todos os seus projetos.
💡 Checklist Final de Qualidade
📊 Dica de deploy
# Quando tudo estiver aprovado, faca o commit:
git add .
git commit -m "Landing page completa via swarm de agentes"
# Deploy rapido (opcoes gratuitas):
# - GitHub Pages: push para github e ativar Pages
# - Netlify: arraste a pasta no netlify.com/drop
# - Vercel: vercel deploy (se usar framework)
# - Surge: surge ./ meu-projeto.surge.sh🏆 Resultado: o que voce construiu
Pare e reflita sobre o que acabou de acontecer. Voce deu um prompt, respondeu algumas perguntas, tomou um cafe, e agora tem um projeto completo, funcional e pronto para deploy. Isso e o poder dos swarms de agentes de IA.
💡 O que voce aprendeu nesta trilha
📊 Proximos desafios
- →Projeto mais complexo: Construir um app, dashboard ou API usando swarm
- →Experimentar com frameworks: CrewAI ou LangGraph (Trilha 2)
- →Criar seu proprio swarm: Customizar agentes para seu dominio (Trilha 3)
- →Produtizacao: Usar swarms em projetos reais de clientes
🏆 Trilha 4 Completa!
Parabens!
Voce completou a Trilha 4 — Mao na Massa. Agora voce tem as habilidades praticas para usar swarms de agentes em qualquer projeto. Explore as outras trilhas para aprofundar seus conhecimentos teoricos e avancados.