ProofShot: CLI для AI-агентов для проверки UI-кода с записью в браузере

Что делает ProofShot

ProofShot — это CLI-инструмент, который даёт ИИ-агентам для программирования возможности визуальной проверки. Он позволяет агентам видеть, как на самом деле выглядит создаваемый ими пользовательский интерфейс в браузере, обнаруживать проблемы с вёрсткой и фиксировать ошибки консоли.

Как это работает

Инструмент работает через три основные команды:

• proofshot start --run "npm run dev" --port 3000 — запускает ваш dev-сервер, открывает headless Chromium и начинает запись видео
• Ваш ИИ-агент затем выполняет действия, такие как proofshot exec navigate "http://localhost:3000" и proofshot exec screenshot "homepage", чтобы переходить по страницам, кликать, заполнять формы и делать скриншоты
• proofshot stop — собирает ошибки, останавливает запись, обрезает время простоя и генерирует артефакты для проверки

Результат и возможности

ProofShot генерирует автономный HTML-файл, содержащий:

• Воспроизведение видео сессии в браузере, синхронизированное с временной шкалой действий
• Скриншоты, сделанные во время сессии
• Метки элементов для каждого действия
• Ошибки консоли браузера, зафиксированные во время сессии
• Логи сервера, просканированные с помощью сопоставления шаблонов для JavaScript, Python, Go, Rust и других языков
• Артефакты, готовые для PR, включая SUMMARY.md и форматированный вывод для pull request'ов
• Визуальное сравнение с базовыми версиями (diff)

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

Инструмент:

• Построен на основе agent-browser от Vercel Labs (описывается как «намного лучше и быстрее, чем Playwright MCP»)
• Не является фреймворком для тестирования — агент не решает, пройден тест или нет, он просто предоставляет доказательства
• Агент-независимый — работает с Claude Code, Cursor, Codex, Gemini CLI, Windsurf и любым MCP-совместимым агентом
• Поставляется в виде навыка, чтобы ИИ-агенты точно знали, как он работает
• Имеет открытый исходный код с лицензией MIT

Установка и настройка

$ npm install -g proofshot

$ proofshot install

Инструмент автоматически обрезает время простоя в записях, поэтому вы видите только то, что агент действительно сделал, а не периоды ожидания.