Pack de 13 skills
Conjunto de Agent Skills que orientan a agentes de IA para diseñar interfaces con criterios de dirección de arte concretos, en vez de layouts genéricos de plantilla.
indexados aquí
cubiertas
en GitHub
al repositorio
Funciona con cualquier agente que lea SKILL.md
npx -y skills add Leonxlnx/taste-skill --agent claude-codeInstala todos los skills del repositorio, solo en este proyecto.
Instala los 13 skills del repositorio de una vez. Cada ficha individual trae su propio comando si solo quieres uno — cada skill instalado ocupa contexto en el agente.
El repositorio agrupa skills de implementación y de generación de imágenes centradas en frontend. Design Taste Frontend (con su variante v1 conservada) y Gpt Taste marcan reglas generales anti-genéricas; Redesign Existing Projects audita proyectos ya existentes; Full Output Enforcement evita que el modelo entregue código truncado o con placeholders. Otras skills fijan direcciones visuales concretas: High End Visual Design, Minimalist Ui, Industrial Brutalist Ui y Stitch Design Taste (esta última pensada para Google Stitch, con exportación a DESIGN.md). Image To Code, Imagegen Frontend Web, Imagegen Frontend Mobile y Brandkit trabajan sobre imágenes de referencia (web, móvil, identidad de marca) antes o en vez de generar código.
Instalar el pack completo tiene sentido para quien monta interfaces con agentes como Codex, Cursor o Claude Code de forma recurrente y quiere combinar una skill base (Design Taste Frontend o Gpt Taste) con una dirección visual específica y, según el caso, un flujo de imagen a código. Cada skill funciona por separado, así que también se puede instalar solo la que corresponda a un estilo o tarea puntual.
El repositorio no cubre lógica de backend, arquitectura de aplicaciones ni pruebas; su alcance se limita a diseño visual, motion y generación de imágenes de referencia para frontend.
Los 13 más populares del pack, sobre Diseño y UI, Herramientas para desarrolladores.
Skill anti-slop para frontend: landing pages, portafolios y rediseños. El agente lee el brief, infiere la dirección de diseño correcta y evita interfaces que parezcan plantillas genéricas.
Anula el truncamiento por defecto de los LLM. Obliga a generar código completo, prohíbe patrones de placeholder y gestiona de forma limpia los cortes por límite de tokens.”
Fotos profesionales con IA en minutos.
Mejora sitios y apps existentes a calidad premium: audita el diseño actual, detecta patrones genéricos de IA y aplica estándares de alto nivel sin romper la funcionalidad. Funciona con cualquier framework CSS o CSS vanilla.
Skill de generación de imágenes premium para brand-kits: boards de guías de marca, sistemas de logo, decks de identidad y presentaciones de mundo visual de alta gama.
Interfaces crudas que fusionan tipografía suiza impresa con estética de terminal militar: cuadrículas rígidas, tipografía extrema y degradación analógica, para dashboards, portfolios o sitios editoriales tipo plano desclasificado.
Enseña a la IA a diseñar como una agencia de alta gama: define fuentes, espaciados, sombras, estructura de tarjetas y animaciones exactas, bloqueando los defaults que hacen ver un diseño de IA barato o genérico.
Ingeniero de UX/UI y motion GSAP de élite: impone aleatoriedad real tipo Python, estructura AIDA estricta, tipografía editorial ancha, bento grids sin huecos, ScrollTriggers avanzados y espaciado masivo entre secciones.
Skill de imagen-a-código para sitios web: genera imágenes de diseño por sección, las analiza a fondo y luego implementa el frontend fiel a ellas, evitando UI genérica y clichés de IA.
Skill de dirección de imagen frontend de alta gama para generar referencias de diseño web premium: una imagen horizontal por sección, con variedad de composición, fondos, CTAs y escalas de hero, y una paleta consistente en todo el sitio.
La skill v1 original de taste, conservada para proyectos que dependen de su comportamiento exacto; el default actual es `design-taste-frontend` (v2 experimental), una reescritura sustancial.
Skill de generación de imágenes para conceptos premium de pantallas de apps móviles (iOS, Android, cross-platform), con mockups de teléfono, jerarquía limpia y consistencia multi-pantalla. Solo genera imágenes, no código.'
Convierte cualquier web en datos limpios listos para LLMs.
Skill de sistema de diseño semántico para Google Stitch. Genera DESIGN.md que imponen estándares de UI premium anti-genéricos: tipografía, color, layouts asimétricos, micro-movimiento perpetuo y rendimiento.
Interfaces de estilo editorial minimalista: paleta monocromática cálida, contraste tipográfico, bento grids planos y pasteles apagados, sin gradientes ni sombras pesadas.
