← Artículos

Página de destino con Claude Code, sin plantilla

· 6 min de lectura

Para armar una página de destino con Claude Code sin plantilla, la estación scrollweb de La Fábrica pide dos comandos y una frase: un diagnóstico que no instala nada, una prueba de humo que termina en verde o rojo y la orden «hazme una landing para mi oferta». Lee tu ficha de marca, elige motor y, antes de entregar, recorre la página en un navegador para revisar contraste, scroll muerto y clips.

El video abre con un misterio: según cuenta el episodio, 4.000 personas le escribieron a un tipo que no da la cara y las mandó a un enlace que no aparecía en ningún directorio. Lo construyó su propia máquina. Esa máquina es La Fábrica, y su estación nueva, scrollweb, construye el lugar donde aterriza el tráfico. Este es el flujo tal como lo muestro en el video, con Claude Code: dos comandos, una frase y una revisión que la máquina hace sola antes de entregarte la página.

La estación scrollweb en pantalla: el diagnóstico, la prueba de humo, la frase y las tres páginas que salieron del mismo motor.

Por qué la página de destino es la taquilla y no un trámite

La máquina ya hacía el reel, el carrusel, el video largo y el anuncio. Todo eso es tráfico, y aterrizaba donde se pudiera: un enlace de la comunidad o una página de plantilla con seis secciones. La mayoría trata la página de destino como un trámite que se resuelve un domingo. En realidad es la taquilla: donde la persona que llegó decide si entra o se devuelve. Puedes llenar la calle de carteles, pero si la taquilla está fea, nadie compra el boleto. Casi todos la resuelven de dos maneras, y las dos duelen:

  • Pagarle a alguien. Otra herramienta, otro tono, otra tipografía: suena a otra marca.
  • Un constructor de arrastrar bloques. La misma página de todo el mundo: foto grande, tres columnas, testimonios, botón. Correcta y olvidable.

¿Tu página de hoy la recordaría alguien mañana? En mi sistema, la única pieza que la máquina no producía era justo donde el tráfico se convierte en dinero. Por qué todas las webs hechas con IA se parecen lo conté en un artículo con ese mismo título; aquí voy al flujo concreto y a sus controles.

Este sistema es el que enseño dentro de la comunidad MÁQUINA IA: las estaciones, los gates y el código que lo sostiene.

Qué tienes que comprobar antes de pedir la página

Antes de diseñar nada, compruebas que tu máquina puede construir. Son dos comandos:

  • Paso 1. El diagnóstico. Un comando de chequeo que te dice si están el motor grande, el que corta video, el navegador para verificar y la llave opcional de imágenes. No escribe ni instala nada. Aunque te falte la mitad de la lista, no te bloquea: te dice con qué motor puede trabajar tu máquina hoy.
  • Paso 2. La prueba de humo. Arma una página de juguete de punta a punta y termina en una palabra: verde o rojo. Verde es que tu máquina ya puede construir páginas; rojo te dice exactamente qué faltó.

Una historia de guerra de las pruebas en máquinas reales: en equipos con cierto editor de video instalado, el primer cortador de video del sistema es un binario recortado que no falla, se cuelga para siempre, y el diagnóstico moría esperando. Ahora el chequeo prueba cada candidato con cronómetro, descarta al que no contesta y anota cuál es el bueno. Además, el registro de huellas y tu inventario de páginas no vienen en el paquete: se fabrican en tu máquina con el primer diagnóstico.

Qué pasa cuando escribes la frase

El tercer paso es una frase: hazme una landing para mi oferta. Ese es todo el brief. No te hace veinte preguntas porque ya sabe quién eres: lee tu ficha de marca de la configuración.

  • Identidad: el nombre y tus colores.
  • Voz: tu tono, y si tuteas o tratas de usted.
  • Negocio: tu nicho y lo que pides al final.

Es la misma ficha del reel y el carrusel, y por eso la página parece de la misma casa que tu contenido y no un injerto comprado afuera. Si nunca corriste la configuración inicial, no inventa: se detiene y te la pide. Adentro de la estación hay dos motores, y la máquina elige sola:

  • Craft. Construye un sitio completo: navegación, secciones, precios, testimonios y cierre.
  • Película. Construye una landing de una sola pieza, donde las escenas avanzan cuadro a cuadro debajo de la rueda del visitante.

Si tu página se navega, craft; si se ve de corrido, como un corto, película. Sin el motor grande instalado no hay decisión: corre película, que funciona con lo mínimo. Y cada sitio sale con un movimiento firma propio, un gesto que no aparece en ninguna otra página.

Cómo evita que tu quinta página sea la primera repintada

¿Cómo evita el motor grande que todas tus páginas terminen iguales? Con dos porteros:

  • Las gramáticas. Ocho gramáticas de página que se prohíben entre ellas: lo que una exige, la otra lo veta, así que dos construcciones no pueden converger sin que se note.
  • La huella. Antes de entregarte una página nueva, la compara contra cada página que ya te hizo y le exige cuatro de seis dimensiones distintas, entre ellas la estructura, el movimiento, la tipografía y el color. Si se parece demasiado a una anterior, no pasa: se rehace.

Qué revisa antes de entregarte la página

Es la parte que a mí más me impresionó. Al terminar no te la entrega: abre un navegador sin interfaz y recorre tu página de arriba a abajo como un visitante de verdad. Mide tres cosas:

  • Contraste real, línea por línea: que cada texto se lea sobre el fondo que le tocó.
  • Tramos de scroll muerto: pedazos donde bajas y no pasa nada.
  • Clips que nunca cargaron.

Si algo falla, se corrige antes de que tú la veas. ¿Cuándo un diseñador te entregó algo ya auditado sin que se lo pidieras?

Tres páginas del mismo motor que no se parecen

La prueba de que no es una plantilla son las tres páginas que ya salieron de este motor.

  • Una agencia de viajes. Un solo escenario que nunca corta: caes dentro de un globo terráqueo sobre una mesa, aterrizas en Kioto, cruzas a la Patagonia y vuelves al banco de trabajo del inicio.
  • Un café con proteína. Ruidosa, con el producto en la cara y cortes en seco.
  • Un estudio de paisajismo. Silenciosa, documental y construida con cero imágenes generadas: todo fotos reales.

Tres ofertas, tres personalidades, el mismo motor. Eso compra la huella. ¿Y si no quieres gastar en imágenes generadas? La estación baja por peldaños en vez de caerse: con la llave puesta genera el material visual, sin llave construye con tus propias fotos, como la tercera página, y sin el motor grande cae al motor película.

Qué cambió en esta versión y dónde vive

La actualización trae menos piezas que la anterior: dieciséis antes, quince ahora, porque la vieja estación de landing pasó a ser uno de los dos motores de la nueva. Al actualizar, el instalador borra la estación retirada, pero solo la que instaló la propia máquina; si tenías una tuya con ese nombre, la respalda antes. Scrollweb entró en la versión 1.10.0 de La Fábrica. No la vendo suelta: vive en mi comunidad, con el instalador y la lección paso a paso. Lo que no cubre es la otra mitad: cuánta gente entró por la taquilla, cuánta compró y qué cartel la trajo. Eso va en otro video. Mientras tanto, la pregunta del cierre vale aquí: la página a la que mandas tu tráfico hoy, ¿la hizo una plantilla o la hiciste tú?

Preguntas frecuentes

¿Qué revisa el diagnóstico de la estación scrollweb?
Revisa si tu máquina tiene el motor grande, el programa que corta video, el navegador para verificar y la llave opcional de imágenes. No escribe ni instala nada: solo mira y reporta. Aunque te falte la mitad de la lista, no te bloquea y te dice con qué motor puedes trabajar hoy.
¿Qué diferencia hay entre el motor craft y el motor película?
Craft construye un sitio completo, con navegación, secciones, precios, testimonios y cierre. Película construye una landing de una sola pieza en la que las escenas avanzan con la rueda del visitante. Si tu página se navega, usa craft; si se ve de corrido como un corto, película. Sin el motor grande instalado, corre película.
¿Cómo evita que dos páginas hechas con la misma herramienta se parezcan?
Con dos porteros. El primero son ocho gramáticas de página que se prohíben entre ellas, así que dos construcciones no pueden converger sin que se note. El segundo es la huella: compara cada página nueva contra las que ya te hizo y exige cuatro de seis dimensiones distintas; si se parece demasiado, se rehace.
¿Qué hace la estación antes de entregarte la página?
Abre un navegador sin interfaz y recorre la página de arriba a abajo como un visitante. Mide el contraste real línea por línea, busca tramos de scroll muerto donde bajas y no pasa nada y detecta clips que nunca cargaron. Si algo falla, lo corrige antes de que tú veas la página.
¿Necesito pagar imágenes generadas para construir la página?
No es obligatorio. La estación baja por peldaños: con la llave de imágenes puesta genera el material visual, sin llave construye con tus propias fotos y sin el motor grande cae al motor película. Una de las tres páginas del video, la del estudio de paisajismo, se hizo solo con fotos reales.

Fuentes