Design Trends

17 kompletních systémů webdesignového stylu pro rok 2026 s přesnými CSS proměnnými, konfigurací Tailwind a doporučeními/nedoporučeními.

od growthaudit · growthaudit/claude-design-skills

Otestováno · Funguje ★ 9.6/10

Design Trends — 17 kompletních systémů webdesignového stylu pro rok 2026 s přesnými CSS proměnnými, konfigurací Tailwind a doporučeními/nedoporučeními.

Co umí

Aplikuje jeden ze 17 kompletních systémů webdesignových trendů pro rok 2026 (neo-brutalismus, neumorfismus, tmavý režim, retrofuturismus, chatbot UI atd.) na jakýkoli UI artefakt, každý s přiloženými vlastními CSS vlastnostmi, konfigurací Tailwind, typografickými párováními, principy rozvržení, pravidly co dělat/nedělat a referenčními vzory komponent. Spouští se, kdykoli uživatel pojmenuje trend, požádá o něco 'trendy'/'styl 2026'/'Y2K', nebo chce, aby design působil méně genericky/AI-výchozí.

Testovací report

Požádáno o neo-brutalizaci hero sekce: dodalo přesné, názorové tokeny (3px okraj, 5px/5px/0 tvrdý stín, trojice písem Space Grotesk/DM Sans/Space Mono, nulový border-radius, recept na hover/active shadow-lift) plus explicitní pravidla co dělat/nedělat — pokus z paměti bez souboru produkoval pouze vágní odhady 'tlustý okraj, výrazné barvy' bez konkrétních hodnot.

Testováno: 2026-07-16 · Claude Code 2.x (agent harness)

Instalace

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

Příkazy a ukázkové prompty

  • /design-trends17 kompletních systémů webdesignového stylu pro rok 2026 s přesnými CSS proměnnými, konfigurací Tailwind a doporučeními/nedoporučeními.

Skilly se spouštějí běžnými požadavky — žádné příkazy k zapamatování. Po instalaci ho aktivují prompty jako tyto (anglicky):

  • 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