OnUI: Расширение для браузера для точной обратной связи по интерфейсу в Claude Code

OnUI — это расширение для браузера, которое предоставляет визуальный контекст для исправления интерфейса при работе с Claude Code. Оно решает распространённую проблему необходимости описывать, какой именно элемент интерфейса требует внимания, позволяя напрямую добавлять аннотации на веб-страницах.

Что делает OnUI

Вы можете кликать по элементам или выделять области на любой веб-странице, добавлять заметки о том, что не так, и экспортировать структурированный отчёт. Claude Code читает этот отчёт через локальный MCP (Model Context Protocol), получая точную информацию о DOM-элементе, его пути, вашем намерении и уровне серьёзности. Это устраняет неоднозначные описания вроде «кнопка справа, нет, не та».

Техническая реализация

Разработчик создал OnUI с помощью Claude Code за несколько недель. Claude Code написал большую часть кодовой базы на TypeScript, включая как расширение для браузера, так и локальный MCP-сервер. Конкретные технические задачи, решённые в процессе разработки, включают:

• Итерации по изоляции Shadow DOM, чтобы избежать конфликтов CSS со страницами-хостами
• Создание интерфейса диалога аннотаций и форматтеров экспорта
• Отладку моста нативного обмена сообщениями между расширением и локальным MCP

Доступность и лицензирование

OnUI можно использовать бесплатно, без платных тарифов. Оно доступно для установки в один клик из Chrome Web Store, а также работает в Edge и Firefox. Проект лицензирован под GPL-3.0, не имеет облачных зависимостей, телеметрии и полностью бесплатен.

Процесс разработки

Разработчик отмечает иронию создания инструмента для Claude Code с помощью самого Claude Code. Его текущий рабочий процесс итераций интерфейса: аннотировать → Claude исправляет → проверить → повторить.