Design Trends
17 systèmes de style de conception web complets pour 2026 avec des variables CSS exactes, une configuration Tailwind et des choses à faire/ne pas faire.
Testé · Fonctionne
Ce que fait
Applique l'un des 17 systèmes de style complets de tendances de conception web pour 2026 (néo-brutalisme, neumorphisme, mode sombre, rétro-futurisme, UI de chatbot, etc.) à tout artefact d'interface utilisateur, chacun étant accompagné de propriétés personnalisées CSS, de configuration Tailwind, d'associations de typographie, de principes de mise en page, de règles à faire/ne pas faire et de modèles de composants de référence. Se déclenche chaque fois que l'utilisateur nomme une tendance, demande quelque chose de 'tendance'/'style 2026'/'Y2K', ou souhaite qu'un design soit moins générique/par défaut IA.
Rapport de test
A demandé de néo-brutaliser une section héros : il a fourni des jetons exacts et opinionnés (bordure 3px, ombre dure 5px/5px/0, trio de polices Space Grotesk/DM Sans/Space Mono, zéro rayon de bordure, recette d'ombre/levée au survol/actif) plus des règles explicites à faire/ne pas faire — une tentative de mémoire sans le fichier n'a produit que des suppositions vagues de 'bordure épaisse, couleurs vives' sans valeurs concrètes.
Testé le: 2026-07-16 · Claude Code 2.x (agent harness)
Installation
git clone https://github.com/growthaudit/claude-design-skills cd claude-design-skills mkdir -p ~/.claude/skills cp -r . ~/.claude/skills/design-trends
Commandes et exemples de prompts
/design-trends17 systèmes de style de conception web complets pour 2026 avec des variables CSS exactes, une configuration Tailwind et des choses à faire/ne pas faire.
Les skills se déclenchent sur des demandes en langage courant — aucune commande à retenir. Après installation, des prompts comme ceux-ci l'activent (en anglais) :
Give this hero section a neo-brutalist look with real CSS valuesMake this dashboard feel less generic, more 2026 Y2K styleRestyle our chatbot UI using an actual neumorphism token system