Remotion Best Practices: какой справочник Remotion подключит агент
Remotion собирает видео из React-компонентов, а команда проекта ведёт набор скиллов для агентов. remotion-best-practices — входной: по смыслу запроса он подгружает справочник по созданию проекта, разметке, картам, мультимедиа, субтитрам, рендеру или SaaS. Агент открывает превью в Studio и не рендерит файл, пока его об этом прямо не попросят.
Подключает нужный справочник по запросу: remotion-create для нового ролика, remotion-markup для композиций, анимаций, шрифтов и звука.
Для карт, маршрутов и 3D-пролётов ведёт к remotion-maps с Mapbox, MapLibre, MapTiler, GeoJSON и CesiumJS.
Как только проект запускается, поднимает Studio командой npx remotion studio и держит превью открытым, пока идёт работа.
Рендерит через npx remotion render только по явной просьбе вроде «экспортируй» или «дай MP4».
Не перезаписывает правки, сделанные вне разговора: считает их намеренными или уточняет у пользователя.
Когда пригодится
Вы впервые просите агента сделать ролик на Remotion и не знаете, какой из скиллов команды нужен.
Видео нужно встроить в продукт: плеер Player и рендер на Lambda, Vercel или Cloudflare разбирает remotion-saas.
Пора обновить Remotion и связанные пакеты, включая Mediabunny и уже установленные скиллы.
Попросите агента
Сделай на Remotion промо-ролик для пекарни и открой превью в Studio.
Анимируй маршрут из Москвы в Казань на карте, пусть камера следует за линией.
Обнови Remotion и все связанные пакеты в этом проекте до совместимых версий.
Вопросы
Как установить remotion-best-practices?
Командой skills CLI с этой страницы; весь набор ставится через npx skills add remotion-dev/skills. При создании проекта командой bun create video скиллы тоже предлагают добавить.
Работает ли скилл в Codex и Cursor?
В README названы Claude Code, Codex, Kimi Code и Cursor. Для Cursor скилл советует запускать Studio без флага --no-open, чтобы браузер открылся сам.
Чем remotion-best-practices отличается от remotion-markup?
remotion-markup хранит правила React-разметки, а remotion-best-practices охватывает все скиллы набора и выбирает подходящий. Его ставят, когда неясно, какой справочник понадобится.
