Claude Code Меняет Контент Навсегда (2 Подхода)

10:50

Claude Code Меняет Контент Навсегда (2 Подхода)

ИИшенка | AI Automation 01.03.2026 3 228 просмотров 90 лайков

Machine-readable: Markdown · JSON API · Site index

Смотреть на YouTube

Поделиться Telegram VK Бот

Транскрипт Скачать .md

Анализ с AI

Описание видео

🚀 Вступить в Pro-сообщество (там топовые мастер-классы): https://t.me/iishenka_pro_bot ⚒️ Узнать больше про сообщество: https://iishenka.pro/group 🧡 Узнать больше про Claude Code Мастер-Класс: https://iishenka.pro/claude-code-masterclass 🤩 Узнать больше про N8N Мастер-Класс: https://iishenka.pro/n8n-masterclass ⭐️ Бесплатные материалы из моих видео тут: https://t.me/+W1SnvvkcV6A3NWMy В этом видео мы разберёмся, каким образом современные технологии (Claude Code) меняют создание видео-контента. Что особенного в этом видео? Мы не только посмотрим, в чём заключаются новые подходы и техники, но и вместе по шагам пройдём два сценария с нуля и создадим крутые демо-видео! 🔥 Независимо от того, работаете ли вы с AI-агентами или только начинаете осваивать автоматизации в n8n, этот урок поможет вам овладеть процессом настройки ИИ для любых задач. ⏱ Таймкоды 00:00 – Вступление: возможности Claude Code для генерации видео 00:28 – Проблема простых AI-видео и потенциал развития 00:51 – Идея: полезные продуктовые демо и оживление YouTube-видео 01:12 – Генерация демо по одному промпту на основе сайта 01:48 – Что понадобится: Claude Code и skill Remotion 02:20 – Что такое Remotion и зачем он нужен 02:47 – Где взять skill Remotion и как его подключить 03:21 – Концепция команды для анализа сайта 03:32 – Пример: разбор сайта SendForSign 04:18 – Планирование продуктового видео и сториборд 04:42 – Структура команды Website Analysis for Remotion 05:11 – Запуск команды одной slash-командой 05:30 – Что нейронка делает автоматически 05:52 – Итоговая структура проекта и ассеты 06:38 – Генерация продуктового видео из плана 07:06 – Просмотр и оценка результата 07:54 – Главное преимущество: видео как код 08:30 – Обогащение готовых видео динамическими элементами 08:55 – Пример добавления элементов по субтитрам 09:30 – Тайминги сцен и полный контроль анимаций 10:22 – Практические кейсы и динамические субтитры 10:39 – Где взять команду и материалы, завершение 💡 Не забудьте поставить лайк и подписаться, чтобы не пропустить новые уроки по n8n и AI-агентам. Давайте сделаем AI-автоматизации простыми! 🙌 Я — Илья Бовкунов, основатель и СЕО Sendforsign — это компания, занимающаяся AI-автоматизацией договоров и документооборота. В прошлом был Директором по продукту и продуктовому дизайну в международных AI-стартапах. Позвать в подкаст или предложить другое сотрудничество aiiszdes@gmail.com Не забудьте поставить лайк, подписаться и нажать на колокольчик, чтобы не пропустить новые видео об AI-агентах и автоматизациях!

Оглавление (22 сегментов)

Вступление: возможности Claude Code для генерации видео

Друзья, всем привет. Но вы же уже знаете, что клодко невероятно хорош в создании видео или ещё нет? Ну как невероятно? Сеть полнится примерами о том, как люди создают себе довольно неплохие демовидео либо продуктовые видео с описанием ключевых особенностей их разработок, приложений, либо вот анонсы видео или части видео для Твиттера или для других социальных сетей.

Проблема простых AI-видео и потенциал развития

И таких примеров действительно довольно много, но если на них посмотреть серьёзно, они, ну, скажем так, довольно просты и не то чтобы ими можно пользоваться реально полезно, но, как мы с вами понимаем, всё, что сейчас в сфере искусственного интеллекта делается на тройку, завтра уже будет делаться на четвёрку, а послезавтра на твёрдые пять с минусом. И тут я

Идея: полезные продуктовые демо и оживление YouTube-видео

задумался, а реально ли делать реально полезные кейсы, например, продуктовые демо и внедрение новых элементов в уже готовый видеосцены для того, чтобы оживлять YouTube видео? Вот, например, как произошло только что. Или вот пример одного из дема для продуктов, которые сделаны без сильных

Генерация демо по одному промпту на основе сайта

временных затрат, буквально с одного промта, используя классические готовые веб-сайты для того, чтобы сформировать план этого дема. Потому что обычно на веб-сайтах есть описание продукта, из чего он состоит. То есть мы позволяем нейронке составить самостоятельно план, достать все элементы из этого лендинг page, из этой страницы и сделать нам классное демо, которое, ну, в принципе, от нас не требует ничего, кроме использования конкретного скила. И сегодня мы к концу видео разберёмся, как использовать эти два базовых навыка для того,

Что понадобится: Claude Code и skill Remotion

чтобы обеспечивать свои потребности в создании видео, в создании продуктовых видео и обогащение готовых видео. новыми элементами. И всё, что нам с вами понадобится - это самая простая конструкция нашего проекта, которая содержит один лишь катаalog. clod и, собственно, наш любимый clotдко, с помощью которого мы и будем добиваться нашего результата. То, что нам потребуется ему отдать, это одна команда и один скилл, который называется remotion. В принципе, это скилл от классных ребят,

Что такое Remotion и зачем он нужен

которые придумали анимировать workflows или видео. в виде готовых приложений на NextJS и потом экспортировать эти анимированные приложения в видео. Скил от этих ребят нам и понадобится. Если для вас в новинку, что такое скилы команды, чекните наш мастер-класс по clдкод. Он лежит в прогруппе и даст вам все основы. Итак, где мы берём skill от ребят, от Remotion? Мы переходим

Где взять skill Remotion и как его подключить

на их GitHub. Дальше ищем здесь каталог packages. И здесь, в этом каталоге, ищем папочку скилы. Здесь есть Skill Remotion, здесь есть Skills и Rules. В папочке Rules лежат асеты и ресурсы, правила, которые должен использовать clotдкод, когда работает со скилом Remotion. Это то, что нам нужно, чтобы создавать крутые вещи. Поэтому мы забираем прямо этот скилл и закидываем к нам в clotдко обязательно в catalog. клод. Ещё одна вещь, которая нам понадобится - это

Концепция команды для анализа сайта

команда. Команда - это самописная, и идея у неё сверхпростая. Как я уже сказал, продуктовые видео я хотел бы создавать по такому плану. У меня есть какой-то веб-сайт. Возьму сайт

Пример: разбор сайта SendForSign

продукта S for Sign. Это продукт, который часто мы упоминаем в своих видео. В общем, и целом, это цифровые подписи. Так вот, я хочу, чтобы неронка сначала взяла URL - это веб-сайта, достала оттуда все ключевые элементы, такие как все логотипы, хединги, основные заголовки, все тексты первичные, вторичные, графические элементы. В общем, всё, что она посчитает нужным и то, что мы ий скажем взять для того, чтобы в итоге получилось классное видео. сохранить все эти асеты как отдельные файлы в отдельной файловой структуре у нас в проекте на основе того, что Неронка выучила про этот сайт, спланировать продуктовое видео, используя все элементы, которые мы достали из этого сайта,

Планирование продуктового видео и сториборд

для того чтобы сохранить бренд. И только после этого приступить к созданию плана, то есть раскадровке этого видео, и по этой раскадровке сформировать нам итоговое видео. Звучит как какая-то невозможная задача. На самом деле всё это уже давно возможно. И именно это описано в команде, которая называется вебсайт анализ для remotion product demo.

Структура команды Website Analysis for Remotion

Здесь расписана структура, которую мы от неё ожидаем, то есть куда она что должна сложить, какие каталоги создать, где потом это будет всё храниться, достать все цвета, типографику, спейсинги, лейауты, то есть вообще всё, что понадобится для качественного продуктового видео. Друзья, эту команду я закину себе в бесплатную Telegram-группу. Так что заходите туда, забирайте, используйте. В чём прелесть этой команды? В том, что мы можем вызвать её буквально одним

Запуск команды одной slash-командой

движением руки. То есть мы нажимаем слш-команду, сюда уже подтянута эта команда. И так и говорим: "Проанализируй сайт sinforsign. com и всё. Всё остальное будет зависеть от нейронки". Ну что, это заняло у нейронки 6 минут. Давайте посмотрим, что она делала. Да, она создавала сначала каталоги

Что нейронка делает автоматически

в чёткой структуре, в чётких соответствиях с требованиями нашей команды. Фетчила сайт, доставала контент, доставала CSS-файлы, чтобы сформировать стили, забирала фавиконки, логотипы, те картинки, которые там были, там даже было YouTube видео, забрала туда обложки и вообще сделала кучу-кучу работы, которая описана в этой команде. Давайте посмотрим, что получилось у

Итоговая структура проекта и ассеты

нас в итоге в структуре. У нас добавился каталог analлиesign. com. Здесь файл analз и design tokens и storyбоard. Обратите внимание, чтобор написан уже по сценам. Опять же, это было в нашей команде. Каждая сцена очень подробно описана. И так как это всё сделано на основе конкретного лендинга, здесь всё соответствует чётко тому, что там указано, что логично. Также добавился каталог public assets infign. com. И здесь указаны и извлечены все элементы, которые содержатся на нашем Лендосе, включая фонты, бренд анимации, логотипы, продуктовые скриншоты, как раз обложка Ютуба. В принципе, кажется, что теперь это готово к созданию продуктового видео. И единственное,

Генерация продуктового видео из плана

что нам с вами остаётся сказать, давай сделаем видео на основе нашего плана и ассетов. Так, эта процедура у нас заняла 7 минут. Смотрите, что был использован skки Remotion. Потом создавалось само приложение с анимированным продуктовым демоo. Использовались цвета из нашего бренда, который мы извлекли с нашего сайта. Каждая сцена создавалась как отдельная страница нашего приложения. И в конце вся структура приложения, которая уже крутится на локалсте 3. 000. Идём

Просмотр и оценка результата

проверять, что запускаем. Угу. Так. Ну да, хорошо. Неплохо, конечно. Тут пустовато. Прикольные мягкие переходы. Да, тут тоже, конечно, с композицией можно было бы поработать. Так, вот тут уже неплохо. Прикольный эффект. Тут выравнивание страдает. Да, прикольная анимация появления. Опять же, сейчас будет переход на новый экран. Да, хорошо. Да, именно это тот контент, который у нас используется на Лендосе. Да, прикольно, прикольно. Фактоиды, да. Ну, здесь, конечно, пустовато. Зато клиенты сюда подъехали. логотипы прямо с нашего Лендоса. И в конце сетей давайте вместе начинать. Но, кажется, это неплохо. И самая главная, крутая черта этого подхода, что каждая сцена - это,

Главное преимущество: видео как код

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

Обогащение готовых видео динамическими элементами

допустим, у меня есть какое-то обычное видео, пустое, без каких-то всплывающих элементов, и я бы хотел, что когда я делаю рукой так или так, тут бы появлялись элементы. Мы знаем, что может извлечь сначала субтитры, соответственно, понять, что где происходит. Поэтому мы прямо закидываем это видео в клодкод, прямо в корень нашего приложения и пишем такое. Используй Skill Remotion и добавь

Пример добавления элементов по субтитрам

к видео с названием C динамические повторяющиеся элементы. Когда я говорю про продуктовые демо, покажи в левой верхней части 3Dк Product Demos. Когда я говорю внедрять новые элементы, покажи 3Dкст. New Elements красиво справа вверху. Данная процедура заняла 2 с по минуты. Использовался skки remotion. Сначала изучает наша нейронка структуру и правила для 3D анимаций. Это всё есть в скиле отtion. Дальше извлекает оттуда субтитры и начинает создавать динамические элементы, собственно, сцены поверх нашего видео для того, чтобы они появлялись ровно тогда,

Тайминги сцен и полный контроль анимаций

когда нам нужно. И обратите внимание, мы создали сцену, и здесь есть тайминги, то есть когда какой элемент появляется, сколько его появление длится, когда второй элемент появляется, сколько длится. Пойдёмте смотреть на итоговый результат. Итак, запускаем. Раньше у нас было пустое видео. Тут мы видим, что уже есть два элемента. Оп, появилось product demos New Elements. Ну, именно тогда, когда нужно, и дляся ровно до конца видео. То есть, как мы понимаем, если мы вернёмся в наше приложение и здесь изменим на единичку, то есть у нас будет на первой секунде появляться первый элемент, вернёмся в нашtionн, видим, что уже таймлайн этого элемента сдвинулся влево, и теперь, если мы запустим видео, то demos появится намного раньше. То есть мы можем сами контролировать, что когда появляется. Круто. Этот проект развивается активно. Сейчас я нашёл два вот

Практические кейсы и динамические субтитры

таких полезных кейсов для себя использования. Сейчас я вижу на просторах социальных сетей, что люди делают субтитры динамические появляющиеся красивые с помощью этого скила. Поэтому следим. Саму команду забирайте в нашей бесплатной Telegram-группе, если вам нужен полный

Где взять команду и материалы, завершение

исходный код со всеми скилами и исходными видео для того, чтобы посмотреть, как это делается в нашей прогруппе. Мастер-класс в нашей прогруппе, он туда включён. И до скорых встреч.

Другие видео автора — ИИшенка | AI Automation

Ctrl+V

Экстракт Знаний в Telegram

Экстракты и дистилляты из лучших YouTube-каналов — сразу после публикации.

Подписаться

Лучшие методички за неделю — каждый понедельник