UI Verify — визуальные тесты для агентов
UI Verify
Удаленный MCP-сервер UI Verify: агент разбирает изменения интерфейса в pull request, смотрит диффы и принимает нужные эталоны
- 27 ★ репозитория
- Последний коммит
- MIT
Расширенный доступ
Почему такой уровень
- Агент принимает новые эталоны (accept_build, review_diff), и ошибочное решение скроет настоящую регрессию
- Сервис получает снимки и сборку интерфейса, включая ресурсы страниц
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add mcp/ui-verifyОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Агент принимает новые эталоны (accept_build, review_diff), и ошибочное решение скроет настоящую регрессию
- Сервис получает снимки и сборку интерфейса, включая ресурсы страниц
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
UI Verify проверяет интерфейс в CI: рендерит компоненты в облаке, сравнивает их с эталоном из основной ветки и возвращает вердикт как проверку на GitHub. Снимки берутся из Storybook, из тестов Playwright и Vitest через SDK, из тестов bun или из готовых скриншотов нативных и мобильных проектов. Удаленный MCP-сервер по адресу https://uiverify.ai/mcp дает агенту разбор результата. list_projects и list_builds показывают проекты и сборки, get_build и get_pr_changeset описывают, что изменилось в сборке или в pull request, get_diff и render_diff_image отдают сами пиксели. Вердикт ставят review_diff для одной истории и accept_build для всей сборки. В репозитории лежат клиентские пакеты: CLI uiverify, SDK для Playwright, Vitest и Bun и набор скиллов. Команда uiverify check во время правки рендерит только названные истории и отвечает, пройдет ли изменение в CI, не двигая эталоны.
Для кого. Фронтенд-командам с Storybook или тестами Playwright, которые хотят разбирать визуальные изменения pull request через Claude Code или Codex.
Подходит, если
- Pull request трогает десятки компонентов, и агент должен отделить настоящие регрессии от косметического шума
- Нужно принять новые эталоны пачкой после намеренного редизайна кнопок и форм
- Во время правки агенту важно знать, пройдет ли история в CI, без ожидания полной сборки
- Мобильный проект выдает скриншоты Maestro или Detox, и их надо сравнивать между сборками
- Падение визуального теста объясняют по картинке диффа, без оглядки на число измененных пикселей
Не подходит, если
- Нужна проверка логики и данных: сервис сравнивает только внешний вид интерфейса
- Нужен полностью локальный запуск: рендер, сравнение и оценка идут на стороне сервиса
- Проект без CI и без Storybook, Playwright, Vitest или bun: сначала понадобится способ получать снимки
Пример запроса к агенту
Покажи, что мой pull request меняет в интерфейсе, отдели регрессии от шума и предложи, какие эталоны принятьMCP
- Транспорт
- http
- Авторизация
- OAuth
Ограничения
UI Verify работает как размещенный сервис, для CLI нужен ключ UIVERIFY_API_KEY из личного кабинета на uiverify.ai. MCP-сервер удаленный, вход идет через браузер, один раз на все проекты и команды, где вы состоите.
В открытом репозитории только клиентская часть: пакеты строят бандл, отправляют его по HTTP и читают статус. Рендер, сравнение и оценку ведет сервис. Условия тарифов в репозитории не описаны, смотрите на сайте. Права на запись у агента определяет ваш доступ в проекте.
Как отключить. Удалите сервер командой claude mcp remove uiverify и при необходимости строку из .mcp.json. Доступ можно отозвать и в кабинете UI Verify.
Частые вопросы
Как подключить MCP-сервер UI Verify к Claude Code?
Выполните claude mcp add --scope project --transport http uiverify https://uiverify.ai/mcp, перезапустите Claude Code, откройте /mcp, выберите uiverify и войдите в браузере. Флаг --scope project запишет сервер в общий .mcp.json.
Какие инструменты есть у сервера?
Десять: list_projects, list_builds, get_build, list_build_stories, get_pr_changeset, list_pr_stories, get_diff, render_diff_image, review_diff и accept_build.
Что делает команда uiverify check?
Во время правки рендерит только названные истории (--target с глобом или точным идентификатором) и сравнивает их с настоящим эталоном CI. Проверка в pull request не появляется, эталоны не двигаются.
Как поставить скиллы UI Verify?
Командой npx skills add uiverify/uiverify или плагином Claude Code: /plugin marketplace add uiverify/uiverify, затем /plugin install uiverify@uiverify. В Gemini CLI те же скиллы вместе с MCP ставит расширение.
Работает ли UI Verify с мобильными проектами?
Да, через загрузку готовых скриншотов: npx uiverify upload --screenshots ./screenshots. Каждая картинка получает ключ по пути внутри папки, поэтому экран сопоставляется с одним эталоном от сборки к сборке.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
MCP-серверыПлагин Claude Code проверяет изменение по плану: поднимает стек, прогоняет критерии приемки и дает отчет с доказательствами.
Локальный OCR скриншотов: MCP-сервер и SDK для Playwright и Cypress ловят неверный, бледный или пропавший текст
Снимки поведения ИИ-агента: записывает вызовы инструментов сегодня и сообщает, когда они молча изменились после правки
MCP-сервер, агент и скиллы для сквозных UI-тестов: агент управляет компьютером через компьютерное зрение на облачных машинах
MCP-сервер, который проверяет, правда ли агент закончил: гоняет реальное приложение и возвращает вердикт прошло, не прошло, неясно с указанием файла и строки
Скилл проверки кода агента в настоящем браузере: читает ваши изменения, составляет план теста и прогоняет его через Playwright с вашими куки
Сравнение с похожими
Карточки с тем же главным запросом: чем они отличаются.
| Инструмент | Официальный | Авторизация | Звезды репозитория | Главное отличие |
|---|---|---|---|---|
| UI Verify — визуальные тесты для агентов (эта карточка) | да | OAuth | 27 | |
| Playwright MCP | да | не нужна | 39 570 | управляет браузером и страницей, а UI Verify сравнивает снимки интерфейса с эталоном |
| Playwright Skill | нет | 3 287 | учит агента писать тесты Playwright, тогда как UI Verify разбирает результат их визуального сравнения |
Коротко о README
README объясняет четыре пути съемки, быстрый старт с npx uiverify upload, таблицу пакетов, установку скиллов и подключение MCP. Рядом лежат примеры под каждый путь: Storybook, Vitest, Playwright, Bun и React Native. Лицензия MIT.