RenderCheck MCP
Локальный OCR скриншотов: MCP-сервер и SDK для Playwright и Cypress ловят неверный, бледный или пропавший текст
- 94 ★ репозитория
- Последний коммит
Минимальный доступ
Почему такой уровень
- Распознавание идет локально, но агент читает скриншоты, на которых бывают личные данные
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add mcp/rendercheckОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемМинимальный доступИнструмент ничего не запускает и не ходит в сеть.
- Распознавание идет локально, но агент читает скриншоты, на которых бывают личные данные
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
RenderCheck делает скриншот страницы в тесте Playwright или Cypress, читает его локальным OCR и проваливает тест, если текст на экране не совпал с ожидаемым, слишком бледный или отсутствует. DOM-тесты такого не видят: например, знак `€` вместо `$` или текст, перекрытый другим элементом. Сообщение об ошибке показывает, что прочитано, с какой уверенностью и в чем разница. Распознавание выполняет Tesseract.js в WebAssembly, ключ API, загрузка файлов и сеть не нужны, английские языковые данные входят в пакет. Команда `rendercheck mcp` запускает MCP-сервер по stdio с двумя инструментами: `verify_text` проверяет, что текст виден, читаем и совпадает, а `read_text` возвращает то, что видит пользователь. Команда `npx @rendercheck/sdk init` добавляет в репозиторий короткую инструкцию «после правки интерфейса проверь пиксели через verify_text» и запись сервера для Claude Code, Codex, Cursor и Copilot. В SDK есть проверки `toShowText`, `toShowCurrency` и `toShowDate` с учетом локали, порог уверенности и порог контраста WCAG. В этом же репозитории лежит бесплатный сайт, который распознает текст с картинок целиком в браузере.
Для кого. Разработчики и тестировщики интерфейсов на Playwright или Cypress, которые просят агента проверить, что правка не сломала видимый текст.
Подходит, если
- Агент поменял верстку, и важно убедиться, что итоговая сумма на экране осталась прежней
- Текст есть в DOM, но перекрыт другим элементом, и тест должен это поймать
- Проверяете контраст текста по WCAG прямо в тесте
- Цены и даты должны отображаться в нужной локали, например `1.234,50 €`
- Текст со скриншота надо быстро прочитать в агенте без загрузки в облако
Не подходит, если
- Нужно распознавание рукописи или сканов на нескольких языках: пакет содержит английские данные OCR
- Нужна точная метрика качества распознавания: в README сказано, что общей цифры точности нет
- Проект на другом тестовом фреймворке: поддержка заявлена для Playwright и Cypress, Cypress проверен на 13 (Electron, Linux)
Пример запроса к агенту
После правки страницы оформления заказа сделай скриншот и проверь через verify_text, что на экране написано «Итого: 14,00 ₽».MCP
- Транспорт
- stdio
- Авторизация
- не нужна
Ограничения
Проект находится на стадии беты для разработчиков. Точность OCR зависит от картинки: автор отмечает, что общей цифры нет, а небольшой набор бенчмарков в `packages/rendercheck/benchmarks` собран им самим и показывает случаи ошибок. Пакет переименован: до версии 0.4.1 он назывался `@freetextfromimage/rendercheck`, с 0.5.0 это `@rendercheck/sdk`. Нужны Node 18 или новее и `@playwright/test` 1.40 и новее либо `cypress` 12 и новее. Счетчик запусков пишется в `~/.rendercheck/usage.jsonl` на вашей машине без текста скриншотов, его отключает `RENDERCHECK_NO_USAGE_LOG=1`.
Как отключить. Удалите запись `rendercheck` из конфигурации MCP командой `claude mcp remove rendercheck` и пакет командой `npm uninstall @rendercheck/sdk`. Файл `~/.rendercheck/usage.jsonl` можно удалить вручную.
Частые вопросы
Как подключить RenderCheck к Claude Code?
Командой `claude mcp add rendercheck -- npx -y @rendercheck/sdk mcp`. Сервер работает по stdio и отдает инструменты `verify_text` и `read_text`.
Отправляются ли скриншоты в облако?
Нет. OCR работает в процессе на вашей машине, ключ API не нужен, сетевые вызовы не выполняются. Текст скриншотов в счетчик запусков не записывается.
Чем это лучше проверки DOM?
DOM показывает, что должно быть на странице, а скриншот показывает, что видит человек. RenderCheck ловит неверный символ, перекрытый элемент и слишком низкий контраст.
Какие тестовые фреймворки поддерживаются?
Playwright 1.40 и новее и Cypress 12 и новее. Cypress прогонялся только на версии 13 в Electron на Linux.
Что делает команда `init`?
`npx @rendercheck/sdk init` добавляет в репозиторий инструкцию для агента и запись MCP-сервера для Claude Code, Codex, Cursor и Copilot. Повторный запуск обновляет только отмеченный блок RenderCheck.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
MCP-серверыMCP Accessibility Scanner запускает проверки axe, обход фокуса клавиатурой и сохраняет отчеты о доступности страниц
kogiQA MCP дает агенту браузер, который находит элементы страницы без селекторов, для отладки веб-приложений и e2e-тестов
Удаленный MCP-сервер UI Verify: агент разбирает изменения интерфейса в pull request, смотрит диффы и принимает нужные эталоны
MCP-сервер на Playwright от сообщества: браузерная автоматизация, скриншоты, эмуляция устройств и генерация тестового кода
Плагин Claude Code проверяет изменение по плану: поднимает стек, прогоняет критерии приемки и дает отчет с доказательствами.
MCP-сервер, который проверяет, правда ли агент закончил: гоняет реальное приложение и возвращает вердикт прошло, не прошло, неясно с указанием файла и строки
Коротко о README
В README вынесены главный пример с сообщением об ошибке и установка SDK. Остаток описывает бесплатный браузерный инструмент для текста с картинок: функции, варианты интерфейса, настройки SEO и метод разработки по спецификациям. README пакета в `packages/rendercheck` подробно описывает Playwright, Cypress, CLI, MCP и опции.