К основному содержанию
affpapa.org
RU EN
скилл Claude Code CX Codex Cursor GitHub Copilot

remotion · calesthio — скилл для Claude Code: что делает и как установить

Скилл для вёрстки видео в Remotion с библиотекой переходов и правилами сборки сцен при 30 кадрах в секунду.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓ 
npx skills add calesthio/OpenMontage --skill remotion -a claude-code
Открыть на GitHub

Что делает remotion

Скилл описывает надстройку над стандартным Remotion для проектов на базе набора OpenMontage. Он даёт ассистенту спецификации готовых компонентов из папки lib/components/ — от плашек и виньеток до режима SplitScreen и 3D-конверта, а также кастомных шейдеров вроде глитча, световых бликов и шахматных переходов.

Для базовых хуков и рендеринга Remotion нужен отдельный скилл remotion-official. Здесь же зафиксированы правила проекта: расчёт таймингов только на 30 кадров в секунду, запрет на CSS-анимации во избежание мерцания кадров и использование OffthreadVideo вместо стандартного тега. Если проект требует переменной скорости воспроизведения, видео придётся готовить заранее через FFmpeg, иначе встроенный плеер не справится.

Какие задачи решает

  • добавить шейдеры глитча или световых бликов в TransitionSeries
  • встроить оверлей с диктором NarratorPiP или разделение экрана SplitScreen
  • рассчитать хронометраж сцены под озвучку со скоростью 150 слов в минуту
  • настроить компонент AnimatedBackground с плавающими фигурами

Примеры запросов агенту

  • Добавь переход с эффектом glitch между слайдом заголовка и демонстрацией
  • Создай сцену сравнения двух роликов через SplitScreen с виньеткой
  • Собери заставку на 90 кадров с компонентом AnimatedBackground в тёмной теме

Как установить remotion

1Через Skills CLI (Vercel)

npx skills add calesthio/OpenMontage --skill remotion -a claude-code

2Вручную: положить файлы

~/.claude/skills/remotion/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/remotion/

Из того же набора28

Весь набор →
video-understand calesthio Скилл извлекает кадры из видео и расшифровывает аудио локально через ffmpeg и Whisper. Подходит для анализа роликов без API-ключей. Claude Code CX Codex Cursor +1 1 300установок video-download calesthio Скачивает видео, аудио и субтитры по URL через yt-dlp. Пригодится для получения файла, выбора качества или просмотра метаданных без загрузки. Claude Code CX Codex Cursor +1 1 200установок lottie-bodymovin calesthio Помогает переносить 12 принципов диснеевской анимации в векторные Lottie-ролики. Связывает формулы After Effects с управлением через JavaScript. Claude Code CX Codex Cursor +1 1 100установок create-video calesthio Скилл превращает описание в готовый видеоролик: пишешь, что хочешь видеть, а HeyGen генерирует сценарий, выбирает аватара, озвучивает и монтирует. Подходит для быстрого создания демо, объяснялок и промо без лишних настроек. Claude Code CX Codex Cursor +1 1 100установок video-toolkit calesthio Автоматизирует создание видео: генерирует закадровый голос, музыку, анимирует говорящие головы, компонует сцены через Remotion. Нужны Node.js, Python3, ffmpeg и доступ к облачным GPU (Modal или RunPod). Claude Code CX Codex Cursor +1 1 100установок text-to-speech calesthio Генерирует аудио из текста через HeyGen Starfish, подбирая голос, скорость и тон. Пригодится для озвучки, дикторского текста и подкастов. Claude Code CX Codex Cursor +1 1 100установок bfl-api Black Forest Labs Скилл помогает подключать BFL FLUX API для генерации и редактирования изображений. Нужен для асинхронных запросов, polling и вебхуков. Claude Code CX Codex Cursor +1 1 000установок threejs-textures calesthio Скилл для работы с текстурами Three.js: загрузка изображений, UV-координаты, кубмапы, HDR-среды и оптимизация. Пригодится при создании 3D-сцен с материалами, скайбоксами и отражениями окружения. Claude Code CX Codex Cursor +1 1 000установок

Другие версии remotion

remotion официальный google-labs-code Собирает экраны проекта Stitch в ролик на Remotion с переходами, приближением и текстовыми подписями. Пригодится для демонстрации интерфейса по шагам. Claude Code CX Codex Cursor +1 41 300установок remotion vercel-labs Скилл превращает JSON-описания видеотайм-лайна в готовые видеокомпозиции через Remotion. Пригодится, если генерируешь видео программно или собираешь каталоги видеоклипов из данных. Claude Code CX Codex Cursor +1 1 700установок

Похожие

cookie-debugging ChromeDevTools Скилл для инспекции кук, сессий и ошибок аутентификации через Chrome DevTools MCP. Диагностирует 401/403, редиректы авторизации, проблемы с Set-Cookie и проверяет соответствие cookie consent. Claude Code CX Codex Cursor +1 856установок extract-design Manavarya09 Скилл анализирует сайт по URL и собирает его дизайн-систему в файлы для разработки и дизайна. Пригодится, когда нужно перенести цвета, шрифты и другие решения сайта в проект. Claude Code CX Codex Cursor +1 2 900установок ffmpeg digitalsamba Готовые команды FFmpeg для конвертации, сжатия, обрезки видео и подготовки ассетов к проектам на Remotion. Claude Code CX Codex Cursor +1 11 600установок react-native vercel-labs Скилл помогает собирать нативные React Native-интерфейсы из JSON-спецификаций. Пригодится для мобильных UI с состоянием, условиями видимости и действиями. Claude Code CX Codex Cursor +1 3 200установок uizze-ui UIZZE Направляет агента при вёрстке интерфейсов, исправлении сетки и проверке состояний экрана. Пригодится, когда нужно доработать дизайн компонентов без выдумывания логики бэкенда. Claude Code CX Codex Cursor +1 144 000установок ui tw93 Скилл помогает собирать и дорабатывать интерфейсы с выразительной визуальной системой и проверкой по скриншотам. Нужен для страниц, компонентов и типографики. Claude Code CX Codex Cursor +1 4 300установок frontend-design официальный anthropics Скилл задаёт осмысленное визуальное направление для новых интерфейсов и редизайна. Подойдёт, когда стандартный шаблонный UI не устраивает. Claude Code Claude.ai 1 025 790установок design-taste-frontend Leonxlnx Скилл задаёт арт-дирекцию для публичных страниц и рабочих экранов, а затем проверяет результат в браузере по скриншотам. Нужен, когда интерфейс выглядит шаблонным или недоработанным. Claude Code CX Codex Cursor +1 673 100установок

Вопросы о remotion

Как установить remotion в Claude Code?

Выполните команду npx skills add calesthio/OpenMontage --skill remotion -a claude-code. Конфигурация запишется в файл ~/.claude/skills/remotion/SKILL.md.

Зачем нужен этот скилл, если есть официальный Remotion?

Скилл содержит библиотеку переходов и компонентов из репозитория OpenMontage, а не базовое ядро фреймворка. Для стандартных хуков вроде useCurrentFrame авторы рекомендуют подключать remotion-official.

Какие технические ограничения задаёт этот набор правил?

Все сцены строятся строго под 30 кадров в секунду без использования CSS-анимаций. Для асинхронных данных требуется вызывать delayRender, а для сложных видеокомпозиций использовать OffthreadVideo.

Смотрите также

Спонсоры проекта

Компании, которые помогают держать аналитику открытой
Золотой спонсор AI-аналитика спроса на iGaming — индекс, тренды, конкуренты
Nutra.Club Закрытое сообщество Nutra-вертикали от команды M1

Показы, клики и копирования кода — открытая статистика. Мы держим цифры публичными по той же логике, что и сам NeBlask. Стать спонсором