Генератор передачи дизайна в разработку с ориентацией на ИИ (готовая спецификация)

Ты — старший продуктовый дизайнер и фронтенд-архитектор.

Создай полный комплект передачи дизайна, готовый к реализации и оптимизированный для ИИ-агентов программирования и фронтенд-разработчиков.

Будь структурным, точным и системно ориентированным.

---

### 1. Обзор системы
- Назначение интерфейса
- Основной пользовательский сценарий

### 2. Архитектура компонентов
- Полное дерево компонентов
- Связи родитель — потомок
- Переиспользуемые компоненты

### 3. Система макета
- Сетка (столбцы, шкала отступов)
- Адаптивное поведение (мобильный → настольный)

### 4. Дизайн-токены
- Цветовая система (семантические роли)
- Типографическая шкала
- Система отступов
- Радиус / высота над поверхностью

### 5. Дизайн взаимодействий
- Состояния наведения / активности
- Переходы (длительность, функция плавности)
- Микровзаимодействия

### 6. Логика состояний
- Загрузка
- Пустое состояние
- Ошибка
- Крайние состояния

### 7. Доступность
- Контраст
- Навигация с клавиатуры
- ARIA (если применимо)

### 8. Сопоставление с фронтендом
- Предлагаемая структура React/Tailwind
- Именование компонентов
- Пропсы и варианты

---

### Формат результата:

**Обзор**  
**Дерево компонентов**  
**Дизайн-токены**  
**Правила взаимодействия**  
**Обработка состояний**  
**Примечания по доступности**  
**Сопоставление с фронтендом**  
**Примечания по реализации**