cerebro-vip INEMA.CLUB
início › INEMA.DEV Desenvolvimento

Compilado de notas e hacks sobre o vídeo "Build ANYTHING With Context…

INEMA.DEV Desenvolvimento · 2025-07-15 · ~6 min · ver no Telegram ↗

INEMA

youtube.com/watch ↗

Hacks usados no vídeo⌗

1. Subagentes paralelos para pesquisa⌗

  • Ative múltiplos agentes para pesquisar várias tecnologias ao mesmo tempo.
  • Comando usado:

please spin up multiple research agents

✅ Isso divide a tarefa entre agentes e acelera o scraping das documentações.

Exemplo: enquanto um agente lê a API do OpenRouter, outro já estuda Convex e outro configura o frontend.

2. Hook experimental para ler antes de escrever⌗

  • Um hook bloqueia a escrita do código até que a IA leia toda a documentação.
  • Isso aumenta a qualidade do código gerado, evitando suposições erradas.

Como ativar/desativar:

  • Ativado por padrão em settings.json.
  • Pode ser desativado se ficar lento:

# Editar settings.json e remover o hook

3. Compactação do PRP⌗

  • Use o comando compact antes de executar fases finais para limpar arquivos temporários e organizar o projeto.

npx context-engineering compact

✅ Evita lixo no repositório e agiliza os próximos comandos.

4. Biblioteca pessoal de prompts⌗

  • Ele mantém todos os prompts em uma comunidade no Discord/School para reutilização rápida. ✅ Em vez de reescrever prompts longos, ele copia diretamente os mais eficientes.

5. Fallback manual⌗

  • Se o agente falhar em encontrar uma URL (erro 404), edite o PRP manualmente para corrigir o link da documentação. ✅ Garante que o agente não trave na execução.

6. Troca de backend se Convex falhar⌗

  • Convex confundiu a IA no vídeo. Ele recomenda trocar para:

  • MySQL + PHP

  • FastAPI + Python ✅ Mais estáveis para IA gerar código.

7. Geração incremental⌗

  • Ao invés de gerar o sistema todo de uma vez, execute em fases menores:

npx context-engineering execute-prp phase1 npx context-engineering execute-prp phase2

✅ Evita erros e permite ajustes entre fases.

8. Forçar execução com subagentes⌗

Se a IA ficar bloqueada:

please spin up many sub agents to make this as good as possible

✅ Isso força a IA a quebrar tarefas grandes em partes menores.

9. Uso do OpenRouter para vários modelos⌗

  • Ele usa OpenRouter para alternar entre modelos como:

  • Claude Opus 4

  • GPT-4
  • Gemini ✅ Permite comparar resultados e escolher o mais rápido/barato.

10. Desativar hooks para velocidade⌗

  • Quando os hooks travavam, ele os removeu para acelerar:

# Editar settings.json e remover hook

Passo a passo – Construindo um MVP SaaS com Context Engineering⌗

1. Preparação do ambiente⌗

2. Clonar o repositório PRP⌗

```# Crie uma pasta para o projeto mkdir meu-mvp cd meu-mvp

Clone o template do PRP⌗

git clone github.com ↗```

(Substitua <REPO-PRP> pelo link do repositório usado no vídeo)

3. Configurar o projeto⌗

```# Acesse a pasta do projeto clonado cd nome-do-repositorio

Abra o projeto no VSCode⌗

code .```

4. Criar o documento inicial⌗

  • No VSCode, copie o arquivo initial.example.md e renomeie para initial.md.
  • Edite o arquivo initial.md com a ideia do seu projeto. Exemplo:

Backend: Convex (ou MySQL/PHP) Frontend: HTML, CSS, JavaScript IA: OpenRouter API com Claude Opus 4 Funcionalidade: CRM com IA que cria subtarefas e timelines automáticas

5. Instalar dependências⌗

# Instale dependências do projeto npm install

6. Gerar o PRP (Prompt Research Plan)⌗

```# Entre na pasta principal do projeto cd context-engineering-intro

Gere o PRP⌗

npx context-engineering generate -pl initial.md```

Este comando ativa os subagentes de pesquisa que vão buscar documentações (Convex, OpenRouter, etc.).

7. Executar a fase 1 (Skeleton do projeto)⌗

npx context-engineering execute-prp phase1

Ele cria a estrutura inicial do backend e frontend com base no PRP.

8. Compactar o projeto (opcional)⌗

npx context-engineering compact

Limpa arquivos desnecessários e organiza os resultados.

9. Executar a fase final⌗

npx context-engineering execute-prp phase2

Gera o código final, pronto para testes.

10. Rodar o projeto⌗

```# Para backend com Convex npx convex deploy

Subir containers (se necessário)⌗

docker-compose up```

Acesse o projeto no navegador em http://localhost:3000 (ou a porta configurada).

11. Desativar hooks (se necessário)⌗

Se os hooks estiverem bloqueando o progresso:

  • Vá até settings.json no projeto.
  • Remova a configuração dos hooks experimentais.

12. Testar e iterar⌗

  • Teste o MVP no navegador.
  • Ajuste o PRP (initial.md) para novas funcionalidades e gere novamente:

npx context-engineering generate -pl initial.md

Exemplo de resultado⌗

Um CRM básico:

  • ✅ Cadastro de tarefas
  • ✅ Subtarefas geradas por IA
  • ✅ Interface web com HTML/CSS/JS
  • ✅ Backend em Convex (ou substitua por MySQL/PHP/FastAPI)

O vídeo “Build ANYTHING With Context Engineering + Claude Opus 4” mostra na prática como criar um MVP (Produto Mínimo Viável) de um SaaS usando context engineering, Claude Opus 4 e o PRP (Prompt Research Plan) template.

Resumo completo:⌗

  1. O que é Context Engineering e PRP
  • O criador utiliza context engineering para estruturar o desenvolvimento com inteligência artificial.
  • O PRP template, criado por Rasmus Widing, organiza a pesquisa, planejamento e execução de tarefas usando agentes de IA.
  1. Setup do projeto
  • Backend com Convex.
  • Frontend com HTML, CSS e JavaScript.
  • Integração de IA via OpenRouter com múltiplos modelos LLM (Claude Opus, GPT, Gemini).
  • Uso do VSCode e GitHub para versionamento.
  1. Processo passo a passo
  • Clona o repositório do PRP.
  • Configura a pasta do projeto com WSL no Windows.
  • Cria um arquivo initial.md para documentar a ideia do sistema.
  • Define o sistema: um CRM com IA que cria subtarefas e cronogramas automaticamente.
  • Gera o PRP com múltiplos subagentes para pesquisar tecnologias envolvidas (Convex, Pyantic, APIs).
  • Os agentes fazem scraping detalhado das documentações para planejar o código.
  1. Execução e ajustes
  • O sistema começa a criar a estrutura do backend com Convex.
  • Hooks experimentais foram usados para impedir escrita prematura, mas acabaram atrasando o processo.
  • Foram ativados subagentes para acelerar a pesquisa e execução.
  1. Resultados
  • A IA gerou um esqueleto básico do sistema com banco de dados funcional.
  • Problemas encontrados: o uso de Convex dificultou a execução total; será substituído por MySQL e PHP/Python na próxima tentativa.
  • O método provou ser promissor para criar SaaS rapidamente, apesar de falhas técnicas.
  1. Próximos passos
  • Refazer o processo com outras tecnologias (MySQL/PHP ou FastAPI).
  • Melhorar os hooks e otimizar leitura de documentação antes da escrita de código.

Tópicos com exemplos⌗

  1. Context Engineering

  • Exemplo: Pesquisa automatizada de tecnologias e criação de arquitetura. 2. PRP com múltiplos agentes

  • Exemplo: Subagentes pesquisando Convex e OpenRouter em paralelo. 3. Criação do MVP

  • Exemplo: CRM com tarefas automáticas e timelines geradas por IA. 4. Integração de LLMs

  • Exemplo: Uso de Claude Opus 4 para planejamento e execução de código. 5. Resolução de problemas

  • Exemplo: Hook experimental bloqueando escrita e sendo desativado para acelerar.

Build ANYTHING - Context Engineering + Claude

chatgpt.com ↗

1

Recursos

↑ voltar ao topo · ver no Telegram ↗