Taste icon

Taste

Taste es una skill de Claude Code que analiza la estética de un sitio web desde una URL y la convierte en design tokens y razonamiento en Markdown y JSON.

Taste

Resumen

Taste es una skill de Claude Code para leer el taste de diseño de un sitio web a partir de una URL. Convierte una página en contexto de diseño que un agente de IA puede usar, combinando los tokens extraídos con el razonamiento detrás de las decisiones visuales.

Según la página principal, cada ejecución analiza un sitio en cuatro pasadas: mediciones, patrones, inferencia de taste y una revisión de observador. El resultado es un resumen compacto con un conjunto completo de tokens y un conjunto de principios de taste que explican qué elige el diseño y qué sacrifica.

Características

Proceso de análisis en cuatro pasos

Procesa una URL mediante cuatro roles de agente para que la misma página se examine desde las perspectivas de medición, patrones, taste y revisión editorial.

Extracción de design tokens

Recopila valores de diseño exactos de la página, incluidos colores, espaciado, radios, sombras, tipografía y otras mediciones citadas en píxeles, valores hexadecimales y proporciones.

Salida de razonamiento de taste

Deriva 4 principios de taste que explican la lógica de diseño detrás de las decisiones, incluido el disparador, la decisión, el motivo, la evidencia y la compensación.

Comprobación y validación de calidad

Ejecuta una validación de calidad anti-slop que valida el JSON antes de escribir los archivos finales.

Salida en dos archivos

Escribe dos archivos de salida para cada ejecución: un resumen `.md` y un archivo `.json` con el nombre del dominio analizado.

Casos de uso

  • Ingeniería inversa del diseño de un sitio web

    Usa Taste cuando quieras inspeccionar un sitio existente y extraer los design tokens y el razonamiento que parecen dar forma a su sistema visual.

  • Incorporar contexto de diseño en un agente de IA

    Úsalo cuando necesites contexto de diseño estructurado que un agente de codificación de IA pueda convertir en decisiones de implementación o archivos de reglas.

  • Generar artefactos de diseño reutilizables

    Úsalo para producir un resumen y un archivo JSON legible por máquinas para un dominio específico, y luego reutiliza esa salida en ejecuciones o herramientas posteriores.

  • Estandarizar el análisis entre sitios

    Úsalo cuando compares varios sitios web y quieras categorías de medición coherentes y un análisis basado en principios en lugar de notas subjetivas.

Pros and Cons

Pros

  • Usa un flujo de trabajo estructurado de varias pasadas en lugar de un resumen de una sola pasada.
  • Captura mediciones concretas de diseño con valores exactos en vez de aproximaciones.
  • Combina tokens brutos con explicación, lo que puede ayudar a un agente de IA a reproducir la intención del diseño.
  • Ofrece salidas en Markdown y JSON para uso posterior por herramientas.
  • Incluye una validación de calidad para filtrar salidas inválidas o de baja calidad.

Cons

  • La página de precios no está disponible en la evidencia recopilada, por lo que los precios y la estructura de planes no están confirmados.
  • El sitio solo documenta explícitamente la configuración para Claude Code y Gemini CLI, aunque menciona varios otros destinos de herramientas.

FAQ

¿Qué plataformas admite Taste?

Parece ser una skill de Claude Code que también puede usarse con Gemini CLI. La página principal también enumera rutas de salida para Cursor, Windsurf, GitHub Copilot, Bolt, Antigravity, v0 by Vercel, Figma y Lovable, pero el sitio solo muestra ejemplos de configuración explícitos para Claude Code y Gemini CLI.

¿Cómo se ve la salida?

La página principal describe un flujo de trabajo de cuatro pasos: extraer mediciones de una página web, detectar patrones, inferir el taste y ejecutar una pasada de observación que filtra el resultado. El producto final es un archivo `.md` y un archivo `.json` para el dominio analizado.

¿Cómo se usa?

La página principal muestra una configuración de tres pasos para Claude Code o Gemini CLI: clonar la skill en el directorio de skills correspondiente, instalar Playwright MCP y luego reiniciar la CLI y ejecutar `/taste` sobre una URL.

¿Para quién está pensada?

El sitio dice que la skill puede leer el taste de diseño de cualquier sitio web y producir contexto de diseño desde una URL. Está orientada a agentes de IA y desarrolladores que quieren design tokens y razonamiento estructurados a partir de un sitio existente.

¿Hay precios disponibles?

La página de precios en `/pricing` actualmente devuelve un 404, así que el sitio no ofrece un modelo de precios publicado en la evidencia recopilada.

Quick Facts

Categoría
Herramienta para desarrolladores
Formato principal
Skill de Claude Code
Ejemplos de CLI compatibles
Claude Code, Gemini CLI
Dominio de origen
tastelab.xyz
Archivos de salida
.md y .json
Precios
No publicados en la evidencia recopilada