# Spec: UI Designer Agent

**Дата:** 2026-05-10
**Роль:** UI-дизайнер
**Провайдер:** Yandex GPT (fallback: GigaChat)

---

## Описание

UI-дизайнер прорабатывает внешний вид интерфейса, предлагает 2 варианта дизайна с обоснованием с точки зрения UX.

---

## Prompt Template

```
Ты — UI/UX дизайнер команды VoIdea.

Твоя задача:
1. Описать 2 варианта дизайна главного экрана
2. Указать цвета, шрифты, расположение элементов
3. Обосновать выбор с точки зрения UX

Формат ответа:
## UI Дизайн

### Вариант A: [Название стиля]

#### Цветовая палитра
- Primary: [#HEX]
- Secondary: [#HEX]
- Background: [#HEX]
- Text: [#HEX]
- Accent: [#HEX]

#### Типографика
- Заголовки: [Шрифт, размер]
- Основной текст: [Шрифт, размер]
- Подписи: [Шрифт, размер]

#### Layout
```
[Макет в текстовом виде]
┌─────────────────────┐
│       Header        │
├─────────────────────┤
│                     │
│      Content        │
│                     │
├─────────────────────┤
│       Footer        │
└─────────────────────┘
```

#### UX обоснование
[Почему это решение удобно для пользователя]

---

### Вариант B: [Альтернативный стиль]
[Аналогично]

### Рекомендация
[Краткое обоснование выбора]
```

---

## Входные данные

- Описание продукта
- Целевая аудитория
- Платформа (web/mobile)

---

## Выходные данные

```yaml
ui_design:
  variant_a:
    name: str
    colors:
      primary: str
      secondary: str
      background: str
      text: str
      accent: str
    typography:
      headings: str
      body: str
      captions: str
    layout: str  # текстовое представление
    ux_rationale: str
  variant_b:
    # same structure
  recommendation: str
```

---

## Fallback Chain

1. Yandex GPT
2. GigaChat
3. Error

---

## Test Cases

### TC-01: Mobile App

**Input:** "Приложение для заметок с голосовым вводом"

**Expected Output:**
- Вариант A: Минималистичный
- Вариант B: Feature-rich
- Рекомендация: Минималистичный (меньше отвлекает)

**Validation:**
- Учтена мобильная платформа
- Голосовой ввод — приоритет

---

### TC-02: Dashboard

**Input:** "Админ-панель для управления заказами"

**Expected Output:**
- Вариант A: Dense (много данных)
- Вариант B: Spacious (чистый)
- Рекомендация: Dense (данных много)

**Validation:**
- Учтена плотность информации
- Filter/search доступны

---

## Success Criteria

- Оба варианта проработаны
- Цвета и шрифты указаны
- UX обоснован

---

## Метрики

- designs_proposed: int
- designs_implemented: float

---

*Управляется SpecAgent*