Taste Skill vs Impeccable vs UI UX Pro Max: ¿qué skill de diseño hace que la UI con IA parezca menos genérica?

Pídele a un agente de programación un sitio web y a menudo te devuelve la misma página: un degradado morado, una insignia en forma de píldora, tres tarjetas idénticas. Las skills de diseño son el remedio más popular, y las mejores ya tienen más de 100 000 estrellas en GitHub cada una. Aun así, funcionan de formas muy distintas. Esta guía las compara a partir de su código fuente y su documentación, a fecha de 6 de noviembre de 2026, para que elijas la que encaje con tu proyecto.

Actualizado el 7 de noviembre de 2026 · 10 min de lectura

La respuesta corta

• Para crear un sitio web de marketing o de empresa nuevo: Taste Skill. Reparte una dirección de arte de una biblioteca curada y revisa la página en un navegador real.
• Para mejorar una UI que ya tienes, o una app o un dashboard: Impeccable. Tiene 24 comandos específicos, un detector que puedes ejecutar en CI y referencias para iOS y Android.
• Para elegir el sistema de diseño de un producto, en cualquier plataforma: UI UX Pro Max. Busca en una base de datos de estilos, paletas y parejas de fuentes, con SwiftUI, Jetpack Compose, React Native y Flutter incluidos.
• La opción más ligera: frontend-design de Anthropic, un único archivo de instrucciones.
• Complementos, no sustitutos: las skills de Emil Kowalski para animación y web-design-guidelines de Vercel para revisar accesibilidad y detalles de UX.

Usa una sola skill de gusto a la vez. Sus reglas se contradicen (una recomienda un estilo que otra prohíbe), así que combinar dos hace los resultados menos predecibles, no mejores.

Por qué la UI hecha con IA se ve siempre igual

Un modelo al que se le pide una página sin ninguna dirección produce el promedio de las páginas que ha visto. Cada ronda de correcciones se convierte entonces en el siguiente valor por defecto: los degradados morados e Inter dieron paso a un fondo crema con un titular serif y un acento terracota, y tanto la skill frontend-design de Anthropic como Impeccable señalan ya esa combinación como otra señal delatora. Una buena skill de diseño le da al agente una dirección antes de construir y una forma de comprobar el resultado. Para ver los patrones en sí, consulta Lo que delata una UI hecha con IA, y cómo evitarlo.

De un vistazo

Las estrellas y las versiones son del 6 de noviembre de 2026. Las cuatro son gratuitas y de código abierto: Taste Skill y UI UX Pro Max con licencia MIT, Impeccable y frontend-design con licencia Apache 2.0.

Taste Skill

Taste Skill de Leonxlnx es la skill más conocida contra el “AI slop”, el aspecto genérico de la IA (consulta nuestro tutorial de Taste Skill). La versión 2.5.0, publicada el 4 de noviembre de 2026, es una reconstrucción completa centrada en sitios web de empresa y de marketing.

Cómo funciona. Clasifica el proyecto por tipo de negocio y después reparte una paleta, una pareja de fuentes y un layout de hero a partir de bibliotecas curadas (su regla es “repartir, nunca elegir por gusto”), con un historial para que las páginas no se repitan. Incluye fotos reales con créditos, iconos de marcas y layouts de secciones, y un script revisa la página en Chrome headless a cuatro anchos con más de 100 reglas.

• Destaca en: primeros borradores distintivos de sitios web, con recursos reales y una comprobación en el navegador.
• Ojo con: es grande (unos 36 MB) y carga unos 140 KB de instrucciones antes de la primera página. La versión 2.5 eliminó el pipeline de pantallas de apps de la 2.1, y prohíbe de plano algunas opciones, como el violeta. El sitio web del proyecto todavía describe la versión 2.1.

# Codex
codex plugin marketplace add Leonxlnx/taste-skill
codex plugin add taste-skill@taste-skill

# Claude Code
/plugin marketplace add Leonxlnx/taste-skill
/plugin install taste-skill@taste-skill

Las skills de estilo anteriores (suave, minimalista, brutalista, gpt-taste) pasaron a Leonxlnx/taste-skill-classics.

Impeccable

Impeccable de Paul Bakaus nació a partir de la skill frontend-design de Anthropic y creció hasta convertirse en un toolkit completo (consulta nuestro tutorial de Impeccable).

Cómo funciona. En lugar de una sola ejecución larga, le da al agente un vocabulario de diseño de 24 comandos, como bolder, quieter, typeset, layout, critique, audit, polish y adapt, que aplicas a una pantalla o a un componente cada vez. Su detector comprueba 62 reglas (31 contra el AI slop y 31 de calidad) sin llamar a un modelo, y se ejecuta desde la línea de comandos o en CI: npx impeccable detect src/.

• Destaca en: mejorar paso a paso una UI existente; apps y dashboards además de sitios web; guías para iOS y Android nativos; una lista de comprobación medible.
• Ojo con: tiene más piezas móviles, entre ellas una carpeta .impeccable/, un hook del editor y un motor descargado. Lee las notas de su README sobre los hooks y el modo live antes de activarlos, porque ambos pueden actuar sin preguntarte antes.

npx impeccable install
# then, in Codex:   $impeccable init
# in Claude Code:   /impeccable init

En Codex, aprueba el hook del proyecto en /hooks después de instalar.

UI UX Pro Max

UI UX Pro Max de nextlevelbuilder es la skill con más estrellas de las tres, y la más distinta (consulta nuestro tutorial de UI UX Pro Max).

Cómo funciona. Es una base de datos consultable y no un conjunto de reglas: 80 estilos, 192 tipos de producto, 192 paletas, 74 parejas de fuentes y pautas para 22 stacks. Describe tu producto y devuelve un patrón, un estilo, una paleta, fuentes, los antipatrones que conviene evitar en tu sector y una lista de comprobación previa a la entrega, y puede guardar el resultado como un archivo de sistema de diseño.

• Destaca en: elegir con rapidez un sistema de diseño coherente; la cobertura de plataformas más amplia, de la web a SwiftUI, Jetpack Compose, React Native, Flutter y escritorio; poco coste de contexto, porque el agente consulta datos en lugar de cargarlos.
• Ojo con: no hay comprobación visual del resultado, y trata como estilos normales algunos aspectos que otras skills prohíben, como el glassmorphism. Los resultados dependen de cómo describas el producto.

npm install -g ui-ux-pro-max-cli
uipro init --ai codex    # or: uipro init --ai claude

Anthropic frontend-design

La skill frontend-design de Anthropic es un único archivo de unas 1500 palabras. Le pide al agente que base el diseño en el tema, que planifique colores y tipografía antes de programar, que compare el plan con “el valor por defecto genérico que producirías para cualquier página similar” y que critique sus propias capturas de pantalla. Nombra cinco grupos de valores por defecto de la IA que hay que evitar, desde el aspecto crema, serif y terracota hasta el kit genérico de tarjetas SaaS.

• Destaca en: un punto de partida pequeño y oficial que nunca se impone a tu brief.
• Ojo con: no incluye herramientas ni comprobaciones; se apoya en el criterio del modelo y dice poco sobre las apps móviles.

# Claude Code
/plugin install frontend-design@claude-plugins-official

# Codex and other agents
npx skills add https://github.com/anthropics/skills --skill frontend-design

Complementos que conviene conocer

• Las skills de Emil Kowalski (npx skills@latest add emilkowalski/skills): 17 skills centradas sobre todo en animación y acabado, como easing, muelles y cuándo no animar. No definen colores, fuentes ni layout, así que combínalas con una skill de gusto.
• web-design-guidelines de Vercel (npx skills add vercel-labs/agent-skills): una skill de revisión que comprueba más de 100 reglas de accesibilidad, foco, formularios y tipografía, e informa de los problemas por archivo y línea. Descarga sus reglas de GitHub cuando se ejecuta.
• baseline-ui de ibelick (npx skills add ibelick/ui-skills): una lista breve de reglas de “siempre” y “nunca” para proyectos de Tailwind y React.

pretty-ui (la nuestra)

pretty-ui es la skill que hicimos en Codex Design, así que léelo teniéndolo en cuenta. Convierte los consejos de la sección «Mejores resultados» en un solo recorrido guiado: el agente crea tres propuestas reales para tu pantalla con tu propio contenido, las abre lado a lado, guarda la que eliges como DESIGN.md, la aplica paso a paso y ejecuta un detector de señales de IA (degradados violetas, texto con degradado, glassmorphism, emojis como iconos, textos de relleno, espaciado fuera de la cuadrícula y más).

• Destaca en: que elijas tú el estilo y no el agente, que conserve una marca existente y que las pantallas posteriores sigan siendo coherentes. Sirve para sitios web, aplicaciones web y apps móviles (React Native, SwiftUI, Compose, Flutter), e incluye los 24 sistemas de nuestra biblioteca de sistemas de diseño.
• Ten en cuenta: es nueva (publicada el 7 de noviembre de 2026) y aún no tiene historial. El detector es un conjunto de reglas simples, no una revisión visual.

# Codex
codex plugin marketplace add ummydev/pretty-ui
codex plugin add pretty-ui@pretty-ui

# Claude Code
/plugin marketplace add ummydev/pretty-ui
/plugin install pretty-ui@pretty-ui

# Other agents
npx skills add ummydev/pretty-ui

Es gratuita y de código abierto con licencia MIT.

Las señales en las que coinciden

Un guion significa que las instrucciones actuales de la skill no tratan el patrón de forma directa.

Las listas cambian. Inter, Fraunces, Geist y Plus Jakarta Sans están todas en la lista de fuentes sobreutilizadas de Impeccable, y versiones anteriores de Taste Skill recomendaban algunas de ellas. Trata cualquier lista como una comprobación, no como gusto.

Mejores resultados con o sin una skill

1. Da una dirección antes de que el agente construya. Un sistema de diseño con colores, fuentes, radio de esquina y espaciado con nombre gana a “hazlo moderno”. Elige uno de nuestra biblioteca de sistemas de diseño o escribe tu propio DESIGN.md.
2. Pide tres propuestas, no una. Los resultados genéricos vienen de aceptar el primer borrador. Compara varias propuestas lado a lado y elige. pretty-ui lo hace por ti y las abre lado a lado.
3. Revisa con una lista de comprobación. Ejecuta un detector, o repasa tú mismo las señales de una UI hecha con IA, y corrige los tres problemas principales antes de pulir.

Preguntas frecuentes

¿Cuál es mejor, Taste Skill o Impeccable?

Para un sitio web de marketing nuevo, Taste Skill da un primer borrador más sólido, con recursos reales. Para una UI existente, una app o un dashboard, Impeccable encaja mejor: trabaja un comando cada vez y cubre el móvil nativo.

¿Estas skills funcionan en Codex?

Sí. Taste Skill y frontend-design se instalan en Codex como se muestra arriba, Impeccable con npx impeccable install y $impeccable init, y UI UX Pro Max con uipro init --ai codex.

¿Cuál es la mejor para apps móviles?

Impeccable tiene referencias para iOS y Android, y UI UX Pro Max cubre SwiftUI, Jetpack Compose, React Native y Flutter. Taste Skill 2.5 se centra en sitios web.

¿Son gratis?

Sí. Todas son de código abierto y gratuitas; solo pagas el uso del agente.

Sigue leyendo

• Lo que delata una UI hecha con IA, y cómo evitarloDoce señales de que una UI parece hecha con IA, y prompts que corrigen cada una.
• Las mejores skills de Codex para diseño UISkills de estilo, skills basadas en imágenes, Figma y cómo escribir las tuyas.