UI/UX Pro Max

ui-ux-pro-max - AI-дизайнер с базой знаний под весь web и mobile. 50+ стилей (glassmorphism, brutalism, bento и др.), 161 проверенная палитра, 57 шрифт-пар, 99 UX-правил, 25 типов графиков. Подбирает релевантное под твой проект и применяет в коде - React, Next.js, Vue, Svelte, SwiftUI, RN, Flutter, Tailwind, shadcn/ui.

Кому полезно: разрабам, продакт-дизайнерам, основателям без штатного дизайнера - чтобы интерфейсы выглядели профессионально без «угадай палитру».

Запрос: «Дашборд аналитики маркетплейсов, тёмная, #6366f1»

```
🎨 Подобрана палитра: "Indigo Neon" (#3 of 161)

Brand: #6366f1 (твой)
Bg: #0f172a (slate-900)
Surface: #1e293b (slate-800)
Text: #f1f5f9 (slate-100)
Success: #10b981
Warning: #f59e0b
Danger: #ef4444

📝 Шрифт-пара: Geist Sans + JetBrains Mono

• Display: Geist Bold для KPI-цифр
• Body: Geist Regular для подписей
• Mono: JetBrains Mono для табличных данных

📊 Структура (Bento layout):

[KPI 1: ₽ оборот] [KPI 2: маржа] [KPI 3: возвраты]
[Линейный график продаж за 30 дней - ШИРОКИЙ]
[Таблица топ-10 товаров] [Pie: распределение]
[Heatmap по дням недели]

⚠️ UX-правила применены:

• Цвет акцент только на ОДНОМ элементе на экране
• KPI-цифры > 32px чтобы читались с расстояния
• Таблица: zebra-striping + sticky header
• Hover-state на всех интерактивных элементах

```

Структура файлов

```
📁 ui-ux-pro-max/
📄 SKILL.md <- база: 50+ стилей, 161 палитра, 57 шрифт-пар, 99 UX-правил, 25 графиков
```

Куда положить

Mac/Linux:
```bash
mkdir -p ~/.claude/skills/ui-ux-pro-max
cp SKILL.md ~/.claude/skills/ui-ux-pro-max/
```

Windows (PowerShell):
```powershell
mkdir "$env:USERPROFILE\.claude\skills\ui-ux-pro-max"
copy SKILL.md "$env:USERPROFILE\.claude\skills\ui-ux-pro-max\"
```

Как пользоваться

> /ui-ux-pro-max собери дашборд для аналитики маркетплейсов. Тёмная тема, brand color #6366f1, графики продаж и таблица с топ-товарами.

Скилл подберёт палитру из 161 готовой, шрифт-пару из 57, структуру и UX-правила под задачу.

• Claude Code - CLI, десктоп-приложение или VS Code-расширение ([установка](https://docs.anthropic.com/en/docs/claude-code/overview)).
• Подписка Claude Pro / Max / Team - для большинства команд.
• Никаких API-ключей, токенов и зависимостей не требуется.