Herramientas · IA aplicada
De un screenshot a instrucciones para agentes.
UI Studio es un editor visual para transformar screenshots en instrucciones para agentes de IA. Este recorrido describe lo que se ve al abrir la herramienta.
01 / ENTRADASube, pega o arrastra
Se carga una captura PNG, JPG o WEBP subiéndola, pegándola con Ctrl + V o arrastrándola al lienzo. Con el modo automático activo se dibujan contornos, y el botón Descomponer crea componentes.
02 / ESPACIO DE TRABAJOLienzo, capas e inspector
- Lienzo y Editor visual, con barra de herramientas de dibujo, zoom y deshacer.
- Capas: recortas una región de la captura y pulsas «Crear componente» para añadirla.
- Inspector: al seleccionar un componente se editan sus propiedades, relaciones y layout.
- Library y proyectos que se pueden guardar, compartir y exportar.
03 / PRIVACIDADPlantillas locales
Las plantillas viven en un catálogo local (IndexedDB) y la interfaz indica que las capturas no se suben.
04 / SALIDAUn prompt estructurado
Con el nombre del proyecto, la página o módulo y unas instrucciones globales, UI Studio genera una vista previa en Markdown —un documento «UI MODIFICATION REQUEST»— que se puede copiar o descargar en MD o JSON para entregarlo a un agente de IA.
Abrir UI Studio ↘
