1%motion-графіка з ai
перший розділ
до матеріалу ↗

фрагмент гайда · читати до покупки

як твої слова
стають відео.

для першого ролика потрібно зрозуміти три речі: хто пише код, хто створює кадри та звідки береться звук. почнемо з простого процесу, який можна повторити на своєму комп’ютері.

1. що робить кожен інструмент

claude code працює з папкою проєкту: читає файли, змінює анімацію й запускає команди. remotion перетворює цей код на кадри, які можна переглянути й зібрати в mp4. node.js потрібен, щоб запускати ці інструменти локально.

твоя ідея→claude code→код сцен→remotion→mp4

наприклад, ти просиш «намалюй золоту лінію, яка зростає за дві секунди». у проєкті з’являються опис лінії та її руху. при 30 кадрах/с це 60 кадрів. можна змінити одну цифру, колір чи текст і знову зібрати відео. звук додається окремим файлом.

2. що потрібно встановити

  1. node.js lts. встановлюєш із офіційної сторінки; npm входить до комплекту.
  2. claude code. встановлюєш і входиш у свій акаунт. звичайний чат із відповіддю у вигляді коду не замінює роботу агента з папкою. у повному гайді є окремі команди для mac і windows.
  3. пакети готового проєкту. у папці starter виконуєш npm ci, потім npm run studio. обираєш first-motion і бачиш анімацію.

готовий starter має три композиції та приклад на 12 секунд. після встановлення залежностей його можна відрендерити без нового запиту до моделі. claude потрібен, коли адаптуєш проєкт під свою ідею.

перший результат із комплекту

ось ролик зі стартового проєкту, який ти запустиш до власних правок. приклади «важіль» та інші на лендінгу складніші; цей потрібен, щоб пройти процес від папки до готового файлу.

3. які підключення й оплати потрібні

claude code через pro≈901 грн/місяць
node.js0 грн
remotion для приватної особи / компанії до 3 людей0 грн за умовами ліцензії
власний запис голосубез сервісної підписки
elevenlabs starter, необов’язково≈270 грн/місяць

для базового маршруту не треба створювати api-ключі: входиш у claude через акаунт, а власний голос або озвучку з elevenlabs переносиш у проєкт файлом. для автоматизації великої кількості роликів може знадобитися інший процес, який розбираємо окремо.

тарифи перевірені 11.10.2026: claude, remotion, elevenlabs. перерахунок у грн за курсом продажу monobank 45,0308. без податків і тимчасових знижок; фактична сума може відрізнятися.

4. з чого почати

перший крок — запустити готовий приклад. другий — замінити його текст. третій — додати голос. не встановлюй десять сервісів до того, як побачиш перший результат.

у повному матеріалі: встановлення й вхід, remotion skills, робочий starter, промпти для правок, звук, субтитри, експорт, гіфки й розбір типових помилок.

гайд і стартовий проєкт — від 450 грн ↗