AppBuilder
Convierte la descripción de una idea en código real y en una demo en video del producto funcionando, sin intervención manual.
- Rol
- Diseño y desarrollo full-stack
- Año
- 2026
- Estado
- Proyecto propio
- Cliente
- Producto propio
- 2
- recorridos de producto
- Video
- demo automática
- .zip
- código ejecutable
- PDF/Word
- ingesta de briefs
Resumen
AppBuilder toma los requerimientos de un proyecto — capturados mediante un cuestionario guiado o adjuntando un brief en PDF o Word — y genera automáticamente tres cosas: un scaffold de código real listo para descargar y correr, un preview HTML navegable, y una demo en video grabada por un navegador headless que recorre la interfaz generada.
Contexto
El problema
Existe un salto incómodo entre “tengo una idea” y “puedo ver y tocar cómo quedaría”. Un wireframe estático no transmite el producto, y llegar a un prototipo real cuesta días de trabajo que muchas veces se descartan.
La solución
En vez de entregar un wireframe, AppBuilder entrega un artefacto ejecutable y un video que se puede compartir con un cliente o un stakeholder no técnico. La misma infraestructura de generación y grabación sirve a dos perfiles de usuario distintos.
Qué hace
Modo no técnico
Cuestionario visual de 7 pasos — tipo de proyecto, estilo, paleta, secciones, referencias — que produce una página o SPA en un solo archivo HTML más la demo en video.
Modo técnico
Wizard de stack — framework frontend, backend, arquitectura, base de datos — que produce un repositorio completo de código con Docker Compose y la demo en video.
Grabación headless automática
Un navegador sin interfaz recorre la aplicación generada: navega entre pantallas, hace scroll y pasa el mouse por los elementos interactivos, produciendo un video de producto sin que nadie grabe nada.
Ingesta de briefs
Los requerimientos se pueden adjuntar como PDF o Word en vez de completar el cuestionario, y el sistema extrae de ahí los parámetros de generación.
Decisiones técnicas
- 01
Una base técnica, dos recorridos
En vez de construir dos productos, la aplicación bifurca solo la captura de requerimientos y reutiliza toda la infraestructura de generación, preview y grabación. El costo de sumar un perfil de usuario nuevo es un formulario, no un sistema.
- 02
Código ejecutable sobre prototipo visual
El diferencial del producto es que lo que se entrega corre. Un scaffold con Docker Compose se levanta en un comando y sirve como punto de partida real del proyecto, no como material descartable.
Stack
Aplicación
- Next.js
- React
- TypeScript
- Node.js
Generación
- Modelos de lenguaje
- Plantillas de scaffold
- Docker Compose
Grabación
- Navegador headless
- Captura de video
- Automatización de UI
Ingesta
- Parsing de PDF
- Parsing de Word
Siguiente proyecto