/ui-ux-pro-max

name: ui-ux-pro-max
description: UI/UX design intelligence. Use when user asks for UI/UX design, component architecture, layout, color system, or visual hierarchy decisions. Includes 50+ styles, 161 palettes, 57 font pairings.

UI/UX Pro Max

Ne zaman tetiklenir

• Kullanıcı UI/UX tasarımı istediğinde
• "component", "layout", "design system", "color palette" geçtiğinde
• Landing page, dashboard, admin panel, e-commerce UI tasarımı

Referans dosyaları

Bu skill klasöründe ek referanslar var:

• `styles.md` — 50+ stil (glassmorphism, neumorphism, brutalism, bento grid, ...)
• `palettes.md` — 161 renk paleti
• `fonts.md` — 57 font eşleşmesi
• `components.md` — komponent örnekleri

Yaklaşım

1. İhtiyacı anla

Kullanıcı ne istiyor? Website? Dashboard? Landing?

2. Stili seç

`styles.md`'den projeye uygun stili çek. Gerekçesiyle sun.

3. Renk paleti seç

`palettes.md`'den uygun paleti al. Marka kimliğine dikkat et.

4. Tipografi

`fonts.md`'den 2 font eşleşmesi seç (heading + body).

5. Komponentleri planla

`components.md`'den örneklere bak, projeye uyarla.

Çıktı formatı

## Tasarım Özeti
- **Stil:** <seçilen stil, neden>
- **Palet:** <renkler + hex kodlar>
- **Fontlar:** <heading + body>
- **Anahtar componentler:** <liste>
- **Responsive yaklaşımı:** <breakpointlar>
- **Accessibility notları:** <aria, keyboard nav, contrast>

Kurallar

• Stack: Tailwind v4 + shadcn/ui (varsayılan)
• Ant Design kullanma
• Dark mode + responsive her zaman
• Accessibility zorunlu — her component aria + keyboard nav alır