Tablero de la fábrica · actualizado 27/10/2026

Las 8 etapas y dónde se toca cada una

Esto es el mapa de la fábrica de webs: qué ya funciona, qué falta y en qué archivo vive cada pieza. Vos das la orden por el chat; yo muevo las piezas.

La verdad, sin vueltas

Hoy no hay una sola pantalla: hay tres piezas

Para que no te vendan humo: todavía no existe un menú único donde apretás un botón y sale la web. Lo que sí existe son tres piezas que funcionan por separado, y este tablero es la primera que las mira todas juntas.

1. El taller (tu PC)

  • Carpeta: Fabrica-paginas-Web\fabrica-web
  • Ahí están los moldes por rubro, las fichas de cliente, los scripts de revisión y las instrucciones para Claude Code.
  • Es el lugar donde vive el proyecto y donde se afila lo fino.

2. La usina (yo, acá)

  • Genero fotos y videos, armo la página, la reviso y la publico.
  • No necesito tu PC prendida para esto.
  • Es lo que hice hoy: 7 fotos, 1 video y una web nueva.

3. El tablero (esta página)

  • Muestra el estado: qué está hecho, qué falta, qué necesito de vos.
  • No es un botón mágico: las órdenes me las seguís dando por chat, y yo toco las piezas. La diferencia es que ahora ves todo en un solo lugar.

La secuencia

Las 8 etapas, en orden

Cada etapa dice: si está hecha, en qué archivo vive y qué necesito de vos para destrabarla.

1

Ficha del cliente Falta

Nombre, rubro, teléfono, WhatsApp, dirección, horarios, qué vende, precios y fotos reales. Sin esto, lo que se arma es de mentira.

Se toca en: fabrica-web\fichas\<año-mes>-<cliente>.md

Lo que necesito: o me pasás los datos por chat, o me das el contacto y armo la ficha yo para que la confirmes.
2

Destripe de las referencias Hecho 1 de 3

Se mira la web que te gusta y se anota qué hace: orden de las secciones, tipografías, colores, cómo rota la portada, qué efectos tiene. Se copia el plano, nunca los muebles.

Se toca en: fabrica-web\competencia\ y las fichas de cada web analizada.

Lo que necesito: las 2 o 3 webs de referencia por rubro (ferretería, sanitarios, concesionaria, el curso de odontología).
3

Inventario de materiales Funciona

Antes de diseñar se hace la lista: qué fotos hacen falta, cuáles existen del cliente, cuáles se generan, qué tipografías, qué colores, qué logo.

Se toca en: plantillas\01-comercio-multirrubro\materiales.md

4

Fotos Funciona hoy

Genero las imágenes con el motor de la nube y las dejo listas para la web: recortadas, comprimidas y con el peso justo.

Se toca en: la carpeta img\ de cada web

Ojo: para un cliente real, sus fotos siempre ganan. Lo generado sirve para el molde y para completar lo que falta.
5

Video y animación Funciona hoy

Del video corto de producto me encargo yo. Las animaciones finas con texto perfecto (precio, teléfono) salen de tu Editor_de_video, que ya tiene el motor.

Se toca en: QM Empresarial\Editor_de_video\skill_edicion_video_v3

6

Armado de la web Nivel nuevo

Molde + textos + fotos. Es lo que estrenaste hoy: portada que rota, efectos al pasar el mouse, productos arrastrables y letra de verdad.

Se toca en: plantillas\01-comercio-multirrubro\web\index.html

7

Revisión automática A medias

Un control que marca en rojo lo que está mal: letra chica, teléfono que no se puede tocar, foto que falta, texto de relleno, peso de la página.

Se toca en: fabrica-web\scripts\revisar.mjs

Lo que falta: enchufarlo al tablero para que corra solo después de cada armado y te muestre el semáforo acá.
8

Publicar Funciona

Se sube a Cloudflare y queda un link público, sin pedir usuario ni contraseña. Gratis y permitido para uso comercial.

Se toca en: <nombre-del-cliente>.pages.dev

Lo que se creó hoy

Las fotos y el video, para que los veas

Todo esto se generó hoy desde acá, con el motor de imágenes de la nube. Es material de muestra para el molde: sirve para ver el estilo, no es de ningún cliente.

Pasillo del local
Portada 1Pasillo del galpón · 1600 px · 190 KB
Materiales
Portada 2Cemento, hierro y áridos · 1600 px · 126 KB
Pinturería
Portada 3Pinturería y cartas de color · 1600 px · 250 KB
Bolsa de cemento
ProductoCemento 50 kg · 900 px · 16 KB
Hierro
ProductoHierro del 8 · 900 px · 32 KB
Látex
ProductoLátex 20 L · 900 px · 15 KB
Amoladora
ProductoAmoladora 850 W · 900 px · 34 KB
Video de prueba: 5 segundos, 1440 px, 140 KB. Sale de una foto y se mueve sola. Sirve para redes y para la portada de la web. Se paga por segundo, unos 18 centavos de dólar.

La pregunta del músculo

¿Quién tiene más fuerza: yo o tu computadora?

La respuesta corta: para la foto ganan las dos por igual, porque usamos el mismo motor en la nube. La diferencia está en el tiempo, el costo y el tipo de trabajo.

TrabajoYo, desde acáTu PCQuién conviene
Foto de productoMotor FLUX en la nube, hasta 1600 px, unos centavos por foto, 15 segundosComfyUI con tu placa de 12 GB: gratis, más lento, y las fotos grandes piden pacienciaYo, para volumen. Tu PC si querés gratis y sin internet.
Foto en tamaño gigante (4K)Se agranda con un servicio aparte, 2 dólares por mil fotosUpscayl con tu placa: gratis, un toque más lentoTu PC, gratis y sin salir de casa.
Video corto de productoSí, 5 segundos, 1440 px, 18 centavosRunPod desde tu Editor_de_video: más control, se paga la hora de placaYo para probar rápido. RunPod cuando la escena es delicada.
Animación con texto perfecto (precio, teléfono)No tengo navegador para renderizarSí: Chrome + FFmpeg, y ya tenés el módulo hechoTu PC, sin dudarlo.
Armar y publicar la webSí, en minutos, sin que prendas nadaSí, pero te lleva a vos abrir y cerrar programasYo.
Tocar tus archivos del proyectoSí, por el robotEs tu casa: todo está ahíLos dos, y se sincronizan.

Borrador o final

Qué de lo que hice ya está terminado

Ya es definitivo

  • La estructura y el diseño de la página: las secciones, el orden, los efectos.
  • La técnica: cómo se sirven las tipografías, cómo se comprimen las fotos, cómo se publica.
  • El molde: sirve para todos los clientes de ese rubro, cambiando textos y fotos.

Falta afinar

  • Los datos: precios, teléfono y dirección son de mentira. Los pone el cliente.
  • Las fotos: las mías son de muestra; las del cliente son mejores, siempre.
  • Las animaciones finas con texto: eso se hace en tu PC con el Editor_de_video y queda perfecto.

Cómo se pilotea

Me hablás normal y yo muevo la fábrica

No tenés que aprender ningún menú. Estas son órdenes reales que podés tirar en el chat, y lo que dispara cada una.

"Agregá otro efecto en productos destacados."Abro la web, agrego el efecto, la vuelvo a publicar y te paso el mismo link.
"Poné una pasarela de fotos con leyendas abajo del encabezado."Es la etapa 6: ya está hecha en el molde nuevo, se copia a la web del cliente.
"Necesito 6 fotos de un baño moderno para la web de sanitarios."Etapa 4: las genero, te las muestro acá y quedan en la carpeta del cliente.
"Hacé un video de 10 segundos para Instagram con el precio."Etapa 5: el movimiento lo hago yo y el precio con letra perfecta sale de tu PC.
"Revisá la web y decime qué está mal."Etapa 7: corro el control y te muestro el semáforo acá mismo.
"Publicá la de odontología."Etapa 8: sale el link público, sin login, listo para mandar.

Próximo paso

Falta una sola cosa para que esto sea redondo

Enchufar la etapa 7 (la revisión automática) al tablero, para que cada web nueva llegue acá con su semáforo en verde o en rojo antes de publicarse. Lo puedo hacer yo, pero primero necesito una decisión tuya: ¿arrancamos con el cliente de odontología o seguimos puliendo el molde de ferretería?