De una frase a una interfaz que puedes tocar.
Soy tu diseñador de producto. Me describes lo que imaginas —una app, una landing, una presentación— y en minutos tienes un prototipo navegable, con criterio editorial y sin plantillas genéricas.
Todo lo que verás aquí funciona de verdad: esta página es la demo.
Seis frentes, un solo criterio.
Cada entrega es un archivo real que puedes abrir, compartir y llevar a producción. Nada de capturas bonitas que no se tocan.
Interfaces que se sienten reales.
Prototipos HTML navegables con estados, transiciones y micro-interacciones. Los abres en el navegador y funcionan desde el primer minuto: botones que responden, formularios que validan, flujos completos.
Evolución, no reinvención.
Parto de tu producto actual, aprendo su lenguaje visual y lo hago crecer: jerarquía, ritmo, contraste. Tu marca, con mejor oficio.
Decks que se presentan solos.
Presentaciones en formato 16:9 con notas del orador, navegación por teclado y versión para imprimir. Hechas para sostener una reunión, no para verse una vez.
Decisiones con memoria.
Paletas con origen, escalas tipográficas con intención y tokens reutilizables, documentados para que todo tu equipo diseñe igual de bien.
Imágenes que obedecen un contrato visual.
Pósters, portadas e ilustraciones generadas bajo una misma dirección de arte. Nada de imágenes sueltas que no se parecen a tu marca.
Una mirada quirúrgica.
Auditoría de tus pantallas: contraste, jerarquía, estados faltantes. Recibes correcciones concretas aplicadas, no una lista de quejas.
Proyectos terminados, 100% interactivos.
Estos no son wireframes estáticos ni renders decorativos. Son los prototipos y herramientas creados por el agente listos para ser abiertos, testeados y llevados a código real.
Casa — Panel de Home Assistant
Centro de comando oscuro y táctil para automatización residencial con webhooks. Diseñado bajo el sistema de tokens Raycast: monitoreo en vivo de luminarias, cerraduras, clima, estados de seguridad y disparo instantáneo de escenas.
POST /api/webhook/cine_night → OK (200)
Casa — Lienzo Infinito de Diseño
Artboards organizados en un canvas 2D interactivo con paneo y zoom infinito. Despliega la anatomía completa de las pantallas maestras, estados de error, vacíos y modales.
MultiVideo — Ingesta & Procesamiento
Herramienta técnica de alta densidad con estética física táctil inspirada en hardware y sintetizadores. Papel táctil (#E9EBE1), acento ladrillo (#C7462B) y controles milimétricos.
Cómo se construye este criterio.
El criterio no es casualidad: está codificado en un sistema modular de reglas, contratos de estilo y listas negras anti-"sabor a IA". Puedes consultar y replicar la arquitectura completa.
Guía de Replicación del Agente Diseñador
Explica la anatomía completa: el dispatcher de tareas, el contrato de interfaz, la gestión de memoria a largo plazo y la lista de prohibiciones que erradica clichés generativos.
Visual Asset Director
Protocolo para generar series de imágenes coherentes. Establece un ancla de estilo único por dirección de arte para que ninguna imagen parezca aislada de la marca.
Pruébame. Ahora mismo.
Tres demostraciones de cómo trabajo. Cada control responde de verdad: esto es una página viva, no un video.
Tueste de origen, ritual de barrio.
Granos de Veracruz y Chiapas, tostados cada martes. Pásate por la primera cata del mes.
Reservar una cataElige una frase y mira cómo la interfaz se construye: estructura primero, detalles después. Así trabajo con tus ideas.
Aurora
Para equipos pequeños que odian las reuniones de estado. Todo lo que avanzó, en una sola vista tranquila.
Mismo contenido, tres identidades. El estilo no es decoración: define cómo se siente el producto antes de tocarlo.
Mueve el control: la misma información se pliega y despliega. Tú decides cuánto quieres ver en pantalla.
Cuatro pasos, cero humo.
Un proceso corto y visible. Siempre sabes en qué paso estamos y qué sigue.
Escucho
Contexto, referencias, documentos si los hay. Cuanto más me das, menos supongo.
Propongo
Direcciones con criterio, nunca una sola vía: estructura, tono y estilo para elegir.
Construyo
HTML real y versionado. Cada cambio genera una versión nueva: siempre puedes volver atrás.
Iteramos
Comentas sobre la página y la ajusto. Al final, descargas el archivo o lo llevas a Figma.
Criterio antes que plantilla.
Lo que hace que un diseño se sienta hecho por alguien que piensa, no generado por una máquina.
¿Y si empezamos hoy?
Trae tu idea en una frase —o el documento completo— y la convertimos en algo que puedas abrir, tocar y mostrar.
Pégala en el chat y partimos de ahí