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
👀 Смотрите также
Пользователь Reddit делится инструментом ИИ для сбора балансо банковских счетов.
Сообщение на Reddit в r/openclaw представляет собой AI-агента, разработанного для упрощения сбора балансов финансовых счетов с использованием Python. Пользователи обсуждают потенциал автоматизации с помощью пользовательских скриптов, использующих API, такие как Plaid.
Холодная архитектура валидации: система проверки кода с двумя агентами стала открытой
Система с открытым исходным кодом использует двух отдельных ИИ-агентов для проверки кода: один создаёт код, другой проверяет его, не имея никакого контекста о рассуждениях создателя. Проверяющий видит только план, изменения в коде и результаты тестов.
Фреймворк с открытым исходным кодом для мультиагентных систем, извлечённый из утечки кода Claude.
Разработчик извлек систему оркестрации мультиагентов из утекшего исходного кода Claude Code и перестроил ее в модель-независимый фреймворк с открытым исходным кодом под лицензией MIT. Фреймворк на TypeScript объемом 8 000 строк включает планирование задач, меж-агентное взаимодействие и встроенные инструменты.
Навыки агента HuggingFace: Стандартизированные определения задач ИИ для кодирующих агентов
HuggingFace Skills — это автономные папки с YAML-фронтматером и инструкциями для ИИ-агентов, предназначенные для выполнения конкретных задач машинного обучения, таких как создание наборов данных, обучение моделей и их оценка. Они совместимы с OpenAI Codex, Claude Code от Anthropic, Google Gemini CLI и Cursor.