Design Trends

17 sistemas completos de estilo de diseño web 2026 con variables CSS exactas, configuración de Tailwind y qué hacer/no hacer.

Por growthaudit · growthaudit/claude-design-skills

Probado · Funciona ★ 9.6/10

Qué hace

Aplica uno de los 17 sistemas completos de tendencias de diseño web de 2026 (neobrutalismo, neomorfismo, modo oscuro, retrofuturismo, UI de chatbot, etc.) a cualquier artefacto de UI, cada uno con propiedades personalizadas de CSS, configuración de Tailwind, combinaciones de tipografía, principios de diseño, reglas de qué hacer/no hacer y patrones de componentes de referencia. Se activa cada vez que el usuario nombra una tendencia, solicita algo 'de moda'/'estilo 2026'/'Y2K', o desea que un diseño se sienta menos genérico/predeterminado por IA.

Informe de la prueba

Se le pidió que aplicara neobrutalismo a una sección principal: entregó tokens exactos y opinados (borde de 3px, sombra dura de 5px/5px/0, trío de fuentes Space Grotesk/DM Sans/Space Mono, cero radio de borde, receta de elevación de sombra al pasar el ratón/activo) más reglas explícitas de qué hacer/no hacer — un intento de memoria sin el archivo produjo solo conjeturas vagas de 'borde grueso, colores audaces' sin valores concretos.

Probado el: 2026-07-16 · Claude Code 2.x (agent harness)

Instalación

git clone https://github.com/growthaudit/claude-design-skills
cd claude-design-skills
mkdir -p ~/.claude/skills
cp -r . ~/.claude/skills/design-trends

Comandos y prompts de ejemplo

/design-trends17 sistemas completos de estilo de diseño web 2026 con variables CSS exactas, configuración de Tailwind y qué hacer/no hacer.

Los skills se activan con peticiones en lenguaje natural, sin comandos que memorizar. Tras instalarlo, prompts como estos lo activan (en inglés):

Give this hero section a neo-brutalist look with real CSS values
Make this dashboard feel less generic, more 2026 Y2K style
Restyle our chatbot UI using an actual neumorphism token system

Informe completo →