🎯 Objetivo: planejar o app inteiro e gerar o CLAUDE.md (em Plan Mode).

Me ajude a rascunhar o CLAUDE.md. Quero construir um workflow no framework WAT.
Crie uma pasta para cada seção, exceto o agente.

O workflow é um qualificador de leads com IA: eu envio dados de um lead e a IA
o qualifica. Stack: vou hospedar o workflow no Trigger.dev. Vou criar um frontend
com sua ajuda onde eu preencho um formulário sobre o lead, clico em "Analisar",
e o workflow no Trigger.dev é chamado. Quando ele terminar, mostra os resultados
no frontend. Por fim, eu publico o frontend na Vercel via GitHub.

Meu backend fica no Trigger.dev e meu frontend na Vercel, e eles precisam
conseguir se comunicar.

✅ Como verificar: a IA cria o CLAUDE.md e a estrutura base (pastas de workflows/tools) seguindo o WAT, antes de codar. Revise o plano antes de aprovar.

🎯 Objetivo: construir o workflow e colocá-lo em dev e prod.

[1] Crie o workflow do qualificador e me guie no deploy para o Trigger.dev.

[2] Estou vendo estes passos no Trigger.dev, me ajude a configurar —
    já atualizei o trigger.config.ts com o meu project ref <project-id>.

[3] A tarefa foi adicionada ao ambiente de DEV no Trigger.dev, mas não vejo
    no ambiente de PRODUÇÃO. Configure isso pra mim.

✅ Como verificar: a tarefa aparece em dev E prod (erro comum: ela nasce só em dev). Adicione a chave de IA (ex.: Anthropic) como env var nos dois ambientes — de preferência chaves separadas para acompanhar custo.

🎯 Objetivo: construir o frontend bonito (após /clear, em Plan Mode).

Agora que meu backend está pronto (o workflow do qualificador), quero construir
o frontend. Deve ser um formulário onde eu preencho dados de uma empresa, e ao
clicar em "Analisar" ele chama meu workflow no Trigger.dev. Quando o workflow
terminar, quero ver os resultados no site. Primeiro quero ver o site LOCALMENTE
para avaliar o design. Aprovado o design, eu publico na Vercel.
Para o design, use a skill de front-end design da Anthropic.

✅ Como verificar: rode local primeiro e avalie o visual. A skill de design cuida de tipografia, cores e movimento — fugindo do "look genérico de IA" (o gradiente roxo de sempre).

🎯 Objetivo: publicar na Vercel e ligar o frontend ao backend com segurança.

[prompt] O site ficou ótimo. Agora quero publicá-lo na Vercel. E garanta que
ele consiga se comunicar com o meu workflow no Trigger.dev quando eu clicar
em "Analisar". Não quero colar a chave secreta no chat — me diga onde colocá-la.

[passo manual]
Trigger.dev → API Keys → copie o secret key
Vercel → projeto → Settings → Environment Variables → nova var:
  Name:  TRIGGER_SECRET_KEY
  Value:       (production + development)
Depois: "Já configurei o secret key no painel da Vercel." → redeploy

✅ Como verificar: clique em "Analisar" e veja o score voltar. Se der erro de modelo (ex.: 404 — nome de modelo inexistente), a conexão até funcionou; basta: "Rodei o workflow e deu este erro: <erro>. Corrija e refaça o deploy."

🎯 Objetivo: adicionar login/cadastro e proteger as rotas (em Plan Mode).

Quero adicionar autenticação ao qualificador de leads. Os usuários devem poder
se cadastrar, fazer login e ver o próprio histórico de qualificações. Quero usar
o Supabase, e proteger as rotas principais do app para que só usuários logados
acessem. Nunca usei Supabase — me guie passo a passo na configuração.

✅ Como verificar: a IA gera as páginas de auth, a barra de navegação e o schema. No Supabase, crie o projeto, defina uma senha forte de banco (diferente da senha de login), escolha a região e habilite RLS.

🎯 Objetivo: conectar o Supabase e rodar a migration.

1. Supabase → copie o project URL e a publishable key.
2. Vercel → Settings → Environment Variables → adicione as duas → redeploy.
3. Supabase → Authentication → URL Configuration → adicione a URL do app (Vercel)
   e a redirect URL.
4. Migration: cole o SQL gerado pela IA no SQL editor do Supabase → Run
   (cria a tabela `leads`).

✅ Como verificar: aparecem páginas de login/cadastro, a navbar com conta + sair, e uma página de histórico com os leads persistidos por usuário (antes se perdiam ao fechar o navegador).

🎯 Objetivo: auditar o código em busca de problemas de segurança (após /clear).

Quero que você audite o código em busca de problemas de segurança. Verifique que:
- todas as rotas protegidas exigem autenticação;
- nenhuma chave de API está exposta no código do frontend;
- variáveis de ambiente são usadas para TODOS os segredos;
- o Row-Level Security (RLS) está habilitado corretamente.
Aja como uma especialista em segurança e reporte tudo que não passar.

✅ Como verificar: o relatório classifica os achados (ex.: 1 médio, 3 baixos, 1 informativo, nenhum crítico/alto). Um achado típico e acionável: adicionar rate limiting no endpoint de qualificação para evitar abuso de custo. Peça à IA para corrigir os apontamentos.

🎯 Objetivo: adicionar pagamentos com modelo freemium (em Plan Mode).

Quero adicionar pagamentos com Stripe ao qualificador de leads. O nível grátis
recebe <2> qualificações por dia. Passado isso, precisa assinar. O plano pago
custa <$29> por mês e dá qualificações ilimitadas. Quero usar o Stripe no fluxo
de pagamento. Me guie passo a passo para configurar a conta, criar o produto e
conectar o Stripe à Vercel e ao Supabase.

✅ Como verificar: a IA gera a página de preços (Grátis vs Pro), tabelas no banco e o cliente/servidor do Stripe. Comece no modo teste/sandbox do Stripe.

🎯 Objetivo: configurar produto, webhook e as 4 chaves do Stripe.

1. Stripe (modo teste) → Product catalog → New product:
   nome "", recorrente, mensal, <$29> → salvar.
2. Abra o produto → Pricing → copie o PRICE ID (guarde num bloco de notas).
3. Developers → API keys → copie publishable key e secret key.
4. Developers → Webhooks → Add endpoint:
   URL = /api/stripe-webhook  (use a URL EXATA que a IA der)
   Eventos: checkout.session.completed,
            customer.subscription.updated,
            customer.subscription.deleted
   → copie o WEBHOOK SECRET.
5. Supabase → SQL editor → rode a migration gerada (cria a tabela `subscriptions`).
6. Vercel → Settings → Environment Variables → adicione as 4 chaves
   (secret, publishable, price ID, webhook secret) → salvar → redeploy.

✅ Como verificar: na página de preços, assine o Pro → Checkout do Stripe → cartão de teste (validade futura, ex.: 10/27, qualquer CVC) → assinatura confirmada → uma nova linha aparece na tabela subscriptions do Supabase.

🎯 Objetivo: planejar o frontend que conversa com o webhook do n8n.

Me ajude a criar um CLAUDE.md para este projeto. O objetivo é construir um
frontend web para um workflow do n8n. O workflow é um gerador de orçamentos:
o usuário informa descrição do projeto, horas estimadas e tipo de cliente, e
recebe de volta um orçamento profissional. O frontend envia os dados para um
webhook do n8n e deve exibir a resposta. Use a skill de front-end design da
Anthropic. Me faça as perguntas de esclarecimento que precisar.

✅ Como verificar: a IA pergunta a stack, a URL do webhook (use um placeholder por enquanto) e o formato da resposta (ex.: JSON). Se o visual sair básico, peça: "A UI está muito simples. Garanta que está usando a skill de front-end design" e cole a skill de novo.

🎯 Objetivo: converter o n8n para webhook e ligar a URL real.

No n8n:
1. Remova o PRIMEIRO nó (form) → adicione um Webhook trigger.
2. Remova o ÚLTIMO nó (saída) → adicione um "Respond to Webhook".
3. Reconecte ambos à lógica existente.
4. PUBLIQUE o workflow e copie a URL de produção do webhook.

[prompt] Quando o usuário clicar em "Gerar orçamento", chame este webhook.
Substitua o placeholder atual por ele: 

Na Vercel: Settings → Environment Variables → nova var N8N_WEBHOOK_URL =
 → salvar → redeploy.

✅ Como verificar: preencha o form (ex.: landing page / saúde / 40 h / enterprise) → "Gerar orçamento" → o n8n roda → o orçamento aparece no app. Use a URL de produção e o workflow precisa estar publicado.