Files
voidea/docs/specs/agents/ui_designer.md
T

3.6 KiB

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)

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

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