# SE: UX Designer

Помогает разобраться, какую задачу пользователь решает вашим продуктом, и собрать карты пути до того, как рисовать интерфейс.

- субагент · `type=agent` · GitHub Copilot · ★ 40418
- Автор: github · официальный репозиторий GitHub
- Лицензия: MIT · policy=mirror · начало файла — в конце страницы
- Исходник: https://github.com/github/awesome-copilot/tree/HEAD/agents/se-ux-ui-designer.agent.md
- Обновлён: 2026-10-23
- HTML: https://affpapa.org/nevibecode/agents/se-ux-designer

## Что делает

Субагент ведёт разговор по шагам. Сначала спрашивает про пользователей: роль, уровень владения похожими инструментами, устройство, потребности доступности. Потом про контекст: когда и где человек это делает, что случится при сбое, как часто повторяет задачу. Ответы ложатся в основу анализа Jobs-to-be-Done.

Дальше идёт разбор JTBD: формулировка задачи в виде «когда…, я хочу…, чтобы…», текущее решение и его слабые места. Затем карта пути по стадиям — что человек делает, о чём думает, что чувствует, где застревает и какая есть возможность это поправить. На выходе — описание пользовательского потока, принципы дизайна и чек-лист доступности, по которым дизайнер собирает макеты.

Важно понимать границу: сам агент макетов не рисует. Он готовит исследовательские артефакты, а переносить их в Figma или другой редактор придётся вручную. Ещё он не заменяет разговор с реальными пользователями — вопросы в промпте лишь структурируют то, что вы и так знаете.

## Требования
- Работает с: Figma

## Установка

### GitHub Copilot (родная платформа)

**Вручную: положить файлы**
- Файл: `.github/agents/se-ux-ui-designer.agent.md`

### Claude Code

**Вручную: положить файлы**
- Файл: `.claude/agents/se-ux-ui-designer.md` — Для всех проектов — ~/.claude/agents/. Claude делегирует задачу сам по полю description или по @-упоминанию. Поле tools у Copilot перечисляет инструменты по-своему — уберите его или перепишите под Claude Code

### Codex

**Вручную: положить файлы**
- Файл: `.codex/agents/se-ux-ui-designer.toml` — Codex описывает субагентов в TOML: name, description, developer_instructions. Текст из Markdown перенесите в developer_instructions вручную. Для всех проектов — ~/.codex/agents/

### Cursor

**Вручную: положить файлы**
- Файл: `.cursor/agents/se-ux-ui-designer.md` — Cursor понимает и .claude/agents/

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/github/awesome-copilot/tree/HEAD/agents/se-ux-ui-designer.agent.md

## Когда брать
- сформулировать задачу пользователя вместо списка фич
- разложить путь пользователя по стадиям с мыслями и эмоциями
- найти, где человек застревает и бросает задачу
- описать поток экранов для сборки макетов
- заложить требования доступности до начала дизайна

## Примеры запросов агенту
- Разбери задачу онбординга нового разработчика в команду через Jobs-to-be-Done
- Собери карту пути пользователя для оформления подписки
- Опиши поток экранов и принципы дизайна для настройки уведомлений

## Похожие
- [audit](https://affpapa.org/nevibecode/skills/audit.md) — скилл · 10 установок
- [design-handoff](https://affpapa.org/nevibecode/skills/design-handoff.md) — скилл · 3500 установок
- [ui-designer](https://affpapa.org/nevibecode/agents/ui-designer.md) — субагент · 1979 установок
- [mobile-app-developer](https://affpapa.org/nevibecode/agents/mobile-app-developer.md) — субагент · 1552 установки
- [accessibility-tester](https://affpapa.org/nevibecode/agents/accessibility-tester.md) — субагент · 346 установок
- [cli-ui-designer](https://affpapa.org/nevibecode/agents/cli-ui-designer.md) — субагент · 1849 установок
- [game-designer](https://affpapa.org/nevibecode/agents/game-designer.md) — субагент · 1598 установок
- [web-accessibility-checker](https://affpapa.org/nevibecode/agents/web-accessibility-checker.md) — субагент · 1438 установок

Из того же набора: [github/awesome-copilot](https://affpapa.org/nevibecode/by/github/awesome-copilot.md) — 770 карточек

_Часть страницы не вошла по размеру — она есть в HTML-версии._

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md