Taste Skill funciona como una mesa de mezclas para el diseño web: permite indicar al agente cuánta variedad, animación e información debe meter en pantalla. Es una skill abierta para evitar interfaces genéricas, pero su versión 2 sigue siendo experimental y no sustituye el criterio de diseño.
TL;DR: El resumen sin rodeos
- Tres controles: ajusta variedad de composición, intensidad de movimiento y densidad visual del resultado.
- Instalación sencilla: se añade mediante npx skills add o copiando el archivo SKILL.md.
- Versión experimental: v2 es la opción predeterminada, pero sus reglas todavía pueden cambiar.
- Evidencia limitada: la documentación enseña el planteamiento, no una comparación independiente de resultados.
En este artículo
| Qué es | Paquete de reglas de diseño que enseña a los agentes de código a generar interfaces con criterio visual en lugar de plantillas genéricas. |
|---|---|
| Web oficial | https://tasteskill.dev/ |
| Repositorio | repo |
| Licencia | MIT |
| Precio | open source |
| Alternativa a | Revisión manual de UI tras cada generación con IA |
| Estrellas en GitHub | 89.539 |
| Año de lanzamiento | 2026 |
| Quién lo mantiene | Leonxlnx (persona) |
| Plataformas | Agentes compatibles con archivos SKILL.md |
| Integraciones | Cursor, Claude Code, Codex, Gemini CLI, v0, Lovable y OpenCode |
Revisado el 2026-09-23
Esta herramienta forma parte de estos recopilatorios: Skills de diseño para Claude Code y Codex · Skills para Claude Code, Codex y otros agentes de código
El problema que resuelve
Taste Skill intenta corregir un vicio muy concreto de las webs generadas por IA. Pides una landing page y recibes otra procesión de tarjetas, degradados y bloques centrados. Aquí el "hazlo bonito" se convierte en tres decisiones que se pueden discutir.
Los tres controles de Taste Skill
DESIGN_VARIANCE regula cuánto puede experimentar el agente con la composición. Un valor bajo empuja hacia estructuras limpias y centradas; uno alto permite diseños más asimétricos.
MOTION_INTENSITY determina la profundidad de la animación, desde interacciones discretas al pasar el cursor hasta movimientos ligados al desplazamiento. VISUAL_DENSITY controla cuánta información cabe en cada pantalla: aire para una marca premium o mayor concentración para un panel de datos.
En cristiano: no diseña por ti. Le pone barandillas al agente para que entienda que una web de un despacho jurídico no debería moverse ni respirar como la campaña de lanzamiento de unas zapatillas. Parece obvio. A juzgar por muchas interfaces generadas, no lo era.
Cómo se pone en marcha
Necesitas un agente compatible con archivos SKILL.md. La web oficial de Taste Skill enumera Codex, Claude Code, Cursor, OpenCode, Gemini CLI, v0 y Lovable, entre otros.
El comando documentado para instalar únicamente el recurso analizado es este:
npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend"Ojito con el nombre: la carpeta se llama taste-skill, pero el identificador instalable es design-taste-frontend. También se puede copiar el archivo SKILL.md dentro del proyecto o pegarlo en una conversación compatible.
La v2 experimental reemplaza actualmente a v1 al repetir la instalación. Si un proyecto depende del comportamiento anterior, el README conserva design-taste-frontend-v1. Para repetir la prueba en condiciones, conviene trabajar desde un commit concreto y guardar ese identificador. Instalar lo último hoy no garantiza recibir las mismas reglas mañana.
Copia esto y pégalo en Claude Code, Cursor o tu asistente de código favorito:
Instala Taste Skill desde https://github.com/Leonxlnx/taste-skill con el identificador design-taste-frontend. Configura una landing de servicios con variedad 4, movimiento 2 y densidad 5. Crea una página de prueba y enumera qué reglas de la skill aplicaste.
No necesitas ser programador. Con un agente compatible, el asistente puede encargarse de buena parte de la instalación, la configuración y las pruebas, aunque quizá tengas que echarle una mano.
La documentación no aporta un comando específico para desinstalar. Si se ha copiado el archivo manualmente, deshacer el cambio consiste en retirar ese SKILL.md del proyecto; antes conviene comprobar la ruta exacta creada por el agente o la herramienta de instalación.
MCP de Taste Skill
No hay una integración MCP oficial documentada en las fuentes revisadas. Lo que instalas es un SKILL.md con instrucciones para el agente. Aquí no hay ningún servidor MCP ofreciendo herramientas o datos externos.
Eso cambia bastante la película: no requiere conectar credenciales ni levantar un servicio para aplicar sus reglas. También significa que no debe venderse como una integración MCP por el simple hecho de funcionar con agentes de código. Son mecanismos distintos.
Usándola en marketing real
Imagina una agencia preparando tres propuestas de landing page: una conservadora para captación B2B, otra con más movimiento para un lanzamiento y una tercera densa para mostrar comparativas. Con estos controles puede explicar las diferencias sin escribir un tratado de dirección artística en cada prompt.
Que conste: para esta reseña no se ejecutó una prueba independiente. El escenario explica cómo aplicar la herramienta, pero no demuestra mejoras en conversiones, velocidad de producción o calidad visual.
Mi lectura es que su mayor valor está antes de generar código: obliga a discutir cuánto diseño necesita realmente una página. Subir todos los controles porque "más es mejor" producirá justo otra clase de castaña. Una landing de PPC necesita jerarquía y claridad antes que fuegos artificiales; ahí la densidad y el movimiento son decisiones comerciales, no decoración.
Para ampliar el contexto, encaja dentro de la guía de skills para Claude Code y Codex y del recopilatorio de skills de diseño para agentes de IA. Se reseña como un único paquete: sus variantes internas no justifican duplicar la misma herramienta trece veces.
Lo que no te cuentan
La limitación decisiva lleva una etiqueta bastante clara: v2 es experimental. El propio proyecto avisa de que la redacción de sus reglas puede cambiar antes de la versión 2.0.0 estable, aunque el nombre de instalación permanezca igual.
Las estrellas de GitHub no equivalen a instalaciones de la skill, usuarios activos ni pruebas de que el sistema produzca mejores diseños. Confundir esas magnitudes queda precioso en una gráfica y fatal en una reseña.
El README incluye promoción oficial y patrocinadores, pero el dossier no aporta opiniones verificadas de gente que lo haya usado. Con esto sobre la mesa, hablar de adopción o consenso sería pasarse de frenada.
Ojito también con los clones. Taste Skill es el repositorio de Leonxlnx y no debe confundirse con los forks tasteskill/tasteskill o jeettrench/taste-skill. La licencia declarada es MIT y el recurso es abierto; el agente, el modelo o la API que utilices pueden seguir costando dinero.
Alternativas
La alternativa de toda la vida es revisar la interfaz a mano después de cada generación con IA. Consume más atención y toca explicar las correcciones una por una, pero da control directo sobre la jerarquía, el espaciado, el movimiento y la coherencia de marca.
Yo la usaría para quitarme de encima correcciones repetitivas y después revisaría la página a mano. Si la jerarquía, el espaciado o el movimiento fallan, toca corregirlos por muy bien escrito que esté el SKILL.md.
Veredicto
Taste Skill convierte tres discusiones borrosas de diseño en controles comprensibles: variedad, movimiento y densidad. Con compatibilidad declarada para varios agentes y una sola skill que instalar, probarla cuesta bastante poco.
La recomendaría para equipos pequeños que generan frontales con IA y ya están hartos de corregir siempre los mismos tics. La probaría sobre una página aislada, desde un commit fijado y comparando el resultado con una versión sin la skill.
No la usaría como sello automático de buen diseño ni como sustituto de una revisión real. Taste Skill pone criterio por escrito. El criterio final, por suerte, todavía tiene que ponerlo alguien.
