Conjunto de 24 skills de código abierto para orientar Claude Code, Codex, Cursor y opencode hacia interfaces menos genéricas y con un diseño más deliberado.
Los agentes de programación con IA tienden a generar siempre la misma interfaz: degradados índigo, una sección principal centrada, tres tarjetas de características y fuentes predeterminadas. design-taste es una colección de skills para agentes —archivos de instrucciones sencillos que se colocan en el directorio de skills de cada agente— que aleja los resultados de esas opciones por defecto. La skill principal abarca cómo interpretar el brief, elegir una dirección de diseño, descartar patrones habituales de los LLM y ejecutar una lista de comprobación previa.
A la skill principal se suman diez paquetes de estilos, cada uno con una identidad visual propia, como el minimalismo editorial suizo, el brutalismo industrial, el lujo discreto, la tecnología oscura, la impresión retro o el minimalismo japonés wabi-sabi. Cada paquete incluye una demo HTML del antes y el después, creada a partir del mismo brief. Las skills de oficio cubren tipografía, color, movimiento, GSAP, accesibilidad, textos UX, rendimiento y revisión de código, y pueden combinarse con cualquier paquete de estilos.
La instalación se realiza copiando las carpetas de las skills o ejecutando el script de instalación incluido, que es compatible con Claude Code, Cursor, Codex, opencode, Cline y Roo.
Clona el repositorio
git clone https://github.com/madebymustafa/design-taste.gitEntra en la carpeta del proyecto
cd design-tasteInstala todas las skills en tus agentes
./scripts/install.shResumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.
Agent Skills para que los agentes de programación diseñen interfaces distintivas, con dirección de arte, fotos reales y una revisión en el navegador, en lugar de páginas genéricas de IA.
Una habilidad para agentes que aporta criterio de diseño a Claude Code, Cursor y otros agentes de código al crear e iterar interfaces, presentaciones y gráficos.
Una skill de diseño de interfaces para agentes de IA que explora distintas propuestas, las compara en paralelo y las refina a partir de capturas de pantalla reales.
Colección de skills para agentes que enseñan a asistentes de programación con IA reglas de animación, diseño de UI y desarrollo frontend basadas en la experiencia del autor en Vercel y Linear.
Un bloque de reglas para pegar que evita que agentes de programación como Claude Code y Codex se excedan con las defensas, construyan de más y añadan comprobaciones innecesarias.
Un skill de diseño para Claude Code, Cursor y Codex que guía a los agentes de programación con IA para crear interfaces que no parezcan generadas por IA.