YouMind
Увійти

Motion Engineering: Один бот, п’ять відділів, ціла студія

@0xjmori
АНГЛІЙСЬКА18 жовт. 2026 р.
400K
256
24
30
782

Коротко

Цей посібник детально описує налаштування Claude Opus 5.5 як комплексної студії моушн-дизайну. Він окреслює робочий процес із п’яти відділів (Режисер, Арт-директор, Аніматор, Інженер рендерингу, Критик) з використанням Remotion та FFmpeg для створення високоякісних, редагованих продуктових відео.

Як перетворити Claude Opus 5.5 на команду моушн-продакшену, яка режисує, анімує, рендерить, перевіряє та випускає професійні відео.

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

З Opus 5.5 значно цікавішою можливістю є побудова цілої продакшен-студії навколо одного агента.

Подумайте, що зазвичай відбувається, коли стартапу потрібне відео для запуску продукту. Хтось пише креативний бриф. Дизайнер розробляє візуальну концепцію. Моушн-дизайнер анімує інтерфейс. Відеомонтажник працює з таймінгом і звуком. Хтось інший переглядає результат, вносить правки та готує фінальні експорти.

Це цілий виробничий конвеєр для 20-секундного відео.

А тепер уявіть, що ви передаєте ті самі обов'язки одному агенту Claude, маючи чіткий процес для кожного етапу.

Агент вивчає ваші референси, планує фільм, пише код анімації, рендерить прев'ю, знаходить власні помилки та доопрацьовує результат. Ви затверджуєте важливі креативні рішення, замість того щоб вручну збирати кожну сцену.

Саме в цьому полягає суть Motion Engineering.

Claude Opus 5.5 робить цей робочий процес цікавим, оскільки поєднує програмування, візуальне розуміння та тривалу агентну роботу. Але найважливіша частина — не сама модель. Це виробнича система, яку ви будуєте навколо неї.

https://x.com/claudeai/status/2102435511222890900

Ось що відрізняє цей підхід від звичайної генерації відео за допомогою ШІ:

Claude не обов'язково має генерувати фінальні пікселі напряму. Він може написати програму, яка їх створює.

Модель пише код анімації. Рендерер перетворює цей код на кадри. Процес перевірки виявляє дефекти. Агент змінює вихідний код і рендерить знову.

Це означає, що перше відео може стати основою для наступного.

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

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

djnЯ публікую практичні розбори ШІ-агентів, автоматизації та виробничих процесів у Substack.

ЧАСТИНА 1. СТУДІЯ З ОДНИМ БОТОМ

01. Один агент, п'ять виробничих відділів

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

Режисер думає про історію. Артдиректор — про композицію. Аніматор — про рух. Технічний художник — про рендеринг. Критик вирішує, чи відповідає результат брифу.

Один агент Opus 5.5 може послідовно взяти на себе всі п'ять ролей.

Але це працює лише тоді, коли обов'язки залишаються розділеними.

Якщо попросити Claude зрежисувати, спроєктувати, анімувати, відрендерити й оцінити все в одному неструктурованому кроці, ви отримаєте вражаюче на вигляд демо, яке розвалиться при детальному огляді.

Натомість організуйте роботу агента навколо п'яти відділів:

text
1ВІДДІЛ ВІДПОВІДАЛЬНІСТЬ РЕЗУЛЬТАТ
2────────────────────────────────────────────────────────
3РЕЖИСЕР Історія та розкадрування BRIEF.md
4АРТДИРЕКТОР Візуальна концепція STYLE.md
5АНІМАТОР Рух і таймінг Вихідний код
6РЕНДЕР-ІНЖЕНЕР Рендеринг та експорт MP4 + прев'ю
7КРИТИК Контроль візуальної якості Звіт про перевірку

Це не обов'язково п'ять незалежних агентів. Це п'ять етапів із чіткими інструкціями, файлами та критеріями приймання в межах одного скоординованого робочого процесу.

Режисер вирішує, що саме транслюватиме фільм, ще до того, як Аніматор торкнеться коду. Артдиректор визначає візуальні правила до того, як Claude почне вигадувати кольори та переходи. Критик оцінює відрендерений результат, а не довіряє опису Аніматора щодо того, що той створив.

Процес виглядає так:

text
1 ВАШ БРИФ
2 |
3 v
4 CLAUDE OPUS 5.5
5 |
6 v
7 РЕЖИСЕР
8 Історія + Сценарій
9 |
10 v
11 АРТДИРЕКТОР
12 Референси + Дизайн
13 |
14 v
15 АНІМАТОР
16 Код + Рух
17 |
18 v
19 РЕНДЕР-ІНЖЕНЕР
20 Кадри + Експорти
21 |
22 v
23 КРИТИК
24 Перевірка + Виправлення
25 |
26 v
27 ФІНАЛЬНИЙ ФІЛЬМ
Mori - inline image

Послідовність має значення, тому що більшість візуальних помилок виникає ще до рендерингу.

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

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

02. Чому вірусні відео «за один раз» — це не магія

Ви, напевно, бачили такі відео.

Хтось публікує анімацію, яка виглядає так, ніби її зробило професійне креативне агентство, а потім каже, що Claude створив усе це за одним промптом.

Результат справді міг бути отриманий за один тривалий автономний запуск. Але це не означає, що процес почався з одного речення.

Thariq із команди Claude Code підкреслив цю різницю, обговорюючи одну з вірусних демонстрацій.

https://x.com/trq212/status/2102870353781641416

Ось на цю деталь варто звернути увагу.

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

Mori - inline image

Агент-програміст також може успадкувати наявний проєкт, дизайн-систему, компоненти та пайплайн рендерингу.

Те, що здається створенням «за один раз», часто є лише видимою вершиною значно більшої підготовки.

І це хороша новина.

Це означає, що вам не потрібно шукати магічну комбінацію прикметників. Вам потрібне виробниче середовище, здатне відтворювати правильні рішення.

Розглянемо два підходи до одного й того самого запиту.

Перший просить Claude «зробити преміальну анімацію для запуску продукту». Модель має сама вирішити, що робить продукт, як має виглядати відео, які переходи використовувати, коли глядач повинен прочитати заголовок і що вважатиметься успішним результатом.

Другий надає реальні ресурси продукту, референсне відео, правила дизайну, розкадрування, таймлайн і критерії перевірки.

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

Промпт створює одне відео. Студія створює повторюваний спосіб робити відео.

ЧАСТИНА 2. ПОБУДОВА СТУДІЇ

03. Налаштування виробничого середовища

Для цієї конфігурації ми використаємо Claude Code як агента, Remotion як відеофреймворк і FFmpeg для аналізу та обробки медіа.

Claude Code виконує креативні та програмні завдання. Remotion робить фільм керованим через React-компоненти та покадрову анімацію. FFmpeg допомагає аналізувати референси, перевіряти результат і готувати допоміжні ресурси.

Перед початком встановіть Node.js, Claude Code та FFmpeg.

Створіть чистий проєкт Remotion:

bash
1npx create-video@latest --yes --blank motion-studio
2
3cd motion-studio
4
5npx remotion skills add
6
7npm run dev
Mori - inline image

Інсталятор Remotion Skills надає рекомендації щодо імплементації, які агенти-програмісти можуть використовувати під час роботи з фреймворком.

Відкрийте інший термінал у директорії motion-studio та запустіть Claude Code. Оберіть Opus 5.5, якщо він доступний у вашому середовищі.

Тепер організуйте робочий простір:

text
1motion-studio/
2│
3├── CLAUDE.md
4├── BRIEF.md
5├── STYLE.md
6├── STORYBOARD.md
7│
8├── public/
9│ ├── logos/
10│ ├── screenshots/
11│ ├── fonts/
12│ └── audio/
13│
14├── src/
15│ ├── compositions/
16│ ├── components/
17│ ├── animation/
18│ └── Root.tsx
19│
20├── reviews/
21│ ├── frames/
22│ ├── contact-sheets/
23│ └── findings.md
24│
25└── out/
26 ├── previews/
27 └── final/

Це робочий простір студії.

CLAUDE.md містить правила, які застосовуються до кожного продакшену. BRIEF.md описує поточний фільм. STYLE.md фіксує візуальну концепцію. STORYBOARD.md визначає послідовність кадрів і ключові події.

Вихідний код і затверджені ресурси відокремлені від артефактів перевірки.

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

Без такої структури важливі рішення можуть загубитися всередині чату.

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

04. Дайте боту постійну інструкцію з експлуатації

Більшість людей щоразу дають Claude новий набір інструкцій, коли роблять відео.

Це призводить до непослідовності.

В одному проєкті використовуються пружні анімації. У наступному з'являється надмірне підстрибування. У третьому змінюються всі шрифти, кольори та переходи, бо модель не має постійних візуальних правил.

Натомість збережіть виробничі стандарти студії у файлі CLAUDE.md.

Промпт 1. Створення інструкції студії

text
1Створи CLAUDE.md для нашої моушн-студії.
2
3Ти — продакшен-агент, відповідальний
4за режисуру, дизайн, анімацію,
5рендеринг і перевірку фільмів, створених кодом.
6
7ПРАВИЛА РОБОТИ
8
91. Ніколи не починай реалізацію до
10 створення розкадрування.
11
122. Використовуй лише затверджені ресурси продукту.
13
143. Ніколи не вигадуй UI, метрики, відгуки
15 чи можливості продукту.
16
174. Кожна анімація має керуватися
18 номером кадру або детермінованим часом.
19
205. Використовуй єдину основну візуальну концепцію
21 протягом усього фільму.
22
236. Не анімуй елементи без
24 чіткої комунікативної мети.
25
267. Рендери репрезентативні кадри перед
27 створенням повного відео.
28
298. Перевіряй відрендерений результат,
30 а не лише вихідний код.
31
329. Виправляй дефекти локально, де це можливо.
33
3410. Зберігай усі редаговані вихідні файли.
35
36КРЕАТИВНІ ОБМЕЖЕННЯ
37
38Уникай:
39- Шаблонних градієнтних фонів
40- Надмірного підстрибування
41- Світних частинок
42- Нечитабельного тексту
43- Підроблених дашбордів продукту
44- Руху камери без мети
45
46ПРАВИЛО ПРОДАКШЕНУ
47
48Фільм не завершений лише тому,
49що існує MP4.
50
51Він завершений, коли виконано затверджений бриф
52і вимоги до перевірки.

Цей файл стає базовою лінією студії.

Це не означає, що кожен фільм має виглядати однаково. Це означає, що типові виробничі помилки не потрібно щоразу виявляти заново.

Коли Claude регулярно робить ту саму візуальну помилку, вдоскональте інструкцію. Наступний фільм успадкує це виправлення.

Ви також можете зберігати в проєкті спільні компоненти анімації, типографічні токени, розміри безпечних зон, бажані налаштування експорту та інші рішення, які можна використовувати повторно.

Що більше ваша студія вчиться із завершених робіт, то менше часу наступне завдання витрачатиме на повторне вивчення основ.

05. Змусьте Режисера написати бриф

Давайте створимо щось конкретне.

Уявіть, що ви запускаєте SaaS-продукт, який перетворює хаотичну дошку проєкту на організований план спринту.

Вам потрібен 20-секундний продуктовий ролик, що показує одну трансформацію: захаращену дошку завдань, яка стає чітким списком пріоритетів.

Аудиторія має зрозуміти цінність без закадрового голосу.

Замість того щоб просити Claude зробити круте відео, дайте Режисеру виробниче завдання.

Промпт 2. Завдання для Режисера

text
1Ти — Режисер нашої моушн-студії.
2
3ПРОЄКТ
4
5Ролик для запуску додатка для продуктивності.
6
7ГОЛОВНЕ ПОВІДОМЛЕННЯ
8
9Перетворити хаотичну дошку проєкту на
10чіткий план спринту.
11
12АУДИТОРІЯ
13
14Фаундери, продуктові команди та розробники.
15
16ТРИВАЛІСТЬ
17
1820 секунд.
19
20ФОРМАТИ
21
22Основна версія 16:9
23Версія для соцмереж 9:16
24Квадратна версія 1:1
25
26РЕСУРСИ
27
28Використовуй скріншоти, логотип і шрифти,
29надані в папці public/.
30
31Не створюй вигаданих екранів продукту.
32
33ТВОЄ ЗАВДАННЯ
34
351. Оглянь усі доступні ресурси.
362. Визнач, якої інформації бракує.
373. Напиши BRIEF.md.
384. Сформулюй центральну візуальну ідею.
395. Створи сюжетну структуру фільму.
406. Поясни, навіщо існує кожна сцена.
41
42Поки що не пиши код анімації.
43
44Надай креативну концепцію
45та чекай на затвердження.
Mori - inline image

Режисер має вирішувати, що глядач повинен зрозуміти на кожному етапі, а не просто наповнювати фільм рухом заради руху.

Перша сцена може показувати захаращену дошку завдань. Наступна — дію, яка її впорядковує. Фінальна сцена зупиняється на готовому плані спринту.

Головний візуальний зв'язок — це «до» і «після».

Усе інше має його підтримувати.

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

Якщо бракує важливого екрана продукту, агент має попросити його, а не малювати переконливу підробку.

Це одне правило запобігає дивовижній кількості непридатних для використання продуктових відео, згенерованих ШІ.

06. Перетворіть референс на візуальну ідентичність

Головна причина, чому відео, створені ШІ, виглядають схожими, полягає в тому, що модель вигадує всю візуальну концепцію на основі розмитих формулювань.

«Преміально, мінімалістично, кінематографічно та футуристично» мало що говорить моделі.

Кращий підхід — надати два-три референси та призначити кожному конкретну роль.

Один референс може визначати типографіку. Інший — демонструвати перехід. Третій — показувати темп або композицію.

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

Промпт 3. Артдирекшн

text
1Дій як Артдиректор.
2
3Оглянь референсні зображення та відео
4у папці references.
5
6Витягни:
7
8ТИПОГРАФІКУ
9
10Характер шрифту
11Ієрархію насиченості
12Масштаб заголовків
13
14КОМПОЗИЦІЮ
15
16Відступи
17Інтервали
18Візуальну ієрархію
19Фокусну точку
20
21КОЛІР
22
23Фон
24Основний текст
25Акцент
26Правила контрасту
27
28РУХ
29
30Таймінг появи
31Поведінку стабілізації
32Рух камери
33Паузи для читання
34
35ТЕКСТУРУ
36
37Зернистість
38Тіні
39Рамки
40Обробку поверхонь
41
42Збережи затверджені дизайнерські рішення у STYLE.md.
43
44Не копіюй точні композиції,
45ілюстрації чи брендинг.
46
47Створи унікальну візуальну концепцію
48для нашого продукту.
49
50Покажи пропозицію стилю перед початком розробки.

Саме на цьому етапі Claude перестає вгадувати, що означає слово «преміально».

Mori - inline image

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

Ці рішення вже ухвалені.

Сильний гайдлайн стилю не лише описує, як має виглядати фільм. Він також визначає, чого фільм має уникати.

Якщо референси використовують стриману типографіку та повільний рух камери, модель не повинна додавати інтерфейси, що обертаються, і вибухи частинок лише тому, що це поширено в демо, згенерованих ШІ.

Ви хочете, щоб агент зрозумів мову дизайну, а не скопіював оригінальні об'єкти.

Для важливих переходів попросіть Claude витягти кадри з референсу за допомогою FFmpeg, проаналізувати таймінг і зафіксувати висновки у STYLE.md.

Це дає значно корисніший результат, ніж прохання до моделі «зробити як у Apple».

ЧАСТИНА 3. АНІМАТОР І РЕНДЕР-ІНЖЕНЕР

07. Перетворіть історію на редагований таймлайн

Коли бриф і стиль затверджено, Аніматору потрібен список кадрів.

Для нашого 20-секундного фільму визначимо п'ять сцен.

text
1СЦЕНА 01: ПРОБЛЕМА
200:00 - 00:03
3
4З'являється захаращена дошка завдань.
5Композиція передає перевантаження.
6
7СЦЕНА 02: ДІЯ
800:03 - 00:07
9
10Курсор обирає функцію впорядкування.
11Інтерфейс помітно реагує.
12
13СЦЕНА 03: ТРАНСФОРМАЦІЯ
1400:07 - 00:11
15
16Завдання перегруповуються у чіткі пріоритети.
17Єдиний безперервний візуальний зв'язок.
18
19СЦЕНА 04: РЕЗУЛЬТАТ
2000:11 - 00:16
21
22Організований план спринту стабілізується.
23Тримаємо достатньо довго, щоб зрозуміти.
24
25СЦЕНА 05: ФІНАЛ
2600:16 - 00:20
27
28Назва продукту, логотип і заклик до дії.
29Сильний фінальний кадр.

Тепер модель може проєктувати рух між відомими станами.

Mori - inline image

Їй не потрібно одночасно вигадувати, про що фільм, і писати код анімації.

Корисний принцип: фінальний стан сцени має підказувати Аніматору, як починається наступна.

Якщо дошка завдань завершується по центру з масштабом 80%, наступний кадр має або зберегти цю позицію, або свідомо перейти від неї.

Випадкові стрибки між непов'язаними композиціями роблять відео схожим на набір згенерованих ШІ слайдів.

Безперервність створює відчуття режисури.

Для точнішого технічного контролю перетворіть часові мітки на номери кадрів.

При 30 кадрах на секунду 20-секундний фільм містить 600 кадрів, пронумерованих від 0 до 599.

Це дає агенту точні координати для ключових подій.

Курсор може досягти кнопки на кадрі 180. Клік може зареєструватися на кадрі 195. Результат може з'явитися на кадрі 210.

Якщо щось відбувається занадто рано, ви змінюєте номер кадру події.

Якщо перехід рухається занадто швидко, ви змінюєте його тривалість.

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

08. Модель пише код анімації, а не фінальне відео

Це технічна відмінність, яка робить студію можливою.

За допомогою Remotion Claude може писати React-компоненти, вигляд яких залежить від поточного кадру.

Рендерер обчислює ці компоненти в часі та створює фактичне відео.

Проста анімація появи може виглядати так:

typescript
1import {
2 useCurrentFrame,
3 useVideoConfig,
4 spring,
5 interpolate,
6} from "remotion";
7
8export const ProductCard = () => {
9 const frame = useCurrentFrame();
10 const { fps } = useVideoConfig();
11
12 const progress = spring({
13 frame,
14 fps,
15 config: {
16 damping: 200,
17 },
18 });
19
20 const y = interpolate(
21 progress,
22 [0, 1],
23 [60, 0]
24 );
25
26 const scale = interpolate(
27 progress,
28 [0, 1],
29 [0.94, 1]
30 );
31
32 return (
33 <div
34 style={{
35 transform:
36 `translateY(${y}px) scale(${scale})`,
37 }}
38 >
39 Product Interface
40 </div>
41 );
42};

Цей компонент має те, чого одноразово згенероване відео природно не забезпечує: параметри, якими можна керувати.

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

Якщо картка рухається занадто далеко, зменшіть відстань.

Якщо вона стабілізується занадто повільно, налаштуйте пружину.

Якщо заголовок з'являється занадто рано, змістіть його появу далі по таймлайну.

Вихідний код залишається редагованим.

У цьому перевага моушну, створеного кодом, для продуктових роликів, UI-анімацій, пояснювальних відео та контенту, побудованого на типографіці.

Це не обов'язково краще для фотореалістичних сцен, складних персонажів чи органічного кінематографічного руху. Для них досі можуть знадобитися відеозйомка, 3D-інструменти або генеративне відео.

Суть у тому, щоб обрати метод виробництва, який дає вам контроль над тією роботою, яку ви фактично створюєте.

А для продуктових роликів контроль часто цінніший за непередбачуваність.

09. Дайте Рендер-інженеру точні вимоги

Рендеринг — це окрема відповідальність від проєктування.

Аніматор будує фільм. Рендер-інженер підтверджує, що композицію дійсно можна експортувати з необхідною роздільною здатністю та частотою кадрів.

Для першого проходу не рендеріть усі 600 кадрів у фінальній якості.

Спочатку відрендеріть репрезентативні статичні кадри.

Промпт 4. Завдання на рендеринг

text
1Дій як Рендер-інженер.
2
3Прочитай BRIEF.md, STYLE.md
4і STORYBOARD.md.
5
6Оглянь наявну композицію.
7
8Перед фінальним рендером:
9
101. Підтвердь роздільну здатність композиції.
112. Підтвердь частоту кадрів і тривалість.
123. Перевір, чи завантажуються всі шрифти.
134. Перевір, чи існують усі ресурси продукту.
145. Відрендери репрезентативні статичні кадри.
156. Відрендери легке прев'ю з рухом.
167. Повідом про помилки виконання.
17
18Не змінюй креативну концепцію.
19
20Не рендери фінальні матеріали, поки
21прев'ю не пройде перевірку.

За допомогою Remotion ви можете рендерити обрані кадри напряму.

bash
1mkdir -p out/previews
2
3npx remotion still Launch \
4 out/previews/opening.png --frame=30
5
6npx remotion still Launch \
7 out/previews/action.png --frame=150
8
9npx remotion still Launch \
10 out/previews/result.png --frame=390
11
12npx remotion still Launch \
13 out/previews/closing.png --frame=570
Mori - inline image

Тут Launch — це ID композиції для нашого прикладу проєкту. Замініть його на ID, налаштований у вашому власному проєкті Remotion.

Ці чотири статичні кадри мають розповісти головну історію ще до того, як ви перевірите рух.

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

Для сфокусованого прев'ю руху відрендеріть лише інтервал навколо взаємодії.

bash
1npx remotion render Launch \
2 out/previews/interaction.mp4 \
3 --frames=90-330 \
4 --codec=h264

Тепер агент має реальний відеоартефакт для аналізу.

А не просто опис того, що він збирався створити.

Ця різниця важлива, тому що вихідний код може виглядати правильним, тоді як результат буде жахливим.

Єдиний надійний спосіб оцінити анімацію — перевірити те, що фактично створив рендерер.

ЧАСТИНА 4. КРИТИК — ЦЕ ТЕ, ЩО РОБИТЬ ЦЕ СТУДІЄЮ

10. Не дозволяйте Аніматору затверджувати власну роботу

Це відділ, про який більшість забуває.

Модель пише код, відео успішно рендериться, і агент оголошує, що все готово.

Але успішний рендер доводить лише те, що файл існує.

Він не доводить, що відео хороше.

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

Професійна студія не випускає проєкт лише тому, що програма експортувала MP4.

Вона перевіряє результат.

Дайте Claude окремий етап критики, в ідеалі — у новому контексті з оригінальним брифом і відрендереними кадрами.

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

Промпт 5. Незалежна критика моушну

text
1Ти — Критик.
2
3Ти не проєктував і не анімував цей фільм.
4
5Перевір наданий контактний лист,
6статичні кадри та відео-прев'ю.
7
8Оціни від 1 до 10:
9
10- Візуальну композицію
11- Типографіку
12- Читаність продукту
13- Якість руху
14- Таймінг
15- Безперервність
16- Відповідність бренду
17
18Знайди три найважливіші проблеми.
19
20Для кожної проблеми надай:
21
22КАДР АБО ЧАСОВА МІТКА
23Де це відбувається.
24
25СПОСТЕРЕЖЕННЯ
26Що візуально неправильно.
27
28ЧОМУ ЦЕ ВАЖЛИВО
29Як це шкодить фільму.
30
31НАЙМЕНШЕ КОРИСНЕ ВИПРАВЛЕННЯ
32Що потрібно змінити.
33
34ЗБЕРЕГТИ
35Що має залишитися без змін.
36
37Не затверджуй на основі
38опису Аніматора.
39
40Збережи звіт як reviews/findings.md.

Тепер перевірка дає те, з чим Аніматор може працювати.

Замість «зроби відео більш професійним», Критик може повідомити:

text
1ДЕФЕКТ 01
2
3КАДР:
4210
5
6ПРОБЛЕМА:
7Курсор перетинає мітку результату.
8
9ПРИЧИНА:
10Рух курсора накладається на появу результату.
11
12ВИПРАВЛЕННЯ:
13Відведіть курсор до того, як мітка
14стане видимою.
15
16ЗБЕРЕГТИ:
17Таймінг кліку
18Розміри картки
19Анімацію результату
20
21ПЕРЕВІРИТИ ЗНОВУ:
22Кадри 195, 210, 225 та 240
Mori - inline image

Анімація результату

ПЕРЕВІРИТИ ЗНОВУ:

Кадри 195, 210, 225 та 240

Це перетворює суб'єктивні зауваження на інженерну роботу.

Критик виявляє проблему. Аніматор її виправляє. Інженер рендеру знову експортує відповідні кадри.

Не потрібно перегенеровувати все відео.

Для серйозної продакшн-роботи Критик має перевіряти і статичні кадри, і рухомий прев'ю.

Статика виявляє дефекти компонування. Відео показує невдалий темп, незграбні переходи, неприродний рух і проблеми з таймінгом.

Жодне з них повністю не замінює інше.

11. Побудуйте цикл виправлень, який знає, коли зупинитися

Найкорисніший продакшн-цикл — простий.

text
1 АНІМАЦІЯ
2 |
3 v
4 РЕНДЕР ПРЕВ'Ю
5 |
6 v
7 ПЕРЕГЛЯД КРИТИКА
8 |
9 +--------+--------+
10 | |
11 УСПІХ НЕВДАЧА
12 | |
13 v v
14 ПОСТАЧАННЯ КОНКРЕТНІ ВИСНОВКИ
15 |
16 v
17 ЛОКАЛЬНИЙ РЕМОНТ
18 |
19 v
20 РЕНДЕР ЗНОВУ
21 |
22 +----> ПЕРЕГЛЯД

Ключове слово тут — локальний.

Дефект на кадрі 210 не повинен призводити до переписування всього сториборду, якщо сама креативна концепція не зламана.

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

Якщо курсор перекриває результат — змініть траєкторію курсора.

Якщо сцена закінчується надто різко — змініть її таймінг або перехід.

Агент має зберігати затверджену роботу, виправляючи лише проблемну частину.

Встановіть обмеження для циклу.

Промпт 6. Політика виправлень

text
1Створи процес виправлення для невдалих перевірок.
2
3Для кожного дефекту:
4
51. Прочитай докази Критика.
62. Визнач найменшу релевантну зміну.
73. Збережи затверджені рішення.
84. Виправ відповідний вихідний код.
95. Зрендери відповідні кадри.
106. Перевір межі сусідніх сцен.
117. Поверни нові докази.
12
13Максимум:
14Два раунди виправлень на кожен дефект.
15
16Якщо та сама проблема залишається невирішеною
17після двох раундів:
18
19Зупинись.
20Поясни, що блокує роботу.
21Запитай вказівки людини.
22
23Ніколи не видаляй вимоги верифікації
24просто щоб пройти перевірку.

Поясни, що блокує роботу.

Запитай вказівки людини.

Ніколи не видаляй вимоги верифікації

просто щоб пройти перевірку.

Це дозволяє агенту покращувати власний результат, не зникаючи у нескінченному циклі правок.

Студії потрібна можливість ітерацій.

Їй також потрібен бюджет і правило зупинки.

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

ЧАСТИНА 5. ВІД ОДНОГО ВІДЕО ДО СПРАВЖНЬОЇ СТУДІЇ

12. Один рендер — це не один готовий продукт

Стартапу рідко потрібен лише один відеофайл.

Для одного й того ж запуску продукту може знадобитися широка версія для сайту, квадратна для X та вертикальна для Reels або Shorts.

Просте обрізання оригіналу може зруйнувати композицію.

У горизонтальній сцені продукт і заголовок можуть бути поруч.

У вертикальній сцені спочатку може з'явитися заголовок, а потім інтерфейс заповнює весь екран.

Наратив залишається тим самим, але композиція змінюється.

text
1 ОДИН ФІЛЬМ
2 |
3 +-------------+-------------+
4 | | |
5 v v v
6 16:9 1:1 9:16
7 | | |
8 v v v
9 САЙТ X / СОЦМЕРЕЖІ REELS
10 YOUTUBE КВАДРАТНИЙ ПОСТ SHORTS
11
12 Ширший Збалансована Вертикальна
13 контекст композиція ієрархія

Попросіть агента створити окремі адаптивні композиції або специфічні для формату макети сцен із тих самих вихідних матеріалів і затвердженої історії.

Не припускайте, що успішний широкий рендер означає, що вертикальна версія теж підходить.

Кожен формат потребує власної статики та перевірки.

Якісний пакет для постачання має включати більше, ніж три MP4-файли. Він повинен містити фінальні відео, постер-кадри, редаговані вихідники, затверджені матеріали та короткий опис будь-яких наявних обмежень.

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

13. Залиште студію, замініть проєкт

Саме тут один Bot починає ставати справжньою продакшн-системою.

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

Студія зберігає важливе.

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

Змінюватися повинні лише вхідні дані конкретного проєкту.

text
1ПЕРШЕ ВІДЕО
2
3Бриф A
4 |
5 v
6Пайплайн студії
7 |
8 v
9Фільм A
10
11ДРУГЕ ВІДЕО
12
13Бриф B
14 |
15 v
16ТОЙ САМИЙ пайплайн студії
17 |
18 v
19Фільм B
20
21ТРЕТЄ ВІДЕО
22
23Бриф C
24 |
25 v
26ПОКРАЩЕНИЙ пайплайн студії
27 |
28 v
29Фільм C
Mori - inline image

Уявіть, що Критик постійно виявляє одну й ту саму проблему: заголовки зникають до того, як глядачі встигають їх прочитати.

Ви могли б виправляти кожне відео вручну.

Або ви могли б оновити правила студії так, щоб вони вимагали явних пауз для читання, і тестувати це під час перевірки.

Тепер кожен новий фільм успадковує це виправлення.

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

Кожна повторювана помилка може стати правилом, багаторазовим компонентом або новим пунктом перевірки.

У цьому перевага збереження виробничого процесу, а не лише фінального експорту.

Наступному фільму все одно потрібен креативний напрямок. Але йому не потрібно відбудовувати всю студію з нуля.

14. Перетворіть процес на багаторазовий Skill

Коли перший проєкт пройде перевірку, збережіть робочу процедуру студії як Claude Code Skill.

Skill не повинен містити назву продукту, скриншоти чи тексти конкретного запуску.

Він має описувати метод виробництва.

Промпт 7. Створення Studio Skill

text
1Створи багаторазовий Skill із назвою motion-studio.
2
3МЕТА
4
5Перетворити затверджений креативний бриф на
6професійне відео, зрендероване кодом.
7
8РОБОЧИЙ ПРОЦЕС
9
10РЕЖИСЕР
11Проаналізуй запит.
12Напиши бриф і сториборд.
13
14АРТДИРЕКТОР
15Вивчи референси.
16Визнач єдиний візуальний напрямок.
17
18АНІМАТОР
19Побудуй редаговану, покадрову анімацію.
20
21ІНЖЕНЕР РЕНДЕРУ
22Зрендери статику та прев'ю.
23Перевір технічні результати.
24
25КРИТИК
26Перевір фактичні рендери.
27Поверни виправлення на основі доказів.
28
29ПОСТАЧАННЯ
30Експортуй затверджені формати.
31Надай вихідники та примітки до продакшену.
32
33ПРАВИЛА
34
35- Не вигадуй матеріали продукту.
36- Не пропускай етапи креативного затвердження.
37- Не затверджуй неперевірений результат.
38- Роби виправлення локальними.
39- Обмежуй кількість повторних спроб ремонту.
40- Зберігай кожен важливий артефакт.
41
42РЕЗУЛЬТАТ
43
44Фінальні відео
45Постер-кадри
46Контактні листи
47Редаговані вихідники
48Звіт про перевірку

Тепер наступне завдання стає значно меншим.

Ви надаєте продукт, аудиторію, візуальні референси та бажаний результат.

Skill забезпечує процедуру.

Агенту не потрібно відновлювати весь виробничий процес з історії чату.

Саме тут починає змінюватися економіка процесу.

Перший фільм може вимагати значної підготовки та експериментів.

Другий може повторно використовувати архітектуру сцен, компоненти руху, команди рендеру та процес візуальної QA.

Третій отримає користь від виправлень, знайдених під час перших двох.

Ви не просто накопичуєте вихідні файли.

Ви накопичуєте виробничі можливості.

ЧАСТИНА 6. ВАШ ПЕРШИЙ ПРОЄКТ У СТУДІЇ З ОДНИМ BOT

15. Майстер-промпт

Маючи робочий простір, правила та етапи виробництва, ви можете дати Opus значно більше завдання.

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

Ось майстер-промпт, який би використав я.

Майстер-промпт. Запуск Motion Studio

text
1Ти керуєш моєю студією моушн-дизайну.
2
3Твоя мета — створити професійний
420-секундний фільм для запуску продукту.
5
6ПРОЄКТ
7
8Продукт: [НАЗВА]
9Сайт: [URL]
10Аудиторія: [АУДИТОРІЯ]
11Головне повідомлення: [ОДНЕ РЕЧЕННЯ]
12
13Використовуй затверджені скриншоти, логотип,
14шрифти та референси.
15
16ЕТАП 1: РЕЖИСЕР
17
18Вивчи матеріали.
19Напиши BRIEF.md.
20Створи сториборд.
21Визнач центральну візуальну історію.
22
23Запитай схвалення.
24
25ЕТАП 2: АРТДИРЕКТОР
26
27Проаналізуй референси.
28Напиши STYLE.md.
29Визнач типографіку, колір,
30композицію та рух.
31
32Запитай схвалення.
33
34ЕТАП 3: АНІМАТОР
35
36Побудуй фільм за допомогою Remotion.
37Використовуй детерміновану, покадрову анімацію.
38Збережи затверджені деталі продукту
39та цілісність сцен.
40
41ЕТАП 4: ІНЖЕНЕР РЕНДЕРУ
42
43Зрендери репрезентативну статику.
44Зрендери чернове прев'ю.
45
46Перевір:
47- Розміри
48- Частоту кадрів
49- Шрифти
50- Матеріали
51- Помилки виконання
52
53ЕТАП 5: КРИТИК
54
55Перевір фактично зрендеровані кадри.
56
57Визнач три найбільші дефекти
58з точними номерами кадрів.
59
60Запропонуй локальні виправлення.
61
62ЕТАП 6: ВИПРАВЛЕННЯ
63
64Усунь дефекти з найбільшим впливом.
65Збережи затверджену роботу.
66Зрендери відповідні кадри знову.
67
68Зупинись після двох невдалих раундів виправлень.
69
70ЕТАП 7: ПОСТАЧАННЯ
71
72Експортуй:
73- 16:9
74- 1:1
75- 9:16
76
77Включи:
78- MP4-файли
79- Постер-кадри
80- Редаговані вихідники
81- Контактні листи
82- QA-звіт
83
84ВАЖЛИВО
85
86Ніколи не вигадуй екрани чи твердження про продукт.
87Ніколи не пропускай етапи перевірки.
88
89Успішний експорт не доводить
90креативну якість.
91
92Зупиняйся для схвалення перед важливими креативними
93рішеннями або публікацією.

Вам усе одно потрібно надати якісні вхідні дані.

Bot потребує реальних матеріалів продукту, чіткої мети та достатньої кількості референсів, щоб зрозуміти візуальний напрямок.

Але тепер ви делегуєте цілий виробничий процес, а не просите зробити ізольовану анімацію.

І це значно цікавіший спосіб використання Opus 5.5.

ЧИ МОЖЕ ОДИН BOT ДІЙСНО ЗАМІНИТИ МОУШН-СТУДІЮ?

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

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

Але заміна робочого процесу — це не те саме, що заміна всієї креативної оцінки.

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

Вона може перевіряти кадри та знаходити проблеми, але суб'єктивну якість неможливо повністю звести до тестів.

Вона може інтегрувати музику та ефекти, але права на використання, очікування клієнта та рішення щодо фінальної публікації все одно мають значення.

Цінність полягає у зміні балансу роботи.

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

Це особливо привабливо для соло-засновників, розробників, інді-креаторів і невеликих команд, яким потрібні сильні продуктові відео без необхідності щоразу збирати продакшн-команду для релізу нової функції.

І є ще одна причина, чому цей підхід важливий.

Традиційне згенероване ШІ відео часто складно точно відредагувати.

Вам може подобатися кадр, але не подобатися один перехід. Вам може знадобитися замінити скриншот, не змінюючи решту анімації. Вам може знадобитися той самий фільм у трьох форматах.

У продакшені, зрендерованому кодом, ці зміни часто можна виразити як контрольовані правки у вихідному коді.

Інший заголовок не обов'язково означає інший фільм.

Новий колір бренду не означає перебудову всього таймлайну.

Виправлення таймінгу можна зробити саме на тому кадрі, де виникла проблема.

Це не просто зручність.

Це різниця між генерацією окремого матеріалу та підтримкою виробничої системи.

СПРАВЖНІЙ ЗСУВ

Найцікавіше в моушн-дизайні з Opus 5.5 — це не вірусна анімація, створена за ніч.

Це те, що відбувається, коли ви перетворюєте цю можливість на повторювану студію.

Один агент може керувати креативним брифом, створювати візуальну систему, реалізовувати анімацію, рендерити прев'ю, критикувати дефекти та готувати фінальні матеріали.

Рендерер робить відео відтворюваним.

Сториборд робить історію навмисною.

Цикл перевірки робить помилки видимими.

Збережені компоненти та навички полегшують наступний проєкт.

Традиційний одноразовий процес виглядає так:

Промпт створює відео. Відео експортується. Наступний проєкт починається знову.

Студія з одним Bot працює інакше.

Кожен завершений проєкт може залишати після себе кращі шаблони, кращі компоненти руху, суворіші критерії перевірки та надійніші процедури постачання.

Перше відео вражає, бо показує, що взагалі можливо.

П'яте цікаве, бо виробничий процес починає ставати повторюваним.

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

Справжня можливість — це не створити одне відео за допомогою ШІ. Це побудувати студію, яка стає кращою з кожним новим відео.

І за правильного налаштування ця студія може починатися з одного Bot.

ЯКЩО ВИ ДОЧИТАЛИ ДО ЦЬОГО МІСЦЯ

Збережіть цей посібник у закладки, перш ніж витратити ще одну ніч на спроби виправити згенероване ШІ відео дедалі складнішими промптами.

Підписуйтесь на мене в X: x.com/0xjmori

Підписуйтесь на мій Substack: substack.com/@lunarresearcher

Наступного разу, коли вам знадобиться відео для запуску продукту, не просто просіть Claude щось анімувати.

Дайте йому студію для керування.

РЕСУРСИ

Переробити в YouMind

Перетворіть одну віральну статтю на повноцінний робочий процес

Збирайте джерела, розшифровуйте патерни, створюйте матеріали, пишіть чернетки та поширюйте контент в одному AI-робочому просторі.

Дослідити YouMind
Для авторів

Перетворіть свій Markdown на охайну статтю для 𝕏

Коли ви публікуєте власні лонгріди, зображення, таблиці та блоки коду роблять форматування в 𝕏 складним. YouMind перетворює повну чернетку в Markdown на чисту статтю для 𝕏, готову до публікації.

Спробувати Markdown для 𝕏

Більше патернів для аналізу

Останні віральні статті

Переглянути більше віральних статей