Claude · скиллы монтажа роликов · сентябрь 2026
Скиллы монтажа для Claude: 2 набора и 3 минуты до ролика
Открой пустую папку, запусти в ней Claude Code и напиши: «поставь умения командой npx skills add heygen-com/hyperframes». Через минуту он напечатает Installed 20 skills. Дальше словами говоришь, какой ролик хочешь, и он собирает файл. Второй набор ставится строкой npx skills add remotion-dev/skills, умений там двенадцать
Оба варианта я прогнал на своей машине в один заход. Готовый вертикальный файл 1080 на 1920 лежал в папке через три минуты в первом случае и через четыре во втором
Первым делом спроси у помощника, какие умения ему сейчас доступны. В ответе должны появиться имена с приставкой набора. Если их нет, повтори строку установки. Дальше смотри на размер кадра: для ленты нужен вертикальный, и его задают при заведении проекта одним словом, а не правят потом
Как понять, что установка доехала
Не проси сразу собирать ролик: сначала убедись, что помощник умения видит. Напиши ему одну фразу: «какие умения тебе сейчас доступны»
Что увидишь на экране: список, в котором идут имена с приставкой. У HyperFrames это hyperframes, hyperframes-core, general-video, motion-graphics и ещё шестнадцать. У Remotion это remotion-best-practices, remotion-create, remotion-render и ещё девять
Что печатает установщик и что это значит:
| Строка на экране | Что она означает |
|---|---|
Found 20 skills или Found 12 skills | набор найден, число умений совпадает с официальным списком |
Installing to all 79 agents | умения кладутся сразу под все помощники, которые он видит на машине |
Installed N skills | всё доехало, можно проверять вопросом |
Review skills before use | напоминание авторов: умения работают с полными правами, стоит просмотреть |
| длинная пауза без строк | тянутся файлы, у меня это 23 и 67 секунд |
Таблица прокручивается вбок →
Имён нет в ответе - установка не доехала. Лечится повтором той же строки, а не переустановкой всего. Что это тебе даёт: ты не гадаешь, почему помощник «не понимает про видео», а видишь причину за десять секунд
Если самого окна Claude Code у тебя ещё нет, начни с установки помощника на компьютер, это разовое дело на полчаса. Что такое умение и как оно устроено изнутри, разобрано в большом гайде про умения
Какой из двух ставить под твою задачу
Разница не в качестве, а в том, из чего собирается картинка. Забирай таблицу, она отвечает на вопрос, который придёт после первого ролика: под новую задачу какой брать
| Твоя задача | Какой набор | Почему именно он |
|---|---|---|
| Ролик-заставка, титры, анимированный текст, обложка | HyperFrames | картинка описывается вёрсткой, как обычная страница сайта, и правится одним словом |
| Ролик из скриншотов и записи экрана | HyperFrames | есть готовые умения под захват сайта и под слайды |
| Двадцать одинаковых роликов с разными именами и цифрами | Remotion | ролик там это компонент с параметрами, пересборка идёт списком |
| Карта с маршрутом, графики, счётчики | оба, но у Remotion есть отдельное умение под карты | у Remotion remotion-maps, у HyperFrames это делается блоками из каталога |
| Субтитры к уже снятому видео | HyperFrames | умение embedded-captions под это и написано |
| Ты уже пишешь на React и не хочешь учить новое | Remotion | там всё внутри знакомого React |
| Ты вообще не программируешь | HyperFrames | вёрстка ближе к человеческому языку, чем код на React |
Таблица прокручивается вбок →
Одна строка, ради которой таблица собрана: под первый ролик бери HyperFrames, потому что там от установки до готового файла меньше шагов. Под серию одинаковых роликов бери Remotion
Весь путь четырьмя шагами
Если хочется сразу увидеть дорогу целиком, вот она. Дальше каждый шаг разобран подробно
Шаг 1. Завести пустую папку и открыть в ней Claude
В окне помощника видно имя твоей новой папки, а не чужого проекта
Шаг 2. Поставить набор умений одной строкой
Установщик напечатал строку про число найденных умений, а в конце строку про установленные
Шаг 3. Проверить, что Claude их видит
На вопрос про доступные умения он перечисляет имена с приставкой набора
Шаг 4. Попросить собрать ролик и открыть готовый файл
Файл открывается и играет, кадр вертикальный 1080 на 1920
Ставим HyperFrames: три минуты до готового файла
Строка установки одна, она же написана на главной странице проекта:
npx skills add heygen-com/hyperframes
Что увидишь на экране. Установщик печатает три вещи подряд: сначала Found 20 skills с числом найденных умений, потом список имён, и в конце Installed 20 skills. У меня весь заход занял 67 секунд. Последней строкой идёт предупреждение дословно: Review skills before use; they run with full agent permissions. По-русски это значит «просмотри умения перед работой, они выполняются с полными правами помощника», и читать её стоит буквально
Дальше проси помощника завести проект. Он сделает это командой hyperframes init и спросит размер кадра. Для ленты нужен вертикальный, он называется portrait, это и есть 1080 на 1920
Что это тебе даёт: у тебя появляется не пустая папка, а готовая заготовка с файлом index.html внутри. Этот файл и есть твой ролик, только пока в нём одна надпись
Теперь скажи словами, что должно быть в кадре. Я просил заголовок, подзаголовок и жёлтую плашку со словом внизу. Помощник переписал файл сам
Сборка восьмисекундного ролика заняла 15,9 секунды, файл вышел 872 килобайта. Картинку рисовала видеокарта: в отчёте стоит строка про аппаратный режим
Проверка, которой нет у обычного редактора
Прежде чем собирать файл, попроси помощника прогнать проверку. У HyperFrames она называется check и смотрит на кадр так, как посмотрел бы человек: не налез ли текст на текст, видно ли буквы на фоне, двигается ли что-нибудь вообще
У меня она сразу поймала настоящую ошибку. Вот её печать дословно:
Layout 9 error(s): content_overlap #title inside #badge
Contrast 4 error(s): #eyebrow 1.26:1 (need 3:1)
Check failed
Я не поверил и попросил снять кадр. Проверка оказалась права: весь текст лежал в одной куче
Проверка разобрала восьмисекундный ролик на девять точек по времени и в каждой посмотрела на текст отдельно. После починки она отчиталась про восемнадцать проверок читаемости из восемнадцати
Причина оказалась в одной строчке разметки, и помощник нашёл её сам, когда я дал ему текст ошибки. После починки проверка напечатала другое:
Layout 0 issues across 9 sample(s)
Contrast 18/18 text checks pass WCAG AA
Check passed
Что это тебе даёт: восемь минут, которые ты не потратишь на пересборку. В обычном редакторе такую кучу ловят глазами на готовом ролике, здесь её называют до сборки и объясняют, где именно
Ставим Remotion: ролик как компонент
Строка установки тоже одна:
npx skills add remotion-dev/skills
Что увидишь на экране: Found 12 skills, потом список из двенадцати имён, в конце Installed 12 skills. У меня это заняло 23 секунды
Дальше проси завести проект. Помощник сделает это командой create-video и сам предложит доставить умения прямо в новый проект. После этого он поставит нужные библиотеки: у меня строка была added 373 packages in 1m, и это самый долгий кусок всего пути
Что увидишь на экране: папка с файлом, где ролик описан как кусок кода на React. Меняешь в нём текст надписи, и картинка меняется. Сборка идёт командой remotion render, и помощник запускает её сам
Что это тебе даёт: если тебе нужно двадцать роликов с разными именами и цифрами, ты описываешь ролик один раз, а дальше подставляешь значения списком. Это и есть главная причина брать Remotion вместо первого набора
Что ломается у всех и что с этим делать
Помощник говорит, что не знает, как собирать видео. Умения не доехали. Проверь это вопросом «какие умения тебе сейчас доступны». Имён с приставкой нет - повтори строку установки, она безопасна к повтору
Проверка печатает Check failed, а на глаз всё нормально. Не спорь с ней: попроси помощника снять кадр на той секунде, которую она называет. У меня проверка оказалась права, а глаз ошибся, потому что смотрел на исходный файл, а не на собранный кадр
Установщик спрашивает что-то и ждёт ответа, а ты не понимаешь вопрос. Это нормально: он предлагает выбрать, какие умения ставить. Если сомневаешься, соглашайся с тем, что предложено по умолчанию, лишние умения не мешают
Ролик собрался, но кадр горизонтальный. Размер задаётся при заведении проекта одним словом. Скажи помощнику «пересобери проект вертикальным, 1080 на 1920», он поправит сам
Установка встала надолго на строке про пакеты. У Remotion это штатно, там подтягивается много библиотек. У меня ушло 84 секунды, на медленном интернете будет дольше
Оба набора рядом: это не выбор на всю жизнь
Их можно поставить в одну папку и звать по очереди. У HyperFrames есть даже отдельное умение, которое переносит готовый ролик из Remotion в HyperFrames, называется remotion-to-hyperframes
Сколько времени на что уходит, по моему прогону 15 сентября:
| Этап | HyperFrames | Remotion |
|---|---|---|
| Поставить умения | 67 секунд | 23 секунды |
| Завести проект | 44 секунды | 57 секунд |
| Доставить библиотеки | не требуется | 84 секунды |
| Собрать восьмисекундный ролик | 16 секунд | 43 секунды |
| Итого до готового файла | около 3 минут | около 4 минут |
Таблица прокручивается вбок →
Числа сняты часами машины по каждому этапу отдельно, а не прикинуты на глаз. Оба ролика вышли одной длины и одного размера кадра, различался только вес готового файла: 872 килобайта против 297
Смысл держать оба простой: заставки и титры быстрее делать вёрсткой, а серии одинаковых роликов удобнее собирать кодом. Одна папка, два набора, помощник сам берёт нужный под твою просьбу
Если ты пришёл сюда за другой задачей, рядом лежат соседние разборы. Нарезать одну длинную запись на пачку коротких роликов - это гайд про автоматическую нарезку. Черновой монтаж длинной записи по времени - отдельный разбор. Подробный разбор одного только набора Remotion со всеми двенадцатью умениями лежит здесь
Это только часть моего стека. Полная система, в которой ролики выглядят по-настоящему реалистично, устроена сложнее: там своя грамматика сцен, своя работа со звуком и свои проверки на каждый кадр. Её я раскрываю на ИИ-Лагере
Источники
Всё, что выше, снято с моего прогона 15 сентября 2026 года и с живых страниц инструментов:
- HyperFrames на GitHub - официальный дом набора, где живёт строка установки и список умений
- Быстрый старт HyperFrames - страница авторов про первый проект
- Введение в HyperFrames - что это за инструмент словами авторов
- Скиллы Remotion на GitHub - официальный список двенадцати умений
- Документация Remotion про умения - страница авторов про те же двенадцать
- Документация Remotion - общий справочник инструмента
Памятка: что сказать помощнику
Семь строк, которых хватает на весь путь от пустой папки до готового файла
Сохрани себе
- поставить умения для вёрстки:
npx skills add heygen-com/hyperframes - поставить умения для кода:
npx skills add remotion-dev/skills - проверить, что помощник их видит: спросить «какие умения тебе сейчас доступны»
- завести вертикальный проект: сказать «заведи проект, кадр вертикальный, 1080 на 1920»
- проверить кадр до сборки: сказать «прогони проверку»
- собрать файл: сказать «собери ролик в файл»
- выбрать набор: вёрстка и заставки это первый, серия одинаковых роликов это второй
Два набора поставлены, ролик собран
Почему у одних ролики смотрятся, а у других нет
Памятка выше закрывает вопрос «как собрать файл». Она не закрывает вопрос, почему один ролик досматривают до конца, а второй закрывают на второй секунде. Это другой слой работы: как режется речь, где стоит вставка донора, какого размера буквы, на чём держится внимание первые полторы секунды
Я на этот слой потратил не один месяц и собрал из него систему: грамматика сцен, правила для звука, проверки на каждый кадр перед выпуском. Половину из них ни один установщик не подскажет, потому что они не про инструмент, а про то, как человек смотрит ленту большим пальцем
На ИИ-Лагере я показываю эту систему на своих экранах и разбираю ролики участников по кадрам: где ролик теряет внимание и что там переделать
Частые вопросы
Это платно?
Оба набора умений бесплатные и лежат открыто. Платить нужно только за самого помощника, и это отдельная история, разобранная в гайде про установку
Нужно ли уметь программировать?
Для HyperFrames нет: картинка описывается вёрсткой, и пишет её помощник, а ты правишь словами. Для Remotion полезно понимать React, хотя и там всё пишет помощник
Сколько времени уходит на первый ролик?
У меня три минуты на HyperFrames и четыре на Remotion, считая установку. Дольше всего тянутся библиотеки во втором случае, у меня это 84 секунды
Можно ли поставить оба набора?
Да, они не конфликтуют, ложатся в разные папки внутри проекта и зовутся по именам
А если мне надо смонтировать своё видео, а не собрать ролик с нуля?
Это соседняя задача. Нарезка длинной записи на короткие разобрана в гайде про нарезку, а черновой монтаж по времени - в отдельном тексте
Почему у меня установщик задаёт вопросы, а в статье написано, что он просто ставит?
Когда команду запускает помощник, установщик видит это и ставит без вопросов. Когда ты запускаешь строку сам в терминале, он спрашивает
Я Иван Сергеев, собираю продукты и маркетинг на ИИ и показываю это на своём экране: что сработало, что развалилось и сколько времени стоило