uisight MCP
MCP-сервер uisight открывает мобильную и десктопную версии сайта и сообщает контраст и размеры кнопок точными числами.
- 130 ★ репозитория
- Последний коммит
Расширенный доступ
Почему такой уровень
- Агент управляет браузером: открывает адреса, включая localhost, нажимает кнопки, вводит текст и читает ошибки консоли и сети.
- В кадры и сообщения об ошибках попадает содержимое открытых страниц.
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add mcp/uisightОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Агент управляет браузером: открывает адреса, включая localhost, нажимает кнопки, вводит текст и читает ошибки консоли и сети.
- В кадры и сообщения об ошибках попадает содержимое открытых страниц.
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
uisight запускает два живых сеанса одного сайта рядом, мобильный и десктопный, и измеряет интерфейс. Инструмент `inspect` возвращает находки текстом с селектором элемента: например, невидимый текст с контрастом 1,04:1 или кнопка меньше 44 пикселей. Рядом с агентом смотрит и человек. Панель на `localhost:5055` показывает те же экраны, а закрепленная заметка с кадром приходит агенту через `marks`. Остальные инструменты: `see_screen`, `goto`, `tap`, `type_text`, `scroll`, `set_device` и `status`. Профили устройств включают iPhone, Pixel, iPad и ноутбук, темы светлая и темная. Проверки охватывают контраст по WCAG AA, мелкий текст, картинки без alt, обрезанный текст, перекрытые элементы и поля, спрятанные под экранной клавиатурой.
Для кого. Фронтенд-разработчикам и дизайнерам, которые проверяют адаптивные интерфейсы вместе с агентом.
Подходит, если
- Агент исправляет верстку и получает числа контраста с селекторами.
- Нужно сравнить интерфейс на нескольких устройствах в светлой и темной теме за один прогон.
- Человек нашел баг на экране и закрепляет заметку с кадром, чтобы агент сам прочитал ее.
- Перед релизом проверяют кнопки меньше 44 пикселей и контролы под панелью или клавиатурой.
Не подходит, если
- Тестируют нативные приложения iOS или Android: uisight работает только с вебом.
- Достаточно одного скриншота и взгляда модели, измерения не нужны.
- Машина без места под браузер: Chromium занимает около 700 МБ.
Пример запроса к агенту
Посмотри мое приложение через uisight на iPhone и десктопе в обеих темах и исправь найденные проблемы с контрастом.MCP
- Транспорт
- stdio
- Авторизация
- не нужна
Переменные окружения
UISIGHT_NO_INSTALL- Значение 1 отключает предложение скачать браузер.
UISIGHT_LANG- Значение tr включает турецкие названия инструментов.
Ограничения
Playwright скачивает браузеры отдельно, и при первом запуске нужен Chromium размером около 700 МБ. В терминале uisight предложит скачать его, а в CI и при запуске из агента не скачивает и называет нужную команду. Переменная `UISIGHT_NO_INSTALL=1` отключает предложение везде. Для настоящего движка iOS Safari к Chromium добавляют webkit командой Playwright. Нативные приложения проверками не охвачены.
Как отключить. Удалите запись uisight из конфигурации MCP-клиента, для Claude Code выполните `claude mcp remove uisight`. Скачанные браузеры Playwright удаляйте отдельно.
Частые вопросы
Как подключить uisight к Claude Code?
Выполните `claude mcp add --scope user uisight -- npx -y -p uisight@latest uisight-mcp`. Для Cursor и других MCP-клиентов в README есть JSON-конфигурация с тем же `npx`.
Как поставить uisight в Claude Desktop?
Скачайте `uisight-<версия>.mcpb` со страницы релизов и откройте файл. Claude Desktop спросит страницу, набор инструментов и скачивать ли браузер при первом вызове.
Что показывает inspect?
Находки по каждому устройству и теме: контраст, невидимый текст, цели касания меньше 44 пикселей, обрезанный текст и перекрытые контролы. Каждая находка идет с селектором.
Как запустить одноразовую проверку без MCP?
Выполните `npx uisight https://yourapp.com --theme both`. Команда сохраняет PNG, галерею и отчет для iPhone, Pixel и десктопа в светлой и темной темах.
Что показывает панель на localhost:5055?
Мобильный и десктопный сеансы рядом. Человек кликает, прокручивает и закрепляет заметку с кадром, а агент читает ее через `marks`.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
MCP-серверыСканер доступности для агентов и CI: рендерит страницу в Chromium с axe-core или линтит исходники React, Vue и Angular.
Консоль, сеть, скриншоты и аудиты Lighthouse из вашего открытого Chrome прямо в агент через расширение DevTools
Скилл и CLI для агентов: интерфейс без шаблонного вида, 25 команд, проверка шаблонности правилами и оценка качества от 0 до 100
MCP-сервер и скилл для интерфейсов: 31 дизайн-система для shadcn/ui, принципы UI и UX и проверка доступности для кода агента
Скилл для дизайна интерфейсов: три разных направления рядом, выбор одного и доводка по настоящим скриншотам в Claude Code, Codex и других агентах
Скиллы для дизайн-инженеров: быстрая чистка интерфейса, доступность, метаданные и производительность анимаций
Сравнение с похожими
Карточки с тем же главным запросом: чем они отличаются.
| Инструмент | Официальный | Авторизация | Звезды репозитория | Главное отличие |
|---|---|---|---|---|
| uisight (эта карточка) | нет | не нужна | 130 | |
| Playwright MCP | да | не нужна | 39 203 | управляет браузером по дереву доступности; uisight измеряет контраст и размеры, ведет мобильный и десктопный сеансы рядом и делит экран с человеком |
| Accessibility Agents | нет | 434 | агенты и скиллы с требованиями WCAG 2.2 AA; uisight считает значения на живой странице и возвращает их с селекторами |
Коротко о README
Автор уточняет, что токены скриншот и измерение расходуют примерно поровну: кадр около 460 токенов, результат inspect около 570. Экономия появляется при одноразовом отчете: модель читает его один раз, а перебор экранов по инструментам пересылает весь разговор на каждом шаге.