КАК СДЕЛАТЬ РОЛИК БЕЗ ВИДЕОРЕДАКТОРА?

Рассказываю на кейсе

Это история Никиты Вилкова, нашего дизайнера GigaCode. Внутри нашей команды мы постоянно пробуем инструменты ИИ на собственных задачах — и не только на тех, что в бэклоге разработчиков. Никита взял задачу «сделать ролик для продукта» и закрыл её так, что ни один видеоредактор даже не открылся: ролик — это HTML-страница. Анимации, переходы, встроенные видео, даже музыка — всё код. Финальный файл — не рендер, а запись воспроизведения страницы с экрана, сделанная в автоматическоим режиме.

Почему это вообще интересно

Тренд шире, чем кажется.
ИИ-инструменты уже использует 84% разработчиков,
рынок ИИ-кодинга вырос с 5 млрд в 2024-м — до 13 млрд в 2026-м.

Но главное — смена парадигмы: от автодополнения к агентному режиму. (Ты описываешь задачу словами, агент пишет код, гоняет тесты, чинит ошибки и возвращается-докладывает. Твоя роль — не печатать, а ставить задачи и проверять результат) И этот приём давно вышел за пределы кода — в дизайн, контент, сценарии.

Проблема

Обычный флоу «сделать ролик» — это таймлайн, десятки клипов, подгонка музыки и полчаса рендера с молитвой, что не вылетит в конце. Никита решил иначе.

Сценарий и раскадровка

Первым делом — текст. Никита разбил ролик на сцены, для каждой прописал, что происходит на экране, сделал раскадровку. Сначала фиксируем структуру целиком — и только потом собираем.

Черновой каркас — на дешёвой модели

Здесь же первая шишка: пробная версия без реальных скринкастов продукта не сложилась — динамику не оценить, картину не понять. Пересобрали с настоящими записями. Сценарий лежал прямо в папке проекта как обычный MD-файл — агент сверялся с ним на каждом шаге. Сборка каркаса — примитивный цикл: промпт → проверка → правка → следующая сцена. Местами временные заглушки вместо скринкастов, лишь бы поймать тайминг. Логика простая: на базовую вёрстку брать дорогую модель — выкинутые деньги. Берем дешёвую, и вперёд.

Визуальная полировка — уже сильной моделью

Когда каркас встал — подключили модель помощнее. Переходы плавнее, анимации богаче, дизайн осмысленнее. Причём абстрактное «сделай красиво» не работает — работает конкретный референс. Пример для первой сцены: «анимация букв как у барабана Apple — символы сменяют друг друга по вертикали, старые уходят через blur и прозрачность». Дальше точечные докрутки: ускорить, успокоить, добавить progress bar. А когда дошло до акцентного цвета — задали общее направление, и детали модель расставила сама. Вот это и есть правильное использование ИИ: дать вектор, а не рисовать каждый пиксель.

Музыка — прямо в коде

Трек положили в папку проекта и подключили в HTML — музыка стартует вместе с роликом. Не совпал активный момент — сместили точку старта и подогнали первую секвенцию. Затухание в финале — тоже кодом.


Рецепт в трёх пунктах:

• Сначала каркас, потом красота — не вылизывай сцены с первого прохода;
• Модель под этап — механику на попроще, творчество на сильную;
• Хороший референс экономит итерации: понятно, что повторить — справится и скромная модель, нужны свои идеи — сильная даст интереснее и быстрее.

И вот здесь самое важное

Мы разрабатываем GigaCode — инструмент, который и есть этот самый вывод в действии: ИИ-агенты, который вытаскивает рутину из разработки, чтобы человек занимался тем, где он реально силён — идеями и направлением. Кейс Никиты — живой примааер того, что мыслить «с помощью ИИ» можно буквально во всём: от кода до музыки к ролику.

GIGACODE