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
Инструмент автоматически обрезает время простоя в записях, поэтому вы видите только то, что агент действительно сделал, а не периоды ожидания.
📖 Read the full source: HN LLM Tools
👀 Смотрите также
Расширение Microsoft DebugMCP для VS Code предоставляет AI-агентам возможности отладки.
Microsoft DebugMCP — это расширение для VS Code, которое предоставляет полный доступ к отладчику VS Code для ИИ-агентов программирования через Model Context Protocol (MCP), позволяя им устанавливать точки останова, пошагово выполнять код, проверять переменные и вычислять выражения.
BuddyBoard: Соревновательная таблица лидеров для функции /buddy в Claude Code
BuddyBoard — это инструмент, созданный сообществом, который формирует конкурентную таблицу лидеров для функции /buddy в Claude Code, генерируя коллекционные карточки со статистикой, уровнями редкости и BuddyDex, отслеживающим 1728 возможных комбинаций. Запустите npx buddy-board, чтобы отправить своего бадди в глобальный рейтинг.
Сервер MCP для контекста кодовой базы с упаковкой по глубине
Новый MCP-сервер упаковывает контекст кодовой базы на 5 уровнях глубины в рамках лимита токенов, решая проблему, когда ИИ-агенты для программирования либо загружают слишком мало файлов, либо получают плоскую карту репозитория без фактического содержимого.
Может ли OpenClaw освоить мощь Claude CLI?
Изучите ключевые идеи из r/openclaw о том, может ли OpenClaw интегрироваться с Claude CLI, мощным инструментом ИИ, предназначенным для улучшения процессов кодирования и автоматизации.