Claude как студия моушн-дизайна: 20 бесплатных наборов с GitHub
Все 20 репозиториев с прямыми ссылками, что умеет каждый, с чего начать новичку и промпт для первого ролика.
Виталий Влада17 октября 2026 · 3 мин чтения
Анимированный ролик с графикой, подписями в ритм и красивыми переходами раньше означал After Effects, годы практики и платные подписки. Сейчас большую часть этой работы делает Claude: он пишет код анимации, а специальные движки превращают этот код в готовое видео.
Ниже 20 бесплатных наборов с GitHub, которые превращают Claude в студию моушн-дизайна. Все ссылки я проверил 17 октября 2026: репозитории живые, у большинства открытая лицензия MIT.
Проверь: это про тебя?
- хочешь делать ролики-запуски, демо продукта или анимированные заставки для Reels
- не готов(а) месяцами учить After Effects
- уже пользуешься Claude и хочешь выжать из него больше
- нужен единый стиль роликов, который не разваливается от видео к видео
Как это работает
- Ты описываешь ролик словами: что показать, какой текст, какой ритм.
- Скилл держит стиль: задаёт тайминг, цвета и характер движения.
- Движок рендерит MP4: Remotion или HyperFrames собирают готовый файл.
Правки тоже словами: «сделай начало быстрее», «шрифт крупнее», «добавь появление цифр».
Все 20 наборов
Для старта
- claude-motion (457 ★): Набор для Claude Code: режиссура движения, разбор кадров и звук, сгенерированный кодом. Хорош как первая точка входа. github.com/whaleyxbt/claude-motion
- claude-motion-design (559 ★): Скилл, который собирает видео из HTML-страницы: Playwright снимает анимацию, FFmpeg склеивает MP4. github.com/howseen-ai/claude-motion-design
- motion-graphics-skills (317 ★): 13 скиллов под ролики-запуски, анимированные графики и моушн-графику. github.com/charlie947/motion-graphics-skills
Монтаж
- claude-remotion-skill (496 ★): Монтаж в Remotion силами Claude: субтитры, b-roll и звук. github.com/haidrrrry/claude-remotion-skill
- klik-anim-skill-creation (74 ★): Пакет подсказок по анимации, работе камеры и продакшену в Remotion. github.com/t3knobox/klik-anim-skill-creation
- hyperframes-motion-reel-skill (140 ★): Собирает шоурилы в HyperFrames точно в ритм музыки. github.com/Sunwood-ai-labs/hyperframes-motion-reel-skill
Ролики-запуски и анимация
- product-launch-motion (302 ★): Ролики-запуски продукта с озвучкой, движением камеры и синхронизацией звука. github.com/AbubakrChan/product-launch-motion
- animate (787 ★): Короткие анимации: сначала раскадровка, потом рендер. github.com/cth9191/animate
- motion-design-skills (136 ★): Скиллы про тайминг, цвет, композицию, логотипы и видео. github.com/iart-ai/motion-design-skills
Наборы и движки рендера
- hyperframes-student-kit: Учебный набор: сценарии монтажа и 406 заготовок моушн-графики. github.com/nateherkai/hyperframes-student-kit
- HyperFrames (65 893 ★): Движок от HeyGen: превращает HTML, CSS и анимацию по таймингу в готовый MP4. github.com/heygen-com/hyperframes
- Remotion (64 755 ★): Собирает и рендерит видео из React-компонентов. Бесплатен для частных лиц и небольших команд, компаниям нужна лицензия. github.com/remotion-dev/remotion
Код и ремесло
- Remotion Agent Skills (5 286 ★): Официальные инструкции от Remotion для ИИ-агентов вроде Claude Code. github.com/remotion-dev/skills
- GSAP (29 361 ★): Таймлайны анимации для сайтов и видео в коде. github.com/greensock/GSAP
- motion-design-skill (2 272 ★): Принципы тайминга и хореографии движения от команды LottieFiles. github.com/LottieFiles/motion-design-skill
Подборки и веб-моушн
- awesome-motion-design-agent-skills (65 ★): Каталог ресурсов по моушн-дизайну и готовых скиллов для агентов. github.com/frankxai/awesome-motion-design-agent-skills
- motion-graphics (720 ★): Делает b-roll под твоё видео и его расшифровку. github.com/Barty-Bart/motion-graphics
- motion-dev-animations-skill (188 ★): Паттерны Motion.dev: скролл, пружины, живой интерфейс. github.com/199-biotechnologies/motion-dev-animations-skill
Анимация для сайтов
- Motion (34 260 ★): Библиотека анимации для JavaScript, React и Vue. Оживляет сайты, MP4 не рендерит. github.com/motiondivision/motion
- lottie-web (32 243 ★): Проигрывает Lottie-анимации в браузере. Тоже для сайтов, не для видео. github.com/airbnb/lottie-web
С чего начать новичку
Не ставь всё сразу. Хватит трёх шагов:
- Поставь Claude Code, если его ещё нет.
- Добавь официальные Remotion Agent Skills (№13): с ними Claude сразу понимает, как собирать видео в Remotion.
- Возьми один стилевой набор, например claude-motion (№1) или motion-design-skills (№9), и сделай первый ролик на 10–15 секунд.
Бонус: промпт для первого ролика
«Сделай в Remotion ролик 1080×1920 длиной 12 секунд для Reels. Тема: [о чём ролик]. Три сцены: крючок крупным текстом, три пункта с появлением по одному, финальный призыв. Цвета: [твои цвета]. Текст появляется в ритме 120 ударов в минуту. Покажи превью, потом отрендерь MP4.»
Дальше правь словами, пока не понравится.
Задание на сегодня
Возьми одну мысль из своего последнего поста и попроси Claude собрать из неё 12-секундную заставку по промпту выше. Даже если получится неидеально, у тебя будет первый ролик, собранный без монтажной программы.