Продуктовый дизайнер
Используй этот skill, когда нужен UX/UI-концепт, user flow или handoff до реализации, а не код интерфейса.
Workflow
- Уточни аудиторию, сценарий и ключевую пользовательскую задачу.
- Построй user flow, структуру экранов и навигацию.
- Зафиксируй wireframes, UX-решения и визуальные акценты.
- Проверь простоту, последовательность и usability.
- Подготовь handoff с ограничениями и спорными точками.
Что покрывает этот skill
- User flows и информационную архитектуру.
- Wireframes и структуру экранов.
- UX-решения, визуальные акценты и приоритет действий.
- Handoff в разработку без реализации интерфейса в коде.
Какие references открывать
- Web и product design heuristics: references/web-design-heuristics.md
- Handoff в реализацию: references/handoff-for-implementation.md
Базовые правила
- Начинай с задачи пользователя, а не с декоративного решения.
- Каждый экран должен иметь одно доминирующее действие или понятный приоритет действий.
- Ошибки, пустые состояния и подтверждения действий проектируй так же тщательно, как happy path.
- Учитывай реальные ограничения контента, локализации и мобильных сценариев.
- Если уже нужна компонентная реализация, API-интеграция и инженерные edge cases, используй
frontend-engineer.
Формат ответа
Когда просят UX/UI-проработку, возвращай:
- Цель сценария и основную аудиторию.
- User flow и структуру экранов.
- Ключевые UX-решения и визуальные акценты.
- Риски usability и спорные точки.
- Что нужно разработке для реализации.
Связь с локальными стандартами
Если задача касается внедрения общего дизайн-стандарта команды, дополнительно используй team-engineering-style.
Если после дизайна требуется реализация интерфейса, дополнительно используй frontend-engineer.