TRAZO

Una pizarra con IA pensada para transformar bocetos y texto manuscrito en piezas visuales más claras sin salir del canvas.

Demo en vivo | Repositorio | Autor

Demo

• Demo pública en CubePath: https://vps23488.cubepath.net/
• Repositorio público: https://github.com/albertogalvez-dev/trazo

Sobre el proyecto

Trazo es una herramienta visual que parte de una idea muy simple: dibujar rápido y mejorar después.

En lugar de convertir la experiencia en un chat o en un generador de diagramas desde cero, Trazo trabaja sobre una selección real del lienzo. El usuario boceta, selecciona solo la zona que quiere transformar y la IA devuelve una reinterpretación visual dentro del propio canvas.

El objetivo es reducir el salto entre una idea rápida y una versión más presentable, manteniendo la inmediatez de la pizarra.

Qué aporta

• Reinterpretación visual de bocetos y texto manuscrito
• Trabajo sobre selección real, no sobre prompts aislados
• Flujo rápido dentro del canvas sin cambiar de herramienta
• Interfaz guiada y centrada en una sola acción útil
• Demo pública desplegada en CubePath

Cómo se usa

1. Entras en la pizarra.
2. Dibujas una idea, una mini interfaz o texto a mano.
3. Seleccionas la zona que quieres mejorar.
4. Añades un matiz opcional si quieres orientar el resultado.
5. Pulsas Reinterpretar.
6. Trazo sustituye esa selección por una versión visual más cuidada.

Características principales

• Canvas construido sobre Excalidraw
• Panel de IA flotante y arrastrable
• Detección real de selección
• Botón Seleccionar todo
• Acciones Reinterpretar y Pintar
• Campo Matiz para afinar la reinterpretación
• Tour guiado en español
• Modal de ayuda personalizado con enlaces del autor

Capturas

Pantalla de entrada

Canvas y panel de IA

Ayuda personalizada

Stack

• React
• TypeScript
• Vite
• Excalidraw
• CSS normal
• Node.js
• Vertex AI Express Mode
• Nginx
• PM2

CubePath

Trazo está desplegado en un VPS de CubePath en Barcelona. La aplicación se publica con Nginx, corre sobre Node.js y se mantiene viva con PM2.

He utilizado CubePath como infraestructura de despliegue para publicar Trazo en un entorno accesible, estable y adecuado para presentar el proyecto en producción durante la hackathon.

Autor

Alberto Galvez

• LinkedIn: https://www.linkedin.com/in/alberto-galvez-aguado/
• GitHub: https://github.com/albertogalvez-dev
• Portfolio: https://albertogalvez-dev.github.io/

Hackathon CubePath 2026

Proyecto presentado a la Hackathon de CubePath organizada por midudev.

• Repositorio oficial: https://github.com/midudev/hackaton-cubepath-2026
• Reglas: https://github.com/midudev/hackaton-cubepath-2026#-reglas