Taste Lab
Taste Lab (/taste) convierte cualquier URL de sitio web en un informe completo y respaldado por evidencia de "gusto de diseño", extrayendo mediciones precisas de la interfaz de usuario, patrones del sistema y un ADN de gusto conciso que sus agentes de IA pueden seguir.
https://tastelab.xyz/?ref=producthunt&utm_source=aipure
Información del Producto
Actualizado:16/06/2026
¿Qué es Taste Lab?
Taste Lab es una herramienta de análisis de diseño que realiza ingeniería inversa del "gusto" visual de cualquier sitio web y lo convierte en un contexto de diseño accionable para agentes y constructores de IA. Al analizar una URL objetivo, produce una salida estructurada que incluye un Mapa de Diseño completo (tokens de diseño como colores, tipografía, espaciado, radio y sombras) y un ADN de Gusto (el razonamiento y las compensaciones detrás de las decisiones de diseño). El objetivo es ayudar a los equipos y a las herramientas de IA a reproducir la intención de diseño de un sitio con claridad, basándose en mediciones objetivas en lugar de adjetivos de estilo vagos.
Características Principales de Taste Lab
Taste Lab (tastelab.xyz) es una herramienta/habilidad de diseño y análisis que convierte cualquier URL de sitio web en un "contexto de diseño" completo para agentes de IA. Utiliza una tubería multi-agente para extraer medidas precisas de la interfaz de usuario (tokens como colores, tipografía, espaciado, radio, sombras), detectar reglas de diseño a nivel de sistema e inferir el "ADN del Gusto" subyacente (principios con disparadores, decisiones, evidencia y compensaciones). Los resultados se producen tanto en Markdown como en JSON y se pueden integrar en flujos de trabajo populares de codificación/diseño de IA (por ejemplo, Cursor, Windsurf, Claude Code, Copilot) para que los agentes puedan construir una interfaz de usuario consistente que coincida con el gusto de diseño de un sitio de referencia.
Extracción de URL a contexto de diseño: Ingrese una URL de sitio web y genere un mapa de diseño estructurado que capture tokens de UI objetivos como colores hexadecimales, tamaños/pesos de fuente, unidades de espaciado, radios y sombras.
Mediciones de alta precisión (sin aproximaciones): Cita px/hex/ratios exactos en ~20 categorías de medición, produciendo un conjunto de tokens que se puede reutilizar como línea de base de un sistema de diseño.
Detección de patrones en reglas del sistema: Deriva de 5 a 8 reglas sistemáticas de las mediciones extraídas, cada una con evidencia y un objetivo de diseño articulado (por qué existe la regla).
Principios de ADN del Gusto con compensaciones: Genera cuatro "principios de gusto" (incluyendo al menos un principio de restricción) que explican el razonamiento detrás de las decisiones clave de diseño, respaldados por evidencia y compensaciones explícitas.
Salidas duales: Markdown + JSON: Escribe un informe legible por humanos (.md) y un archivo consumible por máquinas (.json) para que los equipos puedan revisar las decisiones y las herramientas puedan ingerir tokens de manera confiable.
Integraciones de flujo de trabajo para herramientas de IA: Exporta a ubicaciones de instrucciones específicas de la herramienta (por ejemplo, reglas de Cursor, reglas de Windsurf, CLAUDE.md, instrucciones de Copilot) para que un agente de IA pueda aplicar el gusto extraído en ejecuciones posteriores.
Casos de Uso de Taste Lab
Clonación de diseño para prototipado rápido: Los equipos de producto pueden alimentar una URL de un competidor o de inspiración para generar un conjunto de tokens y principios que aceleren la creación de una interfaz de usuario con una sensación similar sin una auditoría manual.
Implementación de UI guiada por agentes en código: Los desarrolladores que utilizan asistentes de codificación de IA pueden adjuntar la salida de Taste Lab para que el agente genere componentes/páginas que se adhieran a decisiones consistentes de espaciado, tipografía y color.
Arranque de sistemas de diseño para startups: Los equipos en etapa inicial pueden crear un sistema de diseño inicial a partir de un sitio de referencia de alta calidad, produciendo tokens y reglas reutilizables para mantener el producto coherente a medida que escala.
Auditorías de consistencia de marca/diseño: Los líderes de diseño pueden comparar las salidas en múltiples páginas o propiedades para detectar desviaciones en los tokens y las reglas, y luego estandarizar a un único conjunto de principios.
Informes de "gusto" reutilizables para agencias: Las agencias pueden entregar un informe de diseño conciso y respaldado por evidencia (tokens + principios + compensaciones) para alinear a las partes interesadas y reducir el ir y venir durante la entrega.
Ventajas
Produce tokens de diseño precisos y respaldados por evidencia (px/hex/ratios) adecuados para la reutilización programática.
Captura no solo lo que es la interfaz de usuario, sino por qué es así (principios + compensaciones), mejorando la confiabilidad del agente y la alineación del equipo.
Genera resultados en formatos amigables para humanos y máquinas y se conecta a múltiples cadenas de herramientas de IA.
Desventajas
Se enfoca en extraer y codificar el gusto de diseño existente; puede ser menos útil para generar direcciones visuales completamente novedosas desde cero.
Los mejores resultados dependen de la accesibilidad/estructura de la página web de destino y de la fidelidad de la extracción automatizada (por ejemplo, los estilos dinámicos o las interfaces de usuario con mucho lienzo pueden ser más difíciles de analizar).
Cómo Usar Taste Lab
1) Instalar los requisitos previos: Tenga un entorno CLI listo (Claude Code o Gemini CLI). También necesitará Playwright MCP disponible (descarga un tiempo de ejecución de Chromium de ~100 MB).
2) Clone la habilidad Taste en el directorio de habilidades de su agente: Clone el repositorio en la carpeta correcta para su herramienta: Claude Code: `git clone https://github.com/senlindesign/taste-skill ~/.claude/skills/taste` o Gemini CLI: `git clone https://github.com/senlindesign/taste-skill ~/.gemini/skills/taste`.
3) Agregue el servidor Playwright MCP (configuración única): Claude Code: ejecute `claude mcp add playwright -s user -- npx -y @playwright/mcp@latest --isolated`. Gemini CLI: agregue Playwright MCP a `~/.gemini/settings.json` como: `{ "mcpServers": { "playwright": { "command": "npx", "args": ["-y", "@playwright/mcp@latest", "--isolated"] } } }`.
4) Reinicie su herramienta de agente: Reinicie Claude Code o Gemini CLI para que cargue la nueva habilidad y la configuración del servidor MCP.
5) Ejecute Taste Lab en una URL de sitio web: Ejecute el comando `/taste <url>` (ejemplo: `/taste https://linear.app`). Taste ejecuta una tubería de 4 agentes: Extraer Medidas → Detectar Patrones → Inferir Gusto → Observador (editor final/puerta de calidad).
6) Revise los resultados generados: Cada ejecución produce dos archivos: `{domain}.md` y `{domain}.json`. Contienen (1) un Mapa de Diseño (tokens como colores, tipografía, espaciado, radio, sombras con valores exactos) y (2) ADN de Gusto (4 principios con Disparador, Decisión, Razón, Evidencia, Compensación; incluye al menos un principio de Restricción).
7) Use la salida para guiar su herramienta de IA: Aplique el contexto de gusto generado colocándolo/añadiéndolo al archivo de integración que lee su herramienta, por ejemplo, Cursor: `.cursor/rules/{domain}-taste.mdc`, Windsurf: `.windsurf/rules/{domain}-taste.md`, Claude Code: `CLAUDE.md` (adjunte una sección de Gusto de Diseño), GitHub Copilot: `.github/copilot-instructions.md`, Bolt: `.bolt/prompt`, Gemini: `GEMINI.md`.
8) Vuelva a ejecutar su agente con el contexto de gusto habilitado: Una vez que el archivo de gusto esté en la ubicación de instrucciones/reglas de su herramienta, ejecute sus tareas normales de construcción/diseño nuevamente; el agente debería captar los tokens de diseño y los principios del ADN de Gusto en la próxima ejecución.
Preguntas Frecuentes de Taste Lab
Taste Lab es una herramienta/habilidad que aplica ingeniería inversa al "gusto de diseño" de un sitio web. Su comando /taste convierte cualquier URL en un contexto de diseño completo para un agente de IA, incluyendo un Mapa de Diseño (tokens de diseño) y un ADN de Gusto (principios y razonamiento).
Video de Taste Lab
Artículos Populares
Atoms: Una Plataforma de IA Multiagente Que Transforma Ideas en Productos Listos para Lanzar
May 22, 2026
Nano Banana SBTI: Qué es, cómo funciona y cómo usarlo en 2026
Apr 15, 2026
Reseña de Atoms: El Constructor de Productos de IA que Redefine la Creación Digital en 2026
Apr 10, 2026
Kilo Claw: Cómo implementar y usar un verdadero agente de IA "Hágalo por usted" (Actualización 2026)
Apr 3, 2026
Últimas herramientas de IA similares a Taste Lab
Personalized License Plate Generator
Una herramienta impulsada por IA que genera diseños de placas de matrícula únicos y personalizados basados en la entrada del usuario.
Keak
Keak es una herramienta de pruebas A/B impulsada por IA que genera automáticamente variaciones de sitios web, lanza pruebas y optimiza conversiones.
Makeasite
Makeasite es un creador de sitios web innovador que permite a los usuarios crear y compartir sitios web rápidamente utilizando solo indicaciones.
Adviseful
Adviseful es una herramienta impulsada por IA que acelera la planificación de aplicaciones web y móviles para consultorías de TI y agencias digitales, convirtiendo ideas en clientes potenciales calificados en minutos.
Herramientas de IA populares como Taste Lab
GPT Engineer
GPT Engineer es una herramienta de desarrollo de software impulsada por IA que permite a cualquiera construir aplicaciones web conversando con un ingeniero de IA.
Framer
Framer es un potente constructor de sitios web que permite a los diseñadores crear sitios web impresionantes y responsivos con una interfaz intuitiva y publicarlos instantáneamente sin codificación.
Framer Workshop
Framer Workshop es un generador de componentes impulsado por IA integrado en Framer que permite a los diseñadores y desarrolladores crear componentes de sitios web avanzados y personalizables sin escribir código a través de simples indicaciones conversacionales.
Wireframer
Wireframer es una herramienta impulsada por IA de Framer que genera rápidamente diseños y wireframes de páginas web limpios y receptivos a partir de indicaciones simples, lo que ayuda a los diseñadores a crear planos estructurales sin quedar atrapados en estilos visuales específicos.