🧬 Master asset
La base del sistema es un master asset: una plantilla de sitio web atractiva, bien hecha una sola vez, y alojado en GitHub. En vez de empezar desde cero con cada cliente, tú clona el repositorio y solo vuelve a marcar lo que cambia. La plantilla es la fuente; cada cliente es un clon.
🧭 La idea central
Piensa en la plantilla como un molde: diseñas el pastel una vez y luego estampas copias. El esfuerzo difícil (diseño, animaciones, adaptación a distintos tamaños de pantalla) ya está hecho.
- •Una fuente única en GitHub — todos los clones parten de ella.
- •Clonar el repo es casi instantáneo — nada de recrear la estructura.
- •Solo re-marcar: cambia lo que identifica al cliente y mantiene el resto.
una sola plantilla
aloja el maestro
copia instantánea
solo lo que cambia
🛠️ La Cloning Skill
Clonar a mano funciona una o dos veces; después olvidas algún detalle. La solución es una skill: un prompt estructurado reutilizable que recorre sistemáticamente los elementos que hay que reemplazar, hace preguntas, pide los recursos con las dimensiones correctas y solo entonces implementa.
Recorre los elementos
La skill tiene la lista de lo que cambia y revisa cada elemento uno por uno: nada queda atrás.
Hace preguntas y pide recursos
Pregunta el nombre, el color, los precios; pide el logo indicando ya las dimensiones correctas.
Implementa
Con todo a mano, aplica los cambios en el clon, de forma guiada y repetible.
💡 Consejo práctico
No necesitas crear la skill desde cero: está disponible en la Biblioteca (Ruta 5). Empieza con ella y ajústala a tu plantilla.
prompt reutilizable
recopilación guiada
dimensiones correctas
aplica los cambios
🔁 Los 6 elementos clonables
Aquí está el corazón del sistema: solo cambian 6 cosas entre un cliente y otro. Al cambiar estos 6 elementos, la misma plantilla se convierte en la de otro cliente. Todo lo que queda fuera de esta lista permanece intacto.
| # | Elemento | Lo que cambia |
|---|---|---|
| 1 | Logo | la marca en la parte superior y en el pie de página |
| 2 | Copy | títulos y textos del negocio |
| 3 | Marcas de confianza | marcas de confianza / socios |
| 4 | Precios | planes y precios |
| 5 | Evaluaciones | testimonios de clientes |
| 6 | Esquema de colores | el color dominante de la marca |
✓ Cámbialos (son los 6)
- ✓Logo, copy y marcas de confianza
- ✓Precios, reseñas y esquema de colores
- ✓Todo lo que identifica a ese cliente
✗ No toques
- ✗Estructura y diseño de la plantilla
- ✗Animaciones y adaptabilidad
- ✗Lo que ya está bien — no volverías a pagar por nada
la identidad
confianza
la oferta
la imagen de la marca
🎨 Regla de diseño 70-20-10
¿Por qué es tan fácil cambiar la combinación de colores? Porque la plantilla sigue la regla 70-20-10: 70% de un color dominante, un 20 % de un color secundario y un 10 % de un acento. Si todo destaca, nada destaca — así que la plantilla ya sabe dónde debe cambiar el color la IA.
🛡️ Por qué esto ayuda a clonar
Con una proporción clara, cambiar la marca es casi solo cambiar la color dominante (el 70 %). El diseño permanece equilibrado y el nuevo sitio ya nace con aspecto profesional.
color dominante
secundaria
acento
todo destacado = nada
🗂️ Una carpeta por cliente
Cuando gestionas muchos clientes, el mayor riesgo no es técnico: es modificar el sitio equivocado. La regla sencilla que evita esto: una carpeta por cliente en tu computadora. Una gestión de archivos sencilla reduce la confusión.
clientes/
├── dedetizadora-alfa/
│ └── site/ (clone re-marcado)
├── sorveteria-bela/
│ └── site/ (clone re-marcado)
└── advocacia-cardoso/
└── site/ (clone re-marcado)
💡 Consejo práctico
Ábrelo en el editor solo la carpeta del cliente en el que vas a trabajar. Así, es imposible que la IA edite por error el sitio de otro cliente.
por cliente
sin cruzar archivos
menos confusión
sitio correcto, siempre
🧾 Automatizar la recopilación de datos
El siguiente nivel es sacarte del medio. En vez de preguntar todo en el chat, crea un formulario propio (logo + las 6 preguntas + carga de recursos) que guarda las respuestas en el Supabase vía MCP. Después le pides a la IA que "clonar el envío más reciente" — sin siquiera mirar las respuestas.
💡 Consejo práctico
Estandariza los campos del formulario con los mismos nombres que espera la Cloning Skill. Así, la IA asigna la respuesta → al elemento sin ambigüedad.
logo + 6 + assets
guarda los datos
la IA lee la base de datos
sin mirar las respuestas
♾️ Escalar
Con una plantilla maestra + skill + formulario, la cuenta te favorece: de 1 sitio a 100, a 1.000. El el costo marginal por clon queda casi en cero. Y en cada ronda perfecciona la skill: ejecútalo una vez, mira qué no cambió, ajústalo y repite.
Ejecuta una vez
Genera un clon con la skill actual y observa el resultado con atención.
Ajusta lo que no se haya cambiado
¿Encontraste un texto antiguo o un color olvidado? Agrega ese elemento a la skill.
Repite
Con cada ronda la skill se vuelve más precisa, y los próximos clones salen perfectos.
misma base
por clon
en cada ronda
cada vez mejor
🔬 Ejemplo práctico
Busca una plantilla llamada "VOLTFLOW" (una plantilla genérica de sitio de servicios) y genera dos versiones para distintos nichos, cambiando solo los 6 elementos:
Versión A — Empresa de control de plagas
- Logo de la empresa de control de plagas · color dominante verde
- Copy sobre control de plagas · precios por visita
- Evaluaciones de residentes · sellos de seguridad
Versión B — Heladería
- Logo de la heladería · color dominante rosa
- Copy sobre sabores · precios por tamaño
- Evaluaciones de clientes · marcas de insumos
La misma plantilla, la misma estructura: dos sitios que parecen hechos a medida. Eso es la clonación en acción.
🏋️ Ejercicio
Crea o adapta la Cloning Skill y genera 2 variaciones de la misma plantilla para distintos nichos:
- Elige una plantilla maestra (o usa la tuya de la Trilha 2) y hospédala en GitHub.
- Adapta la skill de la Biblioteca para recorrer los 6 elementos de tu plantilla.
- Genera 2 clones para distintos nichos (p. ej., un taller y un bufete de abogados).
- Anota lo que la skill olvidó cambiar y perfecciónala.
Meta: en la segunda variación, la skill ya no olvida nada.
⚡ Prompts listos
Copia, pega en tu asistente de IA y adapta a tu caso.
Clona este repositorio: [URL] y guárdalo a la izquierda como "site-1".
Crea una skill de «protocolo de clonación» que, cuando pida un clon, recorra estos 6 elementos: logo, copy, marcas de confianza, precios, reseñas y esquema de colores. Para cada elemento, hazme preguntas y pide los assets con las dimensiones necesarias, y luego implementa los cambios en el clon.
Clone o site usando os dados da submissão mais recente do Supabase e abra no localhost.
✅ Resumen del módulo
Siguiente módulo:
3.2 — Llevar sitios a GoHighLevel/WordPress