Использование Claude Code и Remotion для создания демонстрационных видео без навыков дизайна

Преодоление узкого места с демонстрационными видео
У разработчика был готовый к запуску рабочий продукт, но он столкнулся с распространённой проблемой: отсутствие демонстрационных видео, иллюстраций или моушн-графики. Обратившись к моушн-дизайнерам, он получил расценки в 300–1000 долларов за видео со сроками 6–10 недель и запросы на файлы Figma и бренд-гайды, которых не существовало. Это привело к месяцам промедления.
Техническое решение
За один уикенд разработчик реализовал совершенно другой подход:
- Remotion: Фреймворк для генерации видео на основе React, где «видео как код» означает отсутствие перемотки временной шкалы или меню экспорта — только JSX и математика.
- Claude Code: Использовался для написания и итерации компонентов видео, с конкретными навыками для переходов Remotion и фронтенд-дизайна.
- Claude Skills: В частности
remotion-transitionsдля смены сцен иfrontend-designдля иллюстраций.
Рабочий процесс и результаты
Разработчик следовал этому процессу:
- Иллюстрации функций: Claude Code использовал навык иллюстрации для генерации визуализаций продукта на основе SVG непосредственно в компонентах целевой страницы, сократив то, что заняло бы у дизайнера дни, до нескольких часов.
- Перестройка целевой страницы: Преобразовал скриншоты-заглушки в реальные анимированные разделы интерфейса с брендингом, используя тот же рабочий процесс.
- Создание рилов: Каждый рил в Remotion — это React-компонент. Claude Code создаёт каркас сцены, разработчик настраивает время и текст, затем экспортирует. Первый рил занял ~3 часа, второй ~90 минут, а теперь они занимают меньше часа на рил.
Результаты были мгновенными: тысячи просмотров рилов и личные сообщения с вопросами, запущен ли продукт. Разработчик отмечает, что он не дизайнер и не видеомонтажёр и почти не знал, что такое Remotion месяц назад, но инструменты позволили ему изучить свою кодовую базу, понять визуальный язык своего продукта и генерировать компоненты видео сцена за сценой с мгновенным предпросмотром.
Общая стоимость производства: 0 долларов (помимо подписки на Claude Code). Разработчик подчёркивает, что он не против моушн-дизайнеров, но не может достичь такой скорости итераций с рабочим процессом агентства.
📖 Read the full source: r/ClaudeAI
👀 Смотрите также

Использование MCP-серверов для подключения Claude к живым базам данных для анализа по запросу
Разработчик создал MCP-сервер для CybersecTools, подключив Claude к базе данных из 10 000+ продуктов кибербезопасности, что позволяет проводить анализ данных в реальном времени вместо использования традиционных дашбордов. Сервер предоставляет 40 инструментов для сравнения поставщиков, анализа рыночных категорий и проверки соответствия NIST CSF 2.0.

Использование Claude Cowork для автоматизации извлечения подарочных карт из Gmail
Разработчик использовал Claude Cowork для извлечения 48 номеров подарочных карт из Gmail, подключившись к своему аккаунту, выполнив поиск писем с определёнными темами и запустив JavaScript-скрипты для автоматизации взаимодействия с веб-сайтами после того, как Python-скрипты вызвали срабатывание защиты от ботов.

Claude Projects + Gamma Connector: 12-минутные инвесторские обновления от основателя SaaS с MRR $12K
Основатель SaaS-стартапа для индийских репетиторов ($12K MRR) сократил время подготовки отчетов для инвесторов с 3 часов до 12 минут, используя Claude Projects (постоянный контекст) с коннектором Gamma для автоматической генерации визуальных презентаций.

Рабочий процесс OpenClaw автоматизирует последующие действия после встреч, заменяя Granola для пользователя.
Пользователь заменил свою подписку на Granola за 14 долларов в месяц на рабочий процесс OpenClaw, который транскрибирует встречи с помощью STT, генерирует сводки в WhatsApp, выделяет задачи и автоматически создает черновики последующих писем.