remocn — плагин
Плагин для Claude Code и Codex собирает видео в Remotion из готовых компонентов: анимации, переходы, фоны и шаблоны сцен
- 1 701 ★ репозитория
- Последний коммит
- MIT
Расширенный доступ
Почему такой уровень
- Скилл запускает npx shadcn add и копирует исходники в проект, а при первом запуске правит components.json
- Плагин обращается к сайту remocn.dev: читает каталог и подключает удаленный MCP-сервер
- Агент запускает рендер и проверку типов, что занимает процессор и время
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add plugins/remocnОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Скилл запускает npx shadcn add и копирует исходники в проект, а при первом запуске правит components.json
- Плагин обращается к сайту remocn.dev: читает каталог и подключает удаленный MCP-сервер
- Агент запускает рендер и проверку типов, что занимает процессор и время
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
remocn — плагин и набор скиллов для видео на Remotion. Он ведет агента от задачи до готового проекта: бриф, раскадровка, установка нужных компонентов, сборка сцен и проверка кадров глазами. Для этого в плагине есть команда /remocn:video, скиллы `add`, `changelog`, `studio` и основной `remocn`, а также два субагента, `video-director` и `scene-reviewer`. Компоненты берутся из реестра для shadcn: около 240 анимаций, переходов, фонов, подписей и интерфейсных элементов. Код копируется в проект в папку components/remocn, поэтому его можно править как свой. Копии каталога в скилле нет: актуальный список он читает по адресу remocn.dev/llms-components.txt, а страницы отдельных компонентов — в формате .md. Скилл `add` ставит один компонент и показывает, как вставить его в Sequence с нужной длиной. Скилл `changelog` собирает изменения из тегов, коммитов или влитых запросов на слияние и делает из них короткое видео о релизе. Готовый проект можно открыть в Remocn Studio, бесплатном приложении для macOS, где агент собирает видео, пока вы смотрите живой предпросмотр.
Для кого. Разработчикам и основателям продуктов, которым нужен ролик с демо или видео о релизе, а монтировать вручную некогда.
Подходит, если
- К релизу нужно видео с перечнем изменений, а собрать его из коммитов и тегов вручную долго
- В проекте на Remotion не хватает перехода или анимированного заголовка, и писать их с нуля не хочется
- Демо продукта надо показать за вечер: от брифа и раскадровки до проверенного рендера
- Агент пишет видео на Remotion, но кадры выходят сырыми, и нужен ревьюер сцен
Не подходит, если
- Вопрос касается самого Remotion: `interpolate`, `spring`, рендер и конфигурация относятся к скиллам Remotion
- Нужен монтаж готовой съемки: компоненты рисуют анимацию кодом и видеофайлы не режут
- В проекте нет Remotion и ставить его не планируется
- Сеть закрыта: скилл читает каталог компонентов на сайте remocn.dev
Пример запроса к агенту
Сделай 20-секундное видео о релизе 2.3 нашего проекта: возьми изменения из тегов, покажи раскадровку и дождись моего ответаОграничения
Версия плагина в манифесте 0.1.1, проект молодой, а набор компонентов и страницы документации меняются. Каталог скилл читает с сайта remocn.dev, без доступа к нему подбор компонентов не работает. Требуется заранее настроенный проект Remotion; при первом запуске скрипт setup.mjs добавляет реестр @remocn в components.json. Плагин подключает удаленный MCP-сервер по адресу remocn.dev/mcp. Remocn Studio вынесен в отдельное приложение для macOS.
Как отключить. Удалите плагин командой /plugin uninstall remocn в Claude Code или уберите скилл из .claude/skills или .agents/skills. Уже скопированные компоненты лежат в components/remocn вашего проекта, их удаляйте вручную.
Частые вопросы
Как поставить remocn в Claude Code?
Выполните /plugin install remocn --marketplace Remocn/remocn. Для Codex команды другие: codex plugin marketplace add Remocn/remocn, затем codex plugin add remocn@remocn. Один скилл без плагина ставится через npx skills add Remocn/remocn.
Нужен ли Remotion заранее?
Да. Remotion нужен до установки компонентов; если проекта нет, README советует создать его командой npx create-video@latest. Компоненты потом добавляются в этот проект через shadcn.
Компоненты ставятся как зависимость?
Нет, код копируется в проект, в папку components/remocn. Его можно менять без форка библиотеки. Дополнительные зависимости компонентов подтягиваются при установке.
Что такое Remocn Studio?
Бесплатное приложение с открытым кодом для macOS. Ваш агент (Claude Code, Codex, GitHub Copilot или Grok) собирает в нем видео из компонентов remocn, а вы смотрите живой предпросмотр. Плагин умеет передать готовый проект в Studio.
Где плагин берет список компонентов?
На сайте remocn.dev, по адресу remocn.dev/llms-components.txt. Для каждого компонента там указано, когда его брать, когда нет, длина анимации и зависимости. Без доступа к сайту скилл подобрать компонент не сможет.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
ПлагиныОдин запрос превращается в готовый MP4: озвучка, музыка, сток-видео, ИИ-клипы, субтитры и ревью на Remotion
Официальный плагин Remotion для Claude Code: скиллы по созданию видео на React, субтитрам, картам и рендеру.
Скиллы Remotion
Remotion Agent Skills
Официальные скиллы Remotion для создания видео на React: композиции, анимации, субтитры, карты и рендер
Библиотека анимаций для Remotion с MCP-сервером и CLI: агент ищет готовые элементы и забирает их в проект по одному.
Агент монтирует ролик кодом на Remotion: голос, музыка, звук и обязательный замер кадров перед сдачей работы
Скилл и конвейер на Remotion: агент изучает ваш продукт и собирает демо-ролик кодом на React, без записи экрана
Сравнение с похожими
Карточки с тем же главным запросом: чем они отличаются.
| Инструмент | Официальный | Звезды репозитория | Главное отличие |
|---|---|---|---|
| remocn (эта карточка) | нет | 1 701 | |
| Скиллы Remotion | нет | 6 903 | официальные скиллы Remotion объясняют API и рендер, а remocn дает готовые компоненты и процесс сборки ролика |
| HyperFrames | нет | 83 283 | строит видео из React-компонентов Remotion, у HyperFrames основа HTML-страницы |
Коротко о README
Проект описан как библиотека копируемых компонентов для видео в Remotion: вместо готовых затуханий, шторок и кинетических титров пишется одна команда установки. Раздел о работе с ИИ советует вставить агенту готовый запрос, который создает проект и ставит скилл. Отдельная глава посвящена плагину для Claude Code и Codex с процессом от брифа до визуальной проверки.