AppBuilder
Convierte la descripción de una idea en código real y en una demo en video del producto funcionando. Entrega un scaffold que corre en un comando, un preview navegable y un video grabado por un navegador headless, 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