SkillProof tested Claude skills

Design Trends

17 komplette 2026 webdesign-stilingssystemer med eksakte CSS-variabler, Tailwind-konfigurasjon og do/don'ts.

av growthaudit · growthaudit/claude-design-skills

Bestått ★ 9.6/10

Design Trends — 17 komplette 2026 webdesign-stilingssystemer med eksakte CSS-variabler, Tailwind-konfigurasjon og do/don'ts.

Hva den gjør

Anvender ett av 17 komplette 2026 webdesign-trendsystemer (neo-brutalism, neumorphism, dark mode, retrofuturism, chatbot UI, etc.) på ethvert UI-artefakt, hver bundlet med CSS-egenskaper, Tailwind-konfigurasjon, typografipar, layoutprinsipper, do/don't-regler og referansekomponentmønstre. Utløses når brukeren navngir en trend, ber om noe 'trendy'/'2026 style'/'Y2K', eller ønsker at et design skal føles mindre generisk/AI-standard.

Testrapport

Ba den om å neo-brutalisere en heroseksjon: den leverte eksakte, meningsfulle tokens (3px kantlinje, 5px/5px/0 hard skygge, Space Grotesk/DM Sans/Space Mono skrift-trio, null border-radius, hover/active skygge-løft oppskrift) pluss eksplisitte do/don't-regler — et forsøk fra minnet uten filen produserte bare vage 'tykk kantlinje, dristige farger'-gjetninger uten konkrete verdier.

Testet på: 2026-07-16 · Claude Code 2.x (agent harness)

Installer

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-stilingssystemer med eksakte CSS-variabler, Tailwind-konfigurasjon og do/don'ts.

Skills utløses av vanlige forespørsler — ingen kommandoer å huske. Etter installasjonen aktiverer prompter som disse skillen (på engelsk):

  • 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

Full rapport →