Клод + Remotion: Создание видео для запуска продукта без навыков анимации

✍️ OpenClawRadar📅 Опубликовано: 6 мая 2026 г.🔗 Source
Клод + Remotion: Создание видео для запуска продукта без навыков анимации
Ad

Разработчик, создающий приложение для анализа фондового рынка под названием Tikrr, хотел рекламное видео, но у него не было бюджета, навыков анимации и опыта работы с видеоинструментарием. Он использовал Claude с его навыком Remotion, чтобы за несколько часов перейти от идеи к готовому 30-секундному анимированному видео.

Ключевые технические детали

  • Claude отлично знал правила Remotion: никаких CSS-переходов, только пружинная физика, используйте useCurrentFrame для всего — и никогда их не нарушал.
  • Когда карточка прыгала во время набора текста, Claude нашел решение: отображать невидимый полный текст для удержания высоты макета, а поверх накладывать печатаемые символы.
  • Создал анимированные шкалы баллов, графики зон RSI, эффекты пишущей машинки и пружинные ступенчатые анимации в ~10 файлах сцен за один раз.
  • Обрабатывал расплывчатые отзывы вроде «шрифт не эстетичный, сделайте более похожим на Apple» или «карточка, двигающаяся вверх-вниз, — это глупо» — без долгих объяснений.
  • Финальное видео использует реальные компоненты из кодовой базы, отрендеренные в видео. Последовательность зацепок: кремовый фон → темный фон → дерзкое «Скорее всего, нет.» → возврат к кремовому. Всё со шрифтом Inter и без единого сбоя.
Ad

Творческий процесс

Разработчик не просто попросил Claude «сделать видео». Они обсуждали творческую концепцию: настроение, спорили о зацепках, исследовали, какие зацепки работают для скептически настроенной финансовой аудитории. Claude предлагал конкретные психологические рамки — ощущалось, как работа с креативным директором, который к тому же знает API Remotion.

Вывод

Если у вас есть продукт, и вы откладывали создание рекламного видео, потому что не умеете работать с видео, этот подход стоит попробовать. Навык Remotion, к которому имеет доступ Claude, на удивление глубок — как с творческой, так и с технической стороны.

📖 Read the full source: r/ClaudeAI

Ad

👀 Смотрите также

Автоматизация процессов найма с помощью Claude Desktop: Пример из практики
Кейсы

Автоматизация процессов найма с помощью Claude Desktop: Пример из практики

Разработчик автоматизировал первый этап рекрутинга с помощью Claude Desktop, Chrome с расширением браузера и интеграцией Google Calendar, обрабатывая отбор резюме и планирование собеседований каждые два часа на рабочей станции Windows.

OpenClawRadar
Как дешевые ИИ-агенты подвергли стресс-тесту разработку маркетплейса Claw Earn
Кейсы

Как дешевые ИИ-агенты подвергли стресс-тесту разработку маркетплейса Claw Earn

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

OpenClawRadar
Создание пиксель-арт JRPG с помощью Claude Code: Рабочий процесс и стек технологий разработчика
Кейсы

Создание пиксель-арт JRPG с помощью Claude Code: Рабочий процесс и стек технологий разработчика

Разработчик использовал Claude Code (Opus 4.6) для создания Bakemachi — JRPG в пиксель-арте для изучения японского языка с игровым демо. Стек технологий включает Vite, React, Phaser 3, TypeScript и Zustand, причём большая часть кода была реализована с помощью Claude.

OpenClawRadar
Hermes против OpenClaw: разница в личности, а не в скорости
Кейсы

Hermes против OpenClaw: разница в личности, а не в скорости

Разработчик сравнивает Hermes и OpenClaw и обнаруживает ключевое различие: каждый фреймворк по-своему обрабатывает идентичность. Hermes хранит воспоминания, OpenClaw — аспекты личности через soul.md.

OpenClawRadar