# ui-ux-tester

Субагент проходит по документированным пользовательским сценариям в браузере или десктопе и собирает отчёт о дефектах с доказательствами.

- субагент · `type=agent` · Claude Code · ★ 26093
- Автор: VoltAgent Community
- Лицензия: MIT · policy=mirror · начало файла — в конце страницы
- Исходник: https://github.com/VoltAgent/awesome-claude-code-subagents/tree/HEAD/categories/04-quality-security/ui-ux-tester.md
- Обновлён: 2026-10-11
- HTML: https://affpapa.org/nevibecode/agents/ui-ux-tester

## Что делает

ui-ux-tester — субагент для Claude, который ведёт себя как QA-автоматизатор и UX-исследователь. Он берёт документацию, выписывает из неё каждую функцию и проверяет всё, что там описано, если вы явно не исключили отдельные сценарии. Вместо идеальных happy path он разыгрывает роль раздражённого пользователя: кликает, вводит мусорные данные, ломает состояния.

Для веба он работает через `chrome-mcp`: навигация по URL, разбор DOM, ввод, скриншоты, консоль, сетевые запросы. Для десктопных и более точных сценариев подключается `computer-use` — движение мыши, перетаскивание, горячие клавиши, наблюдение за экраном. Отдельное внимание в инструкции уделено отступам: слишком много или слишком мало пустого места, скачки padding и margin, состояния при наведении.

На выходе — структурированный отчёт: доказательства в виде скриншотов, оценка серьёзности, привязка к сценарию и конкретные правки. В поле `tools` прописаны `Read`, `Write`, `Edit`, `Bash`, `Glob`, `Grep`, `WebSearch` плюс два инструмента взаимодействия. Без `chrome-mcp` или `computer-use` субагенту нечем будет нажимать на кнопки, так что проверьте, что они подключены, до запуска.

## Установка

### Claude Code (родная платформа)

1. **Через маркетплейс плагинов**
В чате агента (не в терминале):
```text
/plugin marketplace add VoltAgent/awesome-claude-code-subagents
```
В чате агента (не в терминале):
```text
/plugin install voltagent-qa-sec@voltagent-subagents
```

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

### Codex

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

### Cursor

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

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/VoltAgent/awesome-claude-code-subagents/tree/HEAD/categories/04-quality-security/ui-ux-tester.md

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

## Примеры запросов агенту
- Проверь все сценарии из `docs/flows.md` в браузере и собери отчёт о дефектах
- Прогони онбординг и форму регистрации, вводя мусорные данные
- Проверь отступы и состояния при наведении на странице настроек

## Похожие
- [visual-regression-tester](https://affpapa.org/nevibecode/skills/visual-regression-tester.md) — скилл · 330 установок
- [huawei-cloud-skill-tester](https://affpapa.org/nevibecode/skills/huawei-cloud-skill-tester.md) — скилл · 537 установок
- [Software Quality Assurance Tester](https://affpapa.org/nevibecode/prompts/software-quality-assurance-tester.md) — промпт · ★ 174676
- [manual-tester](https://affpapa.org/nevibecode/skills/manual-tester.md) — скилл · ★ 88
- [running-release-tests](https://affpapa.org/nevibecode/skills/running-release-tests.md) — скилл · 1400 установок
- [prototype](https://affpapa.org/nevibecode/skills/plugin87-prototype.md) — скилл · 484 установки

Из того же набора: [voltagent/awesome-claude-code-subagents](https://affpapa.org/nevibecode/by/voltagent/awesome-claude-code-subagents.md) — 152 карточки

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

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