Automating the creation of gifs

Automating the creation of gifs

В общем, я подготовил масштабную обнову для своего браузерного скрапера. Несколько человек уже успели ее протестировать (спасибо всем за помощь!), и получил положительный фидбек.

Возникла логичная мысль: было бы отлично сделать короткие, наглядные гифки с демонстрацией нового функционала и подписями. Но, признаюсь честно, возиться с этим руками стало невероятно лень. Решил делегировать задачу ИИ.

Попытка №1: Gemini

Сначала пошел к Gemini. Но он сразу сдался без боя:

«К сожалению, я не могу генерировать анимированные GIF-файлы или видео. Мои возможности по созданию изображений ограничиваются только статичными картинками…»

Попытка №2: Claude Code

Ну ладно, иду в Claude Code. Он сходу заявляет — вообще изи!

Закидываю ему задачу, и тут начинаются квест.

Первый затык: навигация на системную страницу *chrome://extensions/* ожидаемо не сработала из-за внутренних защит Chrome. Страница зависла на Википедии, а Клод выдал базу:
«Давай подойду к этому иначе. Мне нужно честно оценить ситуацию и сообщить тебе о технических ограничениях».

В итоге открыть мой браузер напрямую он так и не смог (точнее смог, но работать с расширением — нет). Я не сдался и нашел выход: поставил для Клода плагин с Playwright на борту.

И это сработало! Он начал самостоятельно открывать браузер, устанавливать расширение, делать серию скриншотов и клеить из них гифки. Наблюдать за этим было реально круто.

Финальный босс

Конечно, без танцев с бубном не обошлось. Мне жутко не нравилось, что интерфейс на выходе криво обрезался. Я попробовал перенести процесс на другой монитор, но вылезли огромные черные полосы по бокам. Я просил Клода исправить баг, но он откровенно тупил, пока я вручную не указал ему правильное разрешение.

Оказалось, библиотека для скринов *mss* добросовестно снимала весь монитор (3200×1800), в то время как окно Chrome хоть и было развернуто на весь экран, но занимало лишь часть пикселей из-за системного масштабирования Windows (125-150%).

Bottom line

После всех правок пазл сошелся. На выходе я получил 9 идеальных гифок, которые от и до показывают весь функционал обновления.

Дело осталось за малым — записать финальное видео, и можно релизить в хромстор.