Design Trends
17 komplette 2026 webdesign styling-systemer med præcise CSS vars, Tailwind config og do/don'ts.
Testet · Virker
Hvad det gør
Anvender et af 17 komplette 2026 webdesign-trendsystemer (neo-brutalism, neumorphism, dark mode, retrofuturism, chatbot UI, osv.) på ethvert UI-artefakt, hver bundtet med CSS custom properties, Tailwind config, typografipar, layoutprincipper, do/don't-regler og referencekomponentmønstre. Udløses når brugeren nævner en trend, beder om noget 'trendy'/'2026 style'/'Y2K', eller ønsker et design, der føles mindre generisk/AI-standard.
Testrapport
Bad den om at neo-brutalisere en hero-sektion: den leverede præcise, meningsfulde tokens (3px border, 5px/5px/0 hård skygge, Space Grotesk/DM Sans/Space Mono skrifttype-trio, nul border-radius, hover/active shadow-lift opskrift) plus eksplicitte do/don't-regler — et fra-hukommelsen forsøg uden filen producerede kun vage 'tyk kant, fede farver' gæt uden konkrete værdier.
Testet: 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
Kommandoer og eksempelprompter
/design-trends17 komplette 2026 webdesign styling-systemer med præcise CSS vars, Tailwind config og do/don'ts.
Skills udløses af almindelige forespørgsler — ingen kommandoer at huske. Efter installationen aktiverer prompter som disse skillen (på engelsk):
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