📈 Escalar a Produção

Um template de site lindo, hospedado no GitHub, que vira a fonte de todos os clones. Você clona o repo e re-marca para cada cliente.

Construir uma vez bem feito e reusar é o que torna a produção em escala possível.

Template-mestre · fonte única · clonar repo · re-marcar.

Uma "skill" (prompt estruturado reutilizável) que percorre os elementos a trocar, faz perguntas, pede os assets nas dimensões certas e depois implementa.

Transforma a clonagem num processo guiado, repetível e à prova de esquecimento.

Skill · prompt estruturado · perguntas guiadas · Biblioteca (Trilha 5).

Logo · Copy · Marcas de confiança · Preços · Avaliações · Esquema de cores. Trocando esses 6, o site vira de outro cliente.

Saber exatamente o que muda evita tocar no que não deve mudar.

Logo · copy · trusted brands · preços · reviews · cores.

70% de uma cor dominante, 20% e 10% de acentos. "Se tudo é destaque, nada é destaque" — por isso o template é feito pra IA saber onde mexer.

Uma proporção clara faz o clone parecer profissional só trocando a cor dominante.

70-20-10 · cor dominante · acentos · hierarquia visual.

Organize cada cliente em sua pasta no computador. Evita mudar o site errado quando você gerencia muitos.

Gestão de arquivos enxuta reduz confusão e erros bobos em escala.

Pasta por cliente · organização · evitar trocar o site errado.

Um formulário próprio (logo + as 6 perguntas + upload de assets) que salva no Supabase via MCP; depois a IA "clona a submissão mais recente".

Tira você do meio: o cliente preenche, a IA clona, sem você nem olhar as respostas.

Formulário · Supabase · MCP · submissão mais recente.

De 1 site para 100, 1.000; custo marginal quase zero por clone. Refine a skill a cada rodada: rode uma vez, ajuste o que não trocou, repita.

É o que separa "fazer um site" de "ter uma fábrica de sites".

Custo marginal · refinamento iterativo · escala.

Sites feitos em frameworks (React/Next/Vue/Svelte) não cabem direto em construtores "arrastar e soltar" como GoHighLevel (GHL) ou WordPress.

Entender o descompasso evita a frustração de "colei e quebrou".

Framework · construtor visual · descompasso de linguagem.

Uma skill que converte o codebase inteiro num único arquivo HTML self-contained, compatível com o bloco "Custom HTML/JS" do GHL.

É a ponte entre o que você construiu no framework e o que o construtor aceita.

Transformer Skill · self-contained · Custom HTML/JS · Biblioteca (Trilha 5).

Sem JSX/Babel, sem ES modules, sem build tools, sem APIs de Node, sem tags html/head/body. Só HTML + style + script vanilla, SVG inline, CDN.

Conhecer os limites é o que faz a conversão funcionar de primeira.

Sem import/export · sem build · vanilla · Tailwind via CDN · prefixar classes.

Construir primeiro numa plataforma focada em design, baixar o arquivo, depois clonar no AntiGravity e converter. Cobre ~99% dos sites.

Começar pelo design entrega um resultado mais bonito antes da conversão técnica.

Design-first · AI Studio · baixar → clonar → converter · ~99%.

Em vez de migrar a página inteira, injete blocos premium pontuais de HTML de alta qualidade dentro de uma página existente do GHL/WordPress.

Dá um upgrade visual cirúrgico sem refazer a página toda.

Sniping · bloco premium · injeção pontual · página existente.

No editor: adicionar bloco "Custom Code" → colar o HTML → salvar/publicar → testar. Se quebrar no mobile, volte ao agente, recopie, recole.

É o passo final que coloca o site no ar dentro do construtor do cliente.

Custom Code · colar · publicar · testar · corrigir o mobile.