Фишка Flute в том, что он не рисует интерфейс заново, а берет живые компоненты вашего React-приложения и строит вокруг них 3D-сцену: камера, пролеты, фокус, глубина резкости. Агент режиссирует, Flute рендерит и экспортирует в MP4.
Чтобы попробовать, достаточно скормить агенту в вашем проекте такой промпт:
Установи Flute в отдельную ветку по инструкции из https://github.com/webprodigies-org/flute и сделай кинематографичную сцену из главной страницы: пролет камеры, фокус на ключевых элементах, экспорт в MP4.
Open source, работает с любым React приложением. Автор выложил 2,5-часовое видео с процессом и демо-возможностей, там показана веб-аппка для работы и превью перед экспортом.
Раньше такой ролик для лендинга или релиза - это моушн-дизайнер и несколько дней в After Effects. Сейчас - ветка в репозитории и пара промптов 🙂
Вообще, наверное, вы заметили: последние пару недель лента забита анимированными эксплейнерами от Claude. С Opus 5.5 он с первого-второго раза пишет вполне приличную анимацию кодом. Тренд настолько заметный, что вчера Anthropic выкатили Claude Motion - то же самое прямо в Claude, с редактором и экспортом в MP4.
Что еще есть в эту сторону:
- Remotion - видео на React, плюс официальные скиллы для Claude Code
- HyperFrames от HeyGen - пишешь HTML, получаешь видео, сделано специально под агентов
- shipvideo - кидаешь ссылку на продукт, получаешь launch-ролик
- 🔥 Prompt Motion - галерея из 230+ роликов на Opus 5.5, к каждому приложен промпт или скилл. Берешь понравившийся и подставляешь свой продукт
- 🤩 GreenLight Motion - тул и скилл от подписчика: собирает ролик из 275 готовых UI-сцен, тоже на базе html-генерации. Загляните в галерею - красота
Может пригодится в ваших проектах ✌️
🔥 ➕ 🔁 @nobilix