Агент сам снимает демо своей работы: shot-scraper video

30 июня 2026 года вышел shot-scraper 1.10 с новой командой video. Передаёшь YAML-файл с «раскадровкой» (storyboard) — и Playwright записывает mp4-видео: клики, паузы, заполнение форм, навигация, всё как у живого пользователя. Демо-стройборд для новой фичи Datasette целиком написал GPT-5.5 xhigh в Codex Desktop по одному промту — без правок.

Контекст

shot-scraper — опенсорсный инструмент Саймона Уиллисона (создателя Django и Datasette) для автоматизированных скриншотов и тестирования веб-интерфейсов. Идея фиксации видео появилась ещё в феврале 2024 года, но долго стояла на паузе: Playwright добавлял технические артефакты в начало видео и фиксировал ширину кадра в 800px — неприемлемо для продуктового демо.

Разблокировал ситуацию релиз playwright-python 1.61.0, который добавил управляемый screencast-механизм с настраиваемым размером кадра. Несколько дней — и фича была готова. Код, документацию и дизайн YAML-формата Уиллисон отдал агенту: GPT-5.5 xhigh в Codex Desktop написал всё, включая Pydantic-схему для валидации стройборда.

Формат storyboard — декларативный YAML: сервер запуска, URL, viewport, JavaScript-инъекции для перехвата буфера обмена, сцены с полями click, fill, pause, wait_for. Минималистично и читаемо — даже человек без опыта в Playwright разбирается быстро.

Аналитика

Главный паттерн здесь — «--help как SKILL.md». Уиллисон специально проектирует help-вывод CLI так, чтобы AI-агент мог прочитать его и сразу правильно использовать инструмент — без отдельной документации, без RAG, без prompt-инжиниринга. Это умная идея: хороший CLI с понятным help встроено содержит «скилл» для агента. Тот же подход он использовал в инструментах showboat и rodney.

Второй важный момент — верификация агентной работы через видео. Текстовые логи, тесты и assert-ы проверяют логику, но не UX. Агент может написать код, который проходит все тесты, и при этом сломать интерфейс визуально. shot-scraper video закрывает этот пробел: агент сам записывает демо, человек смотрит короткое видео вместо разбора дифа и ручного smoke-тестирования.

«Это отличный пример фичи, за которую я почти наверняка не взялся бы без поддержки coding agent» — Саймон Уиллисон о shot-scraper video.

Это честное признание реальной динамики: агенты не просто ускоряют разработку — они меняют то, что вообще попадает в бэклог. Фича, которая два года ждала «свободного окна», вышла за несколько дней. Масштаб возможного одного разработчика расширяется.

Кейсы применения в бизнесе

B2B-SaaS стартап: интегрируешь shot-scraper video в CI/CD. После каждого деплоя агент прогоняет storyboard ключевого пользовательского сценария и прикладывает mp4 к релизу. Команда видит, что фича работает визуально — без ручного smoke-тестирования. QA-цикл сокращается, а релизные заметки становятся наглядными.

Корпорация с legacy-порталами: используешь агента для документирования UI-процессов. Storyboard описывает бизнес-процесс (заполнение формы, подача заявки, согласование), агент снимает видео — получается живая инструкция для онбординга новых сотрудников. Обновляется автоматически при изменении интерфейса — не надо переснимать вручную.

Малый бизнес или IT-студия в КР/СНГ: разработал фичу для клиента — попросил агента записать демо-видео и отправил заказчику. Клиент видит результат без необходимости настраивать dev-среду. Экономит от получаса до часа на каждой приёмке и снижает количество вопросов «а покажи как работает».

Кейсы в личной жизни

Разработчик: настраиваешь shot-scraper video для pet-проекта. Агент записывает демо после каждого значимого коммита — автоматическое changelog-видео для портфолио или open-source репо. Работодателю или контрибьюторам не надо клонировать проект чтобы увидеть результат.

Контент-мейкер: вместо ручного screen recording сложных туториалов пишешь storyboard YAML с нужными шагами и агент делает запись. Сценарий можно итерировать без пересъёмки — меняешь YAML и перезапускаешь. Особенно ценно для туториалов по веб-инструментам, где каждый шаг надо показать точно.

Студент или исследователь: документируешь интерфейс собственной web-утилиты или дашборда для курсовой или диплома. Агент снимает демо, которое вставляешь в презентацию — профессиональный результат без навыков видеомонтажа и лицензий на запись экрана.

Как применить сегодня

• Запусти uvx shot-scraper video --help — прочитай вывод, затем передай его агенту как контекст для написания storyboard.
• Создай минимальный storyboard.yml для одного ключевого сценария своего приложения: открытие страницы → действие → проверка результата.
• Дай агенту промт вида: «Прочитай --help этой команды, посмотри текущую ветку, запиши демо новой фичи» — именно так Уиллисон получил готовый YAML от GPT-5.5 xhigh.
• Добавь шаг в CI: после деплоя — автоматическая запись demo-видео ключевого flow и аттач к PR или release notes.
• Используй поле javascript в storyboard для перехвата буфера обмена и симуляции сложных действий — это позволяет записывать сценарии с copy-paste без ограничений браузерной безопасности.