📈 Escalar la producción

Una plantilla de sitio web hermosa, alojada en GitHub, que se convierte en la fuente de todos los clones. Clonas el repo y la re-marcas para cada cliente.

Construirlo bien una vez y reutilizarlo es lo que hace posible producir a escala.

Plantilla maestra · fuente única · clonar repo · volver a etiquetar.

Una "skill" (prompt estructurado reutilizable) que recorre los elementos que hay que cambiar, hace preguntas, pide los assets con las dimensiones adecuadas y luego implementa.

Convierte la clonación en un proceso guiado, repetible y a prueba de olvidos.

Skill · prompt estructurado · preguntas guiadas · Biblioteca (Trilha 5).

Logo · copy · marcas de confianza · precios · reseñas · esquema de colores. Al cambiar estos 6 elementos, el sitio se convierte en el de otro cliente.

Saber exactamente qué cambia evita tocar lo que no debe cambiar.

Logo · copy · marcas de confianza · precios · reseñas · colores.

70% de un color dominante, 20% y 10% de acentos. "Si todo destaca, nada destaca" — por eso la plantilla está hecha para que la IA sepa dónde intervenir.

Una proporción clara hace que el clon parezca profesional con solo cambiar el color dominante.

70-20-10 · color dominante · acentos · jerarquía visual.

Organiza cada cliente en su carpeta en la computadora. Evita modificar el sitio equivocado cuando gestionas muchos.

Una gestión de archivos sencilla reduce la confusión y los errores tontos a gran escala.

Una carpeta por cliente · organización · evitar modificar el sitio equivocado.

Un formulario propio (logo + las 6 preguntas + carga de assets) que guarda en Supabase mediante MCP; después, la IA "clona el envío más reciente".

Te saca del medio: el cliente completa el formulario, la IA clona, sin que tengas que mirar las respuestas.

Formulario · Supabase · MCP · envío más reciente.

De 1 sitio a 100, 1.000; costo marginal casi cero por clon. Refina la skill en cada ronda: ejecútala una vez, ajusta lo que no cambió y repite.

Es lo que separa "hacer un sitio web" de "tener una fábrica de sitios web".

Costo marginal · refinamiento iterativo · escala.

Los sitios creados con frameworks (React/Next/Vue/Svelte) no se pueden integrar directamente en constructores de "arrastrar y soltar" como GoHighLevel (GHL) o WordPress.

Entender la discrepancia evita la frustración de «lo pegué y se rompió».

Framework · constructor visual · desajuste de lenguaje.

Una skill que convierte todo el codebase en un único archivo HTML autocontenido, compatible con el bloque "Custom HTML/JS" de GHL.

Es el puente entre lo que construiste en el framework y lo que acepta el constructor.

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

Sin JSX/Babel, sin ES modules, sin build tools, sin APIs de Node, sin etiquetas html/head/body. Solo HTML + style + script vanilla, SVG inline, CDN.

Conocer los límites es lo que hace que la conversión funcione a la primera.

Sin import/export · sin build · vanilla · Tailwind vía CDN · poner prefijos en las clases.

Construir primero en una plataforma enfocada en el diseño, descargar el archivo, luego clonarlo en AntiGravity y convertirlo. Cubre ~99% de los sitios.

Empezar por el diseño da un resultado más atractivo antes de la conversión técnica.

Design-first · AI Studio · descargar → clonar → convertir · ~99%.

En lugar de migrar toda la página, inserta bloques premium puntuales de HTML de alta calidad dentro de una página existente de GHL/WordPress.

Mejora visualmente la página de forma precisa sin rehacerla por completo.

Sniping · bloque premium · inyección puntual · página existente.

En el editor: agrega el bloque "Custom Code" → pega el HTML → guarda/publica → prueba. Si falla en el móvil, vuelve al agente, copia de nuevo y pega otra vez.

Es el paso final que pone el sitio en línea dentro del constructor del cliente.

Custom Code · pegar · publicar · probar · corregir la versión móvil.