원클릭으로 Manus에서 모든 스킬 실행

시작하기

remotion-video-creation

Name: Remotion Video Creation
Author: affaan-m

Remotion のベストプラクティス - React で動画を作成する。3D、アニメーション、音声、字幕、チャート、トランジションなどをカバーするドメイン固有の29のルール。

Manus에서 실행

Skill 메타데이터

스타205,476

포크31,533

업데이트2026년 5월 17일 06:31

SKILL.md

readonly

name	remotion-video-creation
description	Remotion のベストプラクティス - React で動画を作成する。3D、アニメーション、音声、字幕、チャート、トランジションなどをカバーするドメイン固有の29のルール。
metadata	{"tags":"remotion, video, react, animation, composition, three.js, lottie"}

使用場面

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 への動画埋め込み——トリミング、音量、速度、ループ、ピッチ

이 저장소의 다른 Skills

같은 저장소

react-patterns

affaan-m/ECC

React 18/19 patterns including hooks discipline, server/client component boundaries, Suspense + error boundaries, form actions, data fetching, state management decision trees, and accessibility-first composition. Use when writing or reviewing React components.

2026-05-28205.5k

react-performance

affaan-m/ECC

React and Next.js performance optimization patterns adapted from Vercel Engineering's React Best Practices (https://github.com/vercel-labs/agent-skills). Organizes 70+ rules across 8 priority categories — waterfalls, bundle size, server-side, client fetching, re-render, rendering, JS micro-perf, advanced. Use when writing, reviewing, or refactoring React/Next.js code for performance.

2026-05-28205.5k

react-testing

affaan-m/ECC

React component testing with React Testing Library, Vitest/Jest, MSW for network mocking, accessibility assertions with axe, and the decision boundary between component tests and Playwright/Cypress end-to-end runs. Use when writing or fixing tests for React components, hooks, or pages.

2026-05-28205.5k

social-publisher

affaan-m/ECC

Agent-driven scheduling and publishing of social media posts across 13 platforms via SocialClaw. Use when the user wants to publish to X, LinkedIn, Instagram, Facebook Pages, TikTok, Discord, Telegram, YouTube, Reddit, WordPress, or Pinterest — or when managing campaigns, uploading media, or monitoring post delivery status.

2026-05-25205.5k

marketing-campaign

affaan-m/ECC

End-to-end marketing campaign planning and execution. Covers audience research, positioning, campaign angle definition, landing page copy, email sequences, social posts, ad copy, short-form video scripts, and content calendars. Use as the orchestration layer for multi-channel product launches.

2026-05-25205.5k

frontend-a11y

affaan-m/ECC

Accessibility patterns for React and Next.js — semantic HTML, ARIA attributes, form labeling, keyboard navigation, focus management, and screen reader support. Use when building any interactive UI component or form.

2026-05-25205.5k

출처

affaan-m

affaan-m/ECC

GitHub 저장소 열기 Creator 저장소 보기

Install

Download

Manus에서 실행

유용한 대상SOC

웹 개발자컴퓨터 및 수학직15-1254L4

name	remotion-video-creation
description	Remotion のベストプラクティス - React で動画を作成する。3D、アニメーション、音声、字幕、チャート、トランジションなどをカバーするドメイン固有の29のルール。
metadata	{"tags":"remotion, video, react, animation, composition, three.js, lottie"}

使用場面

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 への動画埋め込み——トリミング、音量、速度、ループ、ピッチ