158 lines
3.6 KiB
Markdown
158 lines
3.6 KiB
Markdown
# 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* |