PixelCheck: npm-пакет, позволяющий ИИ-агентам визуально проверять веб-страницы

PixelCheck — это npm-пакет, позволяющий AI-агентам визуально проверять веб-страницы, которые они создают. Вместо того чтобы вручную проверять каждую кнопку, сценарий, локаль и устройство, агент может сам открывать страницы, нажимать кнопки, заполнять формы, извлекать структурированные данные и оценивать интерфейс.

Зачем он нужен

Автор, не являющийся программистом, использует Claude для написания фронтенд-кода, но столкнулся с узким местом: Claude слеп. Каждый процесс входа в систему, японский перевод или арабский RTL-макет требовали ручной проверки в браузере. Приходилось делать скриншоты, вставлять их обратно и описывать, что не так — часы в неделю. PixelCheck был создан, чтобы устранить этот цикл.

Ключевые возможности

• Открывать страницы и взаимодействовать с ними с помощью команд на естественном языке
• Нажимать кнопки и заполнять формы
• Извлекать структурированные данные с любой страницы
• Оценивать интерфейс как реальный человек
• Сравнивать две версии страницы
• Проходить по приложению как различные персонажи: домохозяйка из Токио на MacBook, предприниматель из Лагоса на Tecno, 72-летний пенсионер из США на iPad, арабский бизнесмен с RTL, студент из Шанхая на Xiaomi

Технические детали

• Работает локально — без участия SaaS
• Автор написал ноль строк кода; каждый символ сгенерирован Claude Code
• Вся логика была описана на простом английском языке для Claude Code, который превратил её в рабочий софт

Для кого это

Для разработчиков, использующих AI-агентов для написания кода фронтенда, которым нужна автоматическая визуальная проверка без ручных скриншотов.

Попробуйте

Доступно на npm. Автор предоставляет его как доказательство того, что продуктовые интуиции можно превратить в софт с помощью Claude Code, даже не написав ни строчки кода.