Nejlepší UI/UX skills pro Claude Code v roce 2026
Proměňte Claude Code ve vývojáře, který rozumí designu. Palety barev, přístupnost, responzivní layouty, vše pohromadě.
Proč UI/UX skills?
Většina AI nástrojů pro psaní kódu produkuje funkční, ale vizuálně nudný výstup. UI/UX skills tohle řeší tím, že dají Claudovi znalosti designových principů, takže generovaný kód vypadá, jako by na něm pracoval i designér.
Nejlepší UI/UX skills
1. UI/UX Pro Max
Nejkompletnější designový skill, který znám. Najdete ho v kolekci antigravity-awesome-skills a na SkillsMP. Obsahuje:
- 67 designových stylů, od minimalismu přes glassmorphism po brutalismus
- 96 barevných palet rozdělených podle odvětví a nálady
- 57 kombinací fontů s Google Fonts odkazy připravenými ke zkopírování
- 99 UX pravidel seřazených podle dopadu (přístupnost na prvním místě)
- 25 typů grafů s doporučenými knihovnami
- 13 tech stacků: React, Next.js, Vue, Svelte, SwiftUI, Flutter a další
Hodí se na: redesign celého webu, landing pages, dashboardy
2. Accessibility Checker
Najdete ho v kolekci alirezarezvani/claude-skills. Zaměřuje se na soulad s WCAG:
- Validace kontrastu barev (minimum 4,5:1)
- Kompatibilita se screen readery
- Vzory klávesové navigace
- Správa fokusu
- ARIA atributy
Hodí se na: zpřístupnění existujících UI
3. Responsive Design Skills
Dostupné v repozitáři VoltAgent/awesome-agent-skills. Pomáhá stavět mobile-first layouty:
- Strategie breakpointů
- Velikost dotykových cílů (minimum 44x44px)
- Mobilní navigační vzory
- Optimalizace obrázků se srcset
Hodí se na: responzivní webové appky a mobilní weby
4. Design System Generator
Z rohitg00/awesome-claude-code-toolkit. Generuje kompletní design systémy:
- Barevné tokeny
- Typografická škála
- Systém mezer
- Varianty komponent
Hodí se na: nové projekty, které potřebují konzistentní vizuální jazyk
Jak vybírat
- Stavíte od nuly? Začněte s UI/UX Pro Max
- Opravujete stávající UI? Použijte Accessibility Checker
- Mobile-first projekt? Kombinujte Responsive Design + UI/UX Pro Max
Tip
Spusťte generátor design systému ještě před tím, než začnete kódovat:
/ui-ux-pro-max "saas dashboard modern"Claude tak dostane kompletní design systém (barvy, fonty, mezery, efekty) a výstup je pak o dost konzistentnější.
