Спочатку подивіться відео. Це безперервний кадр тривалістю 2 хвилини 08 секунд.
Подивитися повне відео про мистецьку подорож (оригінальне відео в X)
А ось відео, яке більше підходить для реальної роботи. Воно також створене за допомогою цього скілу й охоплює 24 роки історії SpaceX.
Подивитися повну версію відео про SpaceX у стилі whiteboard
Мені здається, що така whiteboard-анімація ідеально підходить для розгорнутих пояснень та туторіалів на Bilibili й YouTube: коли персонажі, події та зв'язки між ними малюються крок за кроком синхронно із закадровим голосом, глядачам значно легше стежити за візуальною оповіддю. Спробуйте цей підхід для популяризації знань, демонстрації продуктів або додавання анімації до навчальних курсів.
У вступному відео мій мультяшний аватар починає шлях від наскельних малюнків печери Ласко, проходить через 23 різні художні стилі й нарешті повертається за мій робочий стіл у 2026 році. Щоразу, коли я потрапляю в картину, мій стиль змінюється відповідно до неї, і я взаємодію з її елементами: перестрибую через скарабея, що котить сонячний диск у давньоєгипетських фресках, пригинаюся під гігантською хвилею на гравюрі Хокусая, пускаю «млинці» камінцями біля японського містка Моне, кричу разом із фігурою Мунка (при цьому мій капелюх злітає), і навіть вибиваю монетку у 8-бітному нічному небі.
Сцени намальовані кодом, а саундтрек синтезований нота за нотою також кодом (без жодного семпла). За винятком мого аватара, який було згенеровано через ImageGen від Codex (Codex зараз дійсно годиться хіба що як помічник для генерації зображень), усе інше зробив Opus 5.5 у Claude Code. Від моменту, коли я отримав референсне відео, до фінального монтажу минуло менше ніж день.
Я систематизував метод створення таких анімацій у скіл під назвою huashu-art-motion. Після встановлення ви можете просто сказати: «Зроби мені 15-секундну анімацію в стилі "Зоряної ночі" Ван Гога», або дати йому короткометражку як референс для деконструкції, відтворення чи створення пояснювальних анімацій на основі вашого закадрового тексту.
Починаючи з Fable 5.5
Якщо ви останнім часом гортали стрічку AI-спільноти в X, то напевно бачили низку анімацій, які нібито створені за допомогою Fable 5.5. Один користувач написав лише один промпт і отримав 3-хвилинний анімаційний короткометражний фільм з оригінальною музикою, зібравши понад 6000 лайків; інший змусив Супермена безперервно проходити крізь різні художні стилі в одному кадрі, набравши 670 000 переглядів; а ще була 15-секундна анімація з історії мистецтва, де кіт і людина п'ють чай, а фон змінюється від наскельних малюнків до пласких ілюстрацій — її спочатку опублікував Tak (@cherry_mx_reds).
Багато хто в китайськомовній спільноті насправді бачив ретвіт цього допису, який, що дивно, зібрав більше збережень, ніж оригінал.
Станом на сьогодні Anthropic офіційно не випускала Fable 5.5; найновішою офіційною версією залишається Fable 5.1, представлена 1 вересня. Ці роботи належать користувачам, які стверджують, що їх перенаправили на Fable 5.5 у рамках сірого тестування (метод перевірки — народний «тест Тібо»: потрібно запитати модель, чи знає вона Тібо з команди OpenAI Codex; якщо відповідає правильно, вважається, що це нова модель з оновленою базою знань). Саму версію моделі офіційно не підтверджено.
Я теж завантажив те відео в Claude Code, щоб його відтворити. Проте, зробивши схожий ролик, я захотів зберегти насамперед сам метод: як деконструювати художні стилі, змушувати елементи сцени рухатися та повторно використовувати цей процес для майбутніх тем.
Під час відтворення була одна цікава деталь: система автоматично згенерувала теплову карту рухів, щоб визначити, які саме ділянки рухалися в оригінальному відео. Хоча кожна епоха тривала лише близько 1 секунди, хвилі накочувалися, текст блимав, і всередині постійно відбувався рух. Пізніше ці методи деконструкції увійшли до скілу.
Статичні кадри в тексті відповідають повним зразкам відео, які можна переглянути за оригінальними посиланнями вище.
Відео, якого не було в референсі
Тож увечері після завершення відтворення я дав завдання на тему, якої в оригіналі не було:
Використай мій мультяшний аватар, щоб пройти щонайменше 20 сцен у різних стилях. Аватар має змінюватися відповідно до сцени та взаємодіяти з конкретними об'єктами в ній, наприклад, проходити через японський місток Моне та пускати «млинці» у ставку з лататтям.
У цьому відео сцени та стилі намальовані кодом. Ключові кадри мого аватара для кожного стилю перемальовуються за допомогою gpt-image, а потім код задає їхнє розташування, розмір і таймінги, накладаючи на персонажа мазки пензля, характерні для відповідного художнього стилю.
Саундтрек також відповідає художньому стилю: кістяні флейти та ручні барабани для сегмента з печерою, піпа для Дуньхуана, сямісен і сякухаті для укійо-е та прямокутні хвилі для 8-біт. Усі звуки синтезовані кодом, а інструменти й лади змінюються під час переходу між сценами.
Пробуємо в реальних робочих сценаріях
Однак, окрім демонстрації можливостей моделі чи моєї здатності їх використовувати, мене більше цікавить, чи можна це застосувати в реальних робочих задачах.
Тому ми додали 8 поширених стилів пояснення, які зустрічаються на YouTube, зокрема Whiteboard, Vox, Kurzgesagt, 3Blue1Brown, Keynote UI, Financial Charts, Storytelling та Dynamic Text. Використовуйте Financial Charts для даних, спробуйте 3b1b для математики та концепцій ШІ, застосовуйте Keynote UI для демонстрації роботи з інтерфейсом у туторіалах із програмного забезпечення — і загалом обирайте стиль залежно від того, що саме ви пояснюєте.
Окрім вступного відео у стилі whiteboard, ось версія у стилі Vox, яка також охоплює 24 роки SpaceX:
Подивитися повну версію відео про SpaceX у стилі Vox
Зміна способу подачі однієї й тієї ж теми створює абсолютно інше візуальне враження. Ви можете передати свій текст для озвучки, згенерувати відповідні фрагменти анімації потрібної тривалості та вставити їх у відео, яке монтуєте; або ж, як у цих двох прикладах, перетворити ціле пояснення на анімацію.
Особисто я використовуватиму цю частину найчастіше. Коли я роблю довге відео для Bilibili чи YouTube і натрапляю на момент, який складно пояснити словами, я можу додати окремий фрагмент, де графіка розкривається крок за кроком синхронно з оповіддю.
Що всередині цього скілу
Окрім 8 стилів пояснення, згаданих вище, він містить десятки карток художніх стилів: від наскельних малюнків, Стародавнього Єгипту, укійо-е та імпресіонізму до Ван Гога, Мунка, Далі, Гоппера, попарту, Studio Ghibli, Макото Сінкая та вейпорвейву. Кожна картка містить кольорові палітри, техніки мазків, методи анімації та поточні обмеження, що дає змогу покращувати результат наступного разу.
Також включено методи деконструкції референсних відео, генерації та композитингу кадрів персонажів, а також синхронізації саундтреку з візуальним рядом. Після завершення спеціальна програма перевіряє наявність проблем, як-от статичні кадри чи неприродні стрибки, а потім незалежний агент переглядає фінальний монтаж, щоб знайти недоліки.
Я завжди вимагаю, щоб система фіксувала те, що спрацювало на практиці: методи, докази, причини та умови їх застосування. Наступного разу, коли ви зміните тему, стиль або навіть модель, цей досвід збережеться.
Як отримати цей скіл
Скіл викладено у відкритий доступ на GitHub:
https://github.com/alchaincyf/huashu-art-motion
Встановлення (працює з будь-яким агентом, що підтримує скіли, як-от Claude Code, Codex, Cursor):
npx skills add alchaincyf/huashu-art-motion
Для рендерингу відео на вашому локальному комп'ютері мають бути встановлені uv та ffmpeg. Перед першим рендерингом встановіть headless-браузер: uv run --with playwright install chromium.
