🧬 Master asset
A base do sistema é um master asset: um template de site lindo, bem feito uma única vez, e hospedado no GitHub. Em vez de começar do zero a cada cliente, você clona o repositório e apenas re-marca o que muda. O template é a fonte; cada cliente é um clone.
🧭 A ideia central
Pense no template como um molde: você desenha o bolo lindo uma vez e depois carimba cópias. O esforço difícil (layout, animações, responsividade) já está pago.
- •Uma fonte única no GitHub — todo clone parte dela.
- •Clonar o repo é quase instantâneo — nada de recriar a estrutura.
- •Você só re-marca: troca o que identifica o cliente, mantém o resto.
um só template
hospeda o mestre
cópia instantânea
só o que muda
🛠️ A Cloning Skill
Clonar à mão funciona uma ou duas vezes — depois você esquece um detalhe. A solução é uma skill: um prompt estruturado reutilizável que percorre sistematicamente os elementos a trocar, faz perguntas, pede os assets nas dimensões certas e só então implementa.
Percorre os elementos
A skill tem a lista do que muda e passa item por item — nada fica para trás.
Faz perguntas e pede assets
Pergunta o nome, a cor, os preços; pede o logo já dizendo a dimensão certa.
Implementa
Com tudo em mãos, ela aplica as trocas no clone — guiada e repetível.
💡 Dica prática
Você não precisa criar a skill do zero: ela está disponível na Biblioteca (Trilha 5). Comece dela e ajuste ao seu template.
prompt reutilizável
coleta guiada
dimensões certas
aplica as trocas
🔁 Os 6 elementos clonáveis
Aqui está o coração do sistema: só 6 coisas mudam entre um cliente e outro. Trocando esses 6 elementos, o mesmo template vira de outro cliente. Tudo o que está fora dessa lista permanece intocado.
| # | Elemento | O que troca |
|---|---|---|
| 1 | Logo | a marca no topo e no rodapé |
| 2 | Copy | títulos e textos do negócio |
| 3 | Marcas de confiança | trusted brands / parceiros |
| 4 | Preços | planos e valores |
| 5 | Avaliações | depoimentos de clientes |
| 6 | Esquema de cores | a cor dominante da marca |
✓ Troque (são os 6)
- ✓Logo, copy e marcas de confiança
- ✓Preços, avaliações e esquema de cores
- ✓Tudo que identifica aquele cliente
✗ Não mexa
- ✗Estrutura e layout do template
- ✗Animações e responsividade
- ✗O que já está bom — você pagaria de novo por nada
a identidade
confiança
a oferta
a cara da marca
🎨 Regra de design 70-20-10
Por que o esquema de cores é tão fácil de trocar? Porque o template segue a regra 70-20-10: 70% de uma cor dominante, 20% de uma cor secundária e 10% de um acento. Se tudo é destaque, nada é destaque — então o template já sabe onde a IA deve mexer na cor.
🛡️ Por que isso ajuda a clonar
Com uma proporção clara, trocar a marca é quase só mudar a cor dominante (o 70%). O layout permanece equilibrado, e o site novo já nasce profissional.
cor dominante
secundária
acento
tudo destaque = nada
🗂️ Uma pasta por cliente
Quando você gerencia muitos clientes, o maior risco não é técnico — é mexer no site errado. A regra simples que evita isso: uma pasta por cliente no seu computador. Gestão de arquivos enxuta reduz confusão.
clientes/
├── dedetizadora-alfa/
│ └── site/ (clone re-marcado)
├── sorveteria-bela/
│ └── site/ (clone re-marcado)
└── advocacia-cardoso/
└── site/ (clone re-marcado)
💡 Dica prática
Abra no editor só a pasta do cliente em que você vai trabalhar. Assim, é impossível a IA editar por engano o site de outro cliente.
por cliente
sem cruzar arquivos
menos confusão
site certo, sempre
🧾 Automatizar a coleta de dados
O próximo nível é tirar você do meio. Em vez de perguntar tudo no chat, crie um formulário próprio (logo + as 6 perguntas + upload de assets) que salva as respostas no Supabase via MCP. Depois você manda a IA "clonar a submissão mais recente" — sem nem olhar as respostas.
💡 Dica prática
Padronize os campos do formulário com os mesmos nomes que a Cloning Skill espera. Assim, a IA mapeia resposta → elemento sem ambiguidade.
logo + 6 + assets
guarda os dados
a IA lê o banco
sem olhar respostas
♾️ Escalar
Com template-mestre + skill + formulário, a conta vira a seu favor: de 1 site para 100, para 1.000. O custo marginal por clone fica quase zero. E a cada rodada você refina a skill: rode uma vez, veja o que não trocou, ajuste, repita.
Rode uma vez
Gere um clone com a skill atual e olhe o resultado com atenção.
Ajuste o que não trocou
Achou um texto antigo ou uma cor esquecida? Acrescente esse item à skill.
Repita
A cada rodada a skill fica mais afiada — e os próximos clones saem perfeitos.
mesma base
por clone
a cada rodada
cada vez melhor
🔬 Exemplo prático
Pegue um template chamado "VOLTFLOW" (um template genérico de site de serviços) e gere duas versões para nichos diferentes, trocando apenas os 6 elementos:
Versão A — Dedetizadora
- Logo da dedetizadora · cor dominante verde
- Copy sobre controle de pragas · preços por visita
- Avaliações de moradores · selos de segurança
Versão B — Sorveteria
- Logo da sorveteria · cor dominante rosa
- Copy sobre sabores · preços por tamanho
- Avaliações de clientes · marcas de insumos
Mesmo template, mesma estrutura — dois sites que parecem feitos sob medida. Isso é a clonagem em ação.
🏋️ Exercício
Crie ou adapte a Cloning Skill e gere 2 variações do mesmo template para nichos diferentes:
- Escolha um template-mestre (ou use o seu da Trilha 2) e hospede no GitHub.
- Adapte a skill da Biblioteca para percorrer os 6 elementos do seu template.
- Gere 2 clones para nichos distintos (ex.: oficina e escritório de advocacia).
- Anote o que a skill esqueceu de trocar e refine-a.
Meta: na segunda variação, a skill já não esquece nada.
⚡ Prompts prontos
Copie, cole no seu assistente de IA e adapte ao seu caso.
Clone este repositório: [URL] e salve à esquerda como "site-1".
Crie uma skill "protocolo de clonagem" que, ao pedir um clone, percorra estes 6 itens — logo, copy, marcas de confiança, preços, avaliações e esquema de cores. Para cada item, me faça perguntas e peça os assets com as dimensões necessárias, e então implemente as trocas no clone.
Clone o site usando os dados da submissão mais recente do Supabase e abra no localhost.
✅ Resumo do módulo
Próximo módulo:
3.2 — Levar sites para GoHighLevel/WordPress