Taste Lab

¿Qué es Taste Lab?

Taste Lab es una herramienta de análisis de diseño que descompone el ADN visual de cualquier sitio web. Apúntala a una URL y obtendrás un desglose completo del diseño: colores, tipografía, espaciado, sombras y el razonamiento detrás de cada decisión. El resultado se entrega en dos archivos: un mapa de diseño en .md y un conjunto de tokens en .json, listos para alimentar cualquier herramienta de construcción impulsada por IA.

Para quién es

• Ingenieros de diseño que necesitan un conjunto de tokens preciso y reutilizable de un competidor o sitio de inspiración sin inspección manual.
• Creadores de agentes de IA que quieren inyectar contexto de diseño real en sus herramientas — colores, reglas de espaciado y lógica de compensaciones — sin adivinar.
• Diseñadores de producto que quieren entender por qué un sitio se ve como se ve, no solo qué valores hexadecimales usa.

Funciones clave

Pipeline de extracción con cuatro agentes

Taste Lab ejecuta cuatro agentes de IA especializados en secuencia. El primero extrae mediciones brutas (cada color, peso, valor de espaciado, radio y sombra). El segundo detecta reglas sistemáticas a partir de esas mediciones. El tercero infiere el gusto del diseñador — las compensaciones deliberadas detrás de cada elección. El cuarto actúa como un filtro de calidad, eliminando razonamientos deficientes y validando el resultado antes de escribir los archivos finales.

Salida de Mapa de Diseño y ADN de Gusto

Cada ejecución produce un Mapa de Diseño — un conjunto completo de tokens que cubre 20 categorías de medición — y una sección de ADN de Gusto con cuatro principios. Cada principio incluye el Desencadenante, Decisión, Razón, Evidencia y Compensación detrás de una elección de diseño. Al menos un principio es una Restricción, que explica lo que el diseñador decidió no hacer.

Citas exactas de píxeles y hexadecimales

Sin aproximaciones. El resultado cita valores exactos de px, hex, proporción y DOM para cada medición. Por ejemplo, un fondo de página podría ser #08090A (casi negro, no negro puro), con un texto principal de #F7F8F8 (casi blanco, frío). El espaciado se referencia a una unidad base (por ejemplo, 8px), y cada sombra incluye sus valores completos de rgba y desplazamiento.

Lo que destaca

Taste Lab no solo te dice cómo se ve un sitio — te dice a qué renunció el diseñador para que se vea así.

La mayoría de las herramientas de análisis de diseño se detienen en paletas de colores y pilas tipográficas. Taste Lab va más allá al extraer el razonamiento detrás de cada elección — la compensación que hace que un diseño sea intencional en lugar de accidental. Un principio como "La marca vive en blanco, no en color" explica por qué un sitio casi negro usa blanco como acento en lugar de un color de marca, y qué sacrifica esa elección (por ejemplo, la sensación barata de una plantilla). Esto convierte un conjunto estático de tokens en una filosofía de diseño reutilizable.

Vale la pena echarle un vistazo si…

Estás construyendo herramientas de IA que necesitan generar o adaptar interfaces visuales, y quieres que aprendan de decisiones de diseño reales en lugar de guías de estilo aleatorias. También vale la pena si eres un diseñador que quiere auditar tu propio trabajo con la misma mirada crítica — o si estás descomponiendo el sitio de un competidor y necesitas algo más que un selector de color.