remotion-video-creation

affaan-m/ECC · Agent Skill

Предоставляет 29 правил для создания видео в React с использованием Remotion, включая 3D, анимацию, аудио и субтитры.

Обзор

Автор	affaan-mСообщество
Репозиторий	affaan-m/ECC ↗
Папка скилла	`remotion-video-creation`
Звёзды	257 550
Форки	38 524
Файлы	1
Лицензия	MIT
Обновлён	12 сентября 2026 г.
Ссылки	Исходник скилла ↗ · Репозиторий ↗

Проверка Mozgi

Что мы нашли в файлах скилла. Подробности — по подписке.

Безопасность

низкий риск · явных рисков не найдено — полный отчёт покажет детали

Совместимость

только инструкции — подходит большинству агентов

Похожие скиллы

найдено 72 похожих скилла

Ещё в подписке

Установка

Скилл — это папка с файлом SKILL.md. Выберите своего агента и скопируйте команды в терминал (macOS, Linux или Git Bash на Windows) в корне проекта.

Скопируйте промпт и вставьте в Claude, Codex или другого ассистента: он сам проверит скилл и подключит его.

Установи мне скилл «remotion-video-creation» с mozgi.io (https://mozgi.io/skills/remotion-video-creation/).

1. Скачай архив: https://mozgi.io/skills/remotion-video-creation/download
Если не скачивается — возьми папку скилла из исходника: https://github.com/affaan-m/ECC/tree/main/docs/ja-JP/skills/remotion-video-creation
2. Прочитай SKILL.md и остальные файлы. Проверь, что скилл безопасен: нет скрытых команд, отправки данных наружу или скриптов, которые делают не то, что описано. Если что-то подозрительно — остановись и скажи мне.
3. Положи папку «remotion-video-creation» в папку скиллов своего агента: .claude/skills/ для Claude Code, .agents/skills/ для Codex, .cursor/skills/ для Cursor, .gemini/skills/ для Gemini CLI. В проекте — внутри проекта, иначе в домашней папке (~/.claude/skills/ и т. п.).
4. Убедись, что получилось <папка скиллов>/remotion-video-creation/SKILL.md.
5. Коротко расскажи, что умеет этот скилл, и предложи попробовать его на моей задаче.

Если какой-то шаг не можешь сделать сам — подскажи, что нажать или ввести.

git clone --depth 1 --branch main https://github.com/affaan-m/ECC.git /tmp/ECC
mkdir -p .claude/skills
cp -r /tmp/ECC/docs/ja-JP/skills/remotion-video-creation .claude/skills/remotion-video-creation

Перезапустите Claude Code — скилл появится в списке, вызвать вручную: /remotion-video-creation. Для всех проектов сразу — папка ~/.claude/skills.

git clone --depth 1 --branch main https://github.com/affaan-m/ECC.git /tmp/ECC
mkdir -p .agents/skills
cp -r /tmp/ECC/docs/ja-JP/skills/remotion-video-creation .agents/skills/remotion-video-creation

Codex ищет скиллы в .agents/skills от текущей папки до корня репозитория; вызвать вручную — /skills или $remotion-video-creation. Для всех проектов — ~/.agents/skills.

git clone --depth 1 --branch main https://github.com/affaan-m/ECC.git /tmp/ECC
mkdir -p .cursor/skills
cp -r /tmp/ECC/docs/ja-JP/skills/remotion-video-creation .cursor/skills/remotion-video-creation

Cursor подхватит скилл при запуске; вызвать вручную — «/» в чате агента. Cursor также читает .claude/skills и .agents/skills. Для всех проектов — ~/.cursor/skills.

git clone --depth 1 --branch main https://github.com/affaan-m/ECC.git /tmp/ECC
mkdir -p .gemini/skills
cp -r /tmp/ECC/docs/ja-JP/skills/remotion-video-creation .gemini/skills/remotion-video-creation

Gemini CLI сам предложит включить скилл, когда задача подходит, — вы подтверждаете. Для всех проектов — ~/.gemini/skills.

Файлы скилла

1 файл Скачать ZIP

Просмотрите SKILL.md и сопутствующие файлы перед установкой. Клик по файлу — предпросмотр.

Содержимое SKILL.md

Оригинальный текст автора · только чтение

使用場面

Remotion のコードを扱い、ドメイン固有の知識が必要な場合にこのスキルを使用してください。

使い方

詳細な説明とコード例については、各ルールファイルをお読みください：

rules/3d.md ↗ - Three.js と React Three Fiber を使用して Remotion で 3D コンテンツを作成する
rules/animations.md ↗ - Remotion の基本的なアニメーションスキル
rules/assets.md ↗ - Remotion で画像、動画、音声、フォントをインポートする
rules/audio.md ↗ - Remotion での音声とサウンドの使用——インポート、トリミング、音量、速度、ピッチ
rules/calculate-metadata.md ↗ - コンポジションの長さ、サイズ、プロパティを動的に設定する
rules/can-decode.md ↗ - Mediabunny を使用してブラウザが動画をデコードできるか確認する
rules/charts.md ↗ - Remotion のチャートとデータビジュアライゼーションパターン
rules/compositions.md ↗ - コンポジション、静止画、フォルダー、デフォルトプロパティ、動的メタデータの定義
rules/display-captions.md ↗ - TikTok スタイルのページと単語ハイライトに対応した Remotion での字幕表示
rules/extract-frames.md ↗ - Mediabunny を使用して指定タイムスタンプの動画フレームを抽出する
rules/fonts.md ↗ - Remotion で Google フォントとローカルフォントを読み込む
rules/get-audio-duration.md ↗ - Mediabunny を使用して音声ファイルの長さ（秒）を取得する
rules/get-video-dimensions.md ↗ - Mediabunny を使用して動画ファイルの幅と高さを取得する
rules/get-video-duration.md ↗ - Mediabunny を使用して動画ファイルの長さ（秒）を取得する
rules/gifs.md ↗ - Remotion のタイムラインと同期した GIF を表示する
rules/images.md ↗ - Img コンポーネントを使用して Remotion に画像を埋め込む
rules/import-srt-captions.md ↗ - @remotion/captions を使用して .srt 字幕ファイルを Remotion にインポートする
rules/lottie.md ↗ - Remotion に Lottie アニメーションを埋め込む
rules/measuring-dom-nodes.md ↗ - Remotion で DOM 要素のサイズを測定する
rules/measuring-text.md ↗ - テキストサイズの測定、コンテナへのテキスト適合、オーバーフローの確認
rules/sequencing.md ↗ - Remotion のシーケンスパターン——遅延、トリミング、項目の長さ制限
rules/tailwind.md ↗ - Remotion で TailwindCSS を使用する
rules/text-animations.md ↗ - Remotion のタイポグラフィとテキストアニメーションパターン
rules/timing.md ↗ - Remotion の補間曲線——線形、イージング、スプリングアニメーション
rules/transcribe-captions.md ↗ - Remotion で字幕を生成するための音声文字起こし
rules/transitions.md ↗ - Remotion のシーントランジションパターン
rules/trimming.md ↗ - Remotion のトリミングパターン——アニメーションの最初または最後をトリミングする
rules/videos.md ↗ - Remotion への動画埋め込み——トリミング、音量、速度、ループ、ピッチ

Вопросы и ответы

Что делает скилл remotion-video-creation?

Предоставляет 29 правил для создания видео в React с использованием Remotion, включая 3D, анимацию, аудио и субтитры.

Как установить remotion-video-creation?

Откройте блок «Установка» на этой странице и выберите своего агента — Claude Code, Codex, Cursor или Gemini CLI: там готовые команды, которые копируют папку скилла в нужное место. Либо скопируйте промпт из вкладки «Через ассистента» — ассистент сам проверит и подключит скилл.

С какими нейросетями работает remotion-video-creation?

Скиллы — это обычные инструкции в Markdown (формат Agent Skills), поэтому remotion-video-creation подходит любому агенту, который читает SKILL.md: Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode и другие. Модель загружает инструкции только когда задача подходит под описание скилла.

Скилл remotion-video-creation бесплатный?

Скилл опубликован автором affaan-m в открытом доступе под лицензией MIT. Сам скилл ничего не стоит — вы платите только своему провайдеру нейросети за использованные токены.

Безопасно ли устанавливать скиллы?

Скилл — это инструкции, которые агент будет выполнять, поэтому перед установкой прочитайте SKILL.md и сопутствующие файлы. Скрипты из папки скилла запускаются только если их запустит агент — следите за тем, что он делает, и не давайте лишних прав.

Чем скилл отличается от MCP-сервера или плагина?

MCP-сервер и плагин дают модели новые инструменты — код, который выполняется и возвращает результат. Скилл даёт знания и порядок действий: как подходить к задаче, какие шаги делать и как выглядит хороший результат. Ему не нужен сервер или ключ API.