Proyecto 2 de 8
La Fábrica Web
Un solo agente lo decide todo y las páginas se parecen entre sí. La Fábrica reparte el trabajo entre especialistas.
En operación interna
Esta demo necesita JavaScript. Aquí va en texto.
¿Para qué negocio es la página?
- Dirección · 2En espera
- Estrategia · 6En espera
- SEO y AEO · 6En espera
- Investigación y tendencias · 4En espera
- Diseño · 11En espera
- Ingeniería · 8En espera
- Seguridad y legal · 2En espera
- Calidad · 6En espera
- Lanzamiento · 3En espera
- Mejora continua · 2En espera
Guardián: no se parece a las anteriores. Aprobado.
Entregado: vista previa, capturas y pendientes.
Simulación acelerada · cliente ficticio · no es el tiempo real
Sin conexión. La demo funciona; el video necesita internet.
Lo mismo, en texto
Esta demo necesita JavaScript. Aquí va en texto.
- Mira «Espera tu decisión»: dos aprobaciones de ejemplo.
- Arrastra o usa la rueda para recorrer el edificio y toca un robot para ver qué hace.
- En «Ahora mismo», toca un agente: la cámara vuela hasta su escritorio.
Video: la oficina de la Fábrica en 3D. Vista general, acercamiento, recorrido por los departamentos y la cámara que vuela al robot de cada agente con lo que está haciendo.
Qué es
Una agencia de páginas operada por agentes: investigan la marca, escriben, diseñan, programan y prueban.
Para quién es
Para dueños de negocio que necesitan una página; yo atiendo al cliente y apruebo.
Tareas que te quita
- Investigar la marca desde los enlaces del cliente: web, Instagram y mapas.
- Redactar los textos en la voz de cada marca.
- Proponer el diseño y construir el prototipo.
- Probar en varios navegadores y anchos, y revisar seguridad, accesibilidad y velocidad.
Diez departamentos, 50 roles
50 roles en 10 departamentos. Toca uno para ver sus roles.
Dirección2
- Director de proyecto
- Gerente
Estrategia6
- Analista de intención
- Analista de requerimientos
- Estratega de contenido
- Investigador de competencia
- Investigador de marca
- Redactor
SEO y AEO6
- Auditor SEO y AEO
- Datos estructurados
- Especialista AEO
- Investigador de búsquedas
- SEO local y fichas
- SEO técnico
Investigación y tendencias4
- Analista de técnicas web
- Cazador de tendencias
- Curador de referencias
- Vigía de lo viral
Diseño11
- Arquitecto de layout
- Colorista
- Director de arte
- Director de imagen
- Diseñador de componentes
- Diseñador de movimiento
- Experto UI
- Experto UX
- Guardián de la diversidad
- Iconógrafo
- Tipógrafo
Ingeniería8
- Arquitecto de datos
- Arquitecto de soluciones
- Arquitecto empresarial
- Arquitecto técnico
- Backend y API (Codex)
- Datos y paneles (Codex)
- Frontend (Director)
- Integraciones
Calidad6
- Accesibilidad
- QA de dispositivos
- QA de navegadores
- QA funcional (e2e)
- Rendimiento y auditoría
- Revisor de código
Seguridad y legal2
- Legal
- Seguridad
Lanzamiento3
- DevOps
- Entregas
- Monitoreo
Mejora continua2
- Analista de métricas
- Archivista
Fuente: empresa/ en la rama main de la Fábrica (50 roles), 2026-10-14
La agencia se llama Grafito · Estudio web.
Qué hay detrás
- 1
Cuentas qué necesitas y queda escrito en un brief.
- 2
Estrategia investiga tu marca, tu competencia y el propósito de la página.
- 3
Diseño propone y el Guardián compara con páginas anteriores.
- 4
Ingeniería construye y Calidad prueba; un hallazgo grave detiene la entrega.
- 5
Yo apruebo cada paso importante y tú ves el prototipo antes de publicarlo.
- Cada rol es un subagente de Claude Code generado desde un contrato: instrucciones, un esquema JSON de su salida (JSON Schema) y un ejemplo ejecutable. Hay 39 subagentes; Codex se encarga del backend y de las pruebas de punta a punta.
- El Guardián da un puntaje ponderado de 0 a 100 sobre paleta (medida en OKLab, un espacio de color que se parece a cómo ve el ojo), tipografías, hero, botones, rejilla y estructura. Rechaza por debajo de 45 frente a cualquier página anterior.
- Calidad corre Playwright (controla navegadores reales) en Chromium, WebKit y Firefox a siete anchos, más axe (revisa accesibilidad) y Lighthouse con presupuestos de rendimiento.
- La oficina es un Worker de Cloudflare con D1 (base de datos SQLite), KV (almacén de pares clave-valor) y Turnstile (antibots), con sesión firmada con HMAC y CSP por ruta. Está lista en código y falta publicarla.
- Cada entrega se valida con node scripts/validar-salida.mjs contra el esquema del rol; si falla, se devuelve una sola vez con el error.
- Astro
- Cloudflare
- Playwright
- Telegram
Cuidados y límites reales
- La oficina real y el piloto con un cliente real siguen pendientes.
- Las pruebas no miden si un diseño se ve bien: eso lo juzgan los roles y yo.
Qué prueba hay de que es robusto
Verificado el 2026-10-11. Pruebas escritas no son pruebas ejecutadas.
- 50roles en 10 departamentosempresa/ en la rama main de la Fábrica, 2026-10-14
- 63/63pruebas pasando (ejecutadas)npm test en la raíz, 2026-10-11
- 111referencias de diseño curadasbiblioteca/referencias/
- 39subagentes generados.claude/agents/*.md, 2026-10-11
Cómo cuento
Cada cifra lleva su método, su fuente y su fecha. Un conteo de pruebas es un conteo de texto: pruebas escritas (conteo en el código), no pruebas ejecutadas.
Lo que no afirmo
- Las metas de la especificación como resultados.
- Que la oficina real esté publicada: falta publicarla.
- Un piloto con un cliente real: está pendiente.
Una página hecha por la Fábrica
Quiero una página de la FábricaAl pulsar Enviar en WhatsApp me autorizas a usar tu número y tu mensaje para responderte. Política de datos
Siguiente proyectoSilla Llena