Сообщество RSS DEV
Подписаться
Как я сделал демо продукта с помощью Claude Code, Playwright и FFmpeg
Автор создал 56-секундную демонстрацию продукта для Agent OS, проекта с открытым исходным кодом, примерно за 30 минут, используя Claude Code, Playwright и FFmpeg. Целью был четкий, нетребовательный к полировке обзор реального продукта, без ручной записи и сложного программного обеспечения для редактирования видео. Claude Code проанализировал приложение и определил ключевые состояния продукта для повествования, а затем использовал Playwright для навигации и записи этих состояний. Демонстрация включала существующие записи выполнения из реальной сборки Pulseboard, обеспечивая подлинность. Вместо одной длинной записи было записано несколько коротких клипов, каждый со своим контекстом браузера, для повышения стабильности. Затем FFmpeg использовался для обрезки клипов, добавления меток, создания вступительных и заключительных карточек, а также для объединения всего в финальный MP4. Этот рабочий процесс идеально подходит для демонстраций с открытым исходным кодом и внутренних обзоров, где подлинность и воспроизводимость имеют приоритет над сложной графикой. Автор отмечает, что поток браузера — это код, состояние продукта детерминировано, а метки/тайминги являются конфигурацией, что позволяет легко регенерировать видео. Agent OS описывается как локальная операционная система для проектов ИИ, которая добавляет память, контроль выполнения, проверку, восстановление и доставку к моделям кодирования. Демонстрация служит для быстрого показа пользователям того, что система фактически делает.