Initial commit: VoIdeaAI - voice-first AI idea assistant
This commit is contained in:
@@ -0,0 +1,158 @@
|
||||
# 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*
|
||||
Reference in New Issue
Block a user