Telar Lab · IA generativa / Editores de nodos
Cómo se construyó Telar
Demo de interfaz de automatización de IA generativa al estilo de los editores de nodos (ComfyUI, tldraw): un lienzo infinito con rejilla de puntos, pan y zoom, y un flujo de cinco nodos arrastrables — Modelo, Prompt positivo y negativo, Generador de imagen y Previsualización — unidos por cables bézier coloreados por tipo de puerto que se redibujan mientras arrastras. El generador no llama a ninguna API: pinta arte procedural determinista en un canvas a partir de la semilla, el prompt y los parámetros, revelándolo por pasos como si difundiera (más pasos de calidad, más tiempo y más detalle). Hay cola de trabajos, modos de semilla fijo/aleatorio/incremental, presets por pestaña, exportación real a PNG/JPG a 1x/2x, cursores de colaboradores a la Figma y telemetría en vivo. Todo corre en el navegador, sin backend.
Es una demo técnica, no una plantilla vendible tal cual: un adelanto de lo que podemos construir a medida cuando un proyecto necesita algo más que una web de catálogo. Si te interesa algo parecido para tu producto, hablamos.
Qué demuestra
- Lienzo infinito con rejilla de puntos, paneo con arrastre y zoom con rueda centrado en el cursor
- Cinco nodos arrastrables unidos por cables bézier coloreados por puerto (modelo, positivo, negativo, imagen)
- Generación procedural determinista: misma semilla + mismos parámetros = misma imagen, garantizado
- Render por pasos: la imagen se revela capa a capa y los «pasos de calidad» alargan el cómputo y añaden detalle
- Cola de trabajos con badge en vivo, modos de semilla fijo/aleatorio/incremental y regenerar con la misma semilla
- El prompt influye de verdad: su hash elige la paleta del arte y el pie del resultado final
- Barra de prompt inferior sincronizada con el nodo Positivo (Enter genera, Cmd/Ctrl+Enter desde el nodo)
- Exportación real a PNG o JPG a 1x/2x y lightbox a 3x, renderizados aparte del preview
- Pestañas-preset (Oso negro, Zorro ártico, Medusa neón) que cargan prompt y semilla y regeneran
- Cursores de colaboradores a la Figma con deriva suave, telemetría de FPS/zoom y respeto de prefers-reduced-motion