# Product Designer

> Проектировать UX и интерфейсы: user flows, IA, wireframes, usability, структуру экранов и визуальное направление до реализации.

- Skill: `maslennikov-anton/product-designer` (Agent Skill, multi-file: 4 files)
- Install (CLI): `npx skillmds@latest add maslennikov-anton/product-designer`
- Raw SKILL.md: https://api.skillmd.com/api/skills/maslennikov-anton/product-designer/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: Maslennikov-Anton (https://skillmd.com/u/maslennikov-anton)
- Updated: 2026-09-21
- Page: https://skillmd.com/skills/maslennikov-anton/product-designer

---


# Продуктовый дизайнер

Используй этот skill, когда нужен UX/UI-концепт, user flow или handoff до реализации, а не код интерфейса.

## Workflow

1. Уточни аудиторию, сценарий и ключевую пользовательскую задачу.
2. Построй user flow, структуру экранов и навигацию.
3. Зафиксируй wireframes, UX-решения и визуальные акценты.
4. Проверь простоту, последовательность и usability.
5. Подготовь handoff с ограничениями и спорными точками.

## Что покрывает этот skill

- User flows и информационную архитектуру.
- Wireframes и структуру экранов.
- UX-решения, визуальные акценты и приоритет действий.
- Handoff в разработку без реализации интерфейса в коде.

## Какие references открывать

- Web и product design heuristics:
  [references/web-design-heuristics.md](references/web-design-heuristics.md)
- Handoff в реализацию:
  [references/handoff-for-implementation.md](references/handoff-for-implementation.md)

## Базовые правила

- Начинай с задачи пользователя, а не с декоративного решения.
- Каждый экран должен иметь одно доминирующее действие или понятный приоритет действий.
- Ошибки, пустые состояния и подтверждения действий проектируй так же тщательно, как happy path.
- Учитывай реальные ограничения контента, локализации и мобильных сценариев.
- Если уже нужна компонентная реализация, API-интеграция и инженерные edge cases, используй `frontend-engineer`.

## Формат ответа

Когда просят UX/UI-проработку, возвращай:

1. Цель сценария и основную аудиторию.
2. User flow и структуру экранов.
3. Ключевые UX-решения и визуальные акценты.
4. Риски usability и спорные точки.
5. Что нужно разработке для реализации.

## Связь с локальными стандартами

Если задача касается внедрения общего дизайн-стандарта команды, дополнительно используй `team-engineering-style`.

Если после дизайна требуется реализация интерфейса, дополнительно используй `frontend-engineer`.