
@remotion-dev
開発、テスト、執筆領域をカバー、代表作は remotion-best-practices、web-renderer-test、writing-docs。
@remotion-dev のすべての Skill
remotion-best-practices
by @remotion-dev
Remotionコード領域の専門知識とベストプラクティスを提供します。特にキャプションや字幕を扱う際に、ユーザーが効率的に動画コンテンツを開発するのを支援します。
remotion-create
by @remotion-dev
このスキルは、新しいRemotionビデオプロジェクトを迅速にスキャフォールドし、マークアップ、インタラクティビティ、スタイリングのベストプラクティスを提供します。プロジェクト構造をセットアップし、ビデオ作成ワークフローをガイドするため、手動設定の時間を大幅に削減できます。
remotion-captions
by @remotion-dev
このSkillは、Remotionで字幕を扱うための完全なソリューションを提供します。音声や動画からの字幕生成、字幕表示、.srtファイルからのインポートが可能です。標準のJSON形式を使用し、時間同期、信頼度管理、レンダリングを簡素化し、開発者が高品質な字幕を素早く動画に統合できるようにします。
remotion-markup
by @remotion-dev
Remotion Markup記述のベストプラクティスガイドを提供。アニメーションプロパティ、シーケンス制御、メディアアセット参照、トランジションなどをカバー。CSSアニメーションの落とし穴を回避し、ビデオコンポーネントの正しいレンダリングとStudioのインタラクティブデバッグを可能にし、Remotionプロジェクトの開発効率を向上させます。
remotion-interactivity
by @remotion-dev
このスキルはRemotionアニメーションのインタラクティブ性に関するベストプラクティスを提供し、開発者がコンポーネントのインタラクションを迅速に実装し、エージェントが編集可能な状態を維持できるようにします。Remotion Studioでインタラクティブなビデオを作成する際に、開発効率とアニメーションの保守性を向上させます。
remotion-saas
by @remotion-dev
この Skill は Remotion を使ったビデオアプリ構築を支援し、Player の統合、レンダリングオプション(Lambda、Vercel、Node.js、Cloudflare)、Vue/Angular/Svelte のフレームワーク対応により、動画編集・生成 SaaS 製品を素早く開発できます。
remotion-docs
by @remotion-dev
Remotion のドキュメントを検索・取得し、開発者が手動でサイトを閲覧せずに API リファレンスやベストプラクティス、設定ガイドを素早く見つけられるようにします。Algolia 検索と .md サフィックスで Markdown ソースを直接取得し、調査時間を節約します。
remotion-upgrade
by @remotion-dev
このSkillは、Remotionプロジェクトとその関連パッケージ、互換性のあるMediabunnyパッケージ、インストール済みのRemotion Agent Skillsを一括でアップグレードします。パッケージマネージャーを自動検出し、ローカルCLIの有無を確認、最新安定版を取得してアップグレードを実行し、全てのバージョンが統一され互換性があることを保証します。Remotionプロジェクトを迅速かつ安全にアップグレードしたい開発者に最適です。
remotion-multimedia
by @remotion-dev
このSkillはMediabunnyマルチメディアライブラリへの便利なアクセスを提供し、開発者が音声の長さ、動画のサイズ、動画の長さなどのメタデータを迅速に取得できるようにします。ブラウザ環境で音声・動画ファイルを手動でフォーマット解析することなく処理するのに最適で、マルチメディア処理の効率を向上させます。
remotion-maps
by @remotion-dev
このスキルはRemotionでの地図アニメーションを効率的に作成し、Mapbox、MapLibre、MapTiler、CesiumJSなどの様々な地図サービスや静止衛星画像をサポートします。データ可視化や旅行動画、地理空間ストーリーテリングに最適で、開発時間を大幅に短縮します。
remotion-studio
by @remotion-dev
この Skill は、Remotion ビデオプロジェクトをすばやくプレビューできます。コマンドを実行すると、Studio 開発サーバーが起動し、ブラウザでプレビューが自動的に開きます。手動でのポート設定や URL 検索は不要です。アニメーター、ビデオ編集者、フロントエンド開発者に最適で、ビデオコード編集時に即座に結果を確認でき、プレビュー起動時間を大幅に短縮します。
mediabunny
by @remotion-dev
この Skill は Mediabunny ライブラリを使用してブラウザで音声や動画のマルチメディアファイルを処理し、音声の長さ、動画のサイズや長さを取得する操作をサポートします。フロントエンドのマルチメディア開発、動画編集、音声処理に適しており、開発効率を大幅に向上させます。
web-renderer-test
by @remotion-dev
Vitestフレームワークを使用してWebレンダラーのビジュアルスナップショットテストを実行し、レンダリングの一貫性を確保し、フロントエンドコンポーネントの回帰テストに使用します。
writing-docs
by @remotion-dev
Remotionドキュメントを作成し、新しい.mdxファイルの作成方法とドキュメント構造への追加方法を指導し、ドキュメントの標準化を確保します。
video-report
by @remotion-dev
ビデオ再生の障害報告を処理し、ビデオをダウンロードしてソースファイルを更新した後、Remotionを実行して処理します。
add-sfx
by @remotion-dev
この Skill は、`@remotion/sfx` ライブラリに新しい効果音を追加する複雑なプロセスを簡素化します。開発者が効果音ファイルの準備、コード統合、ドキュメント生成、バージョン更新といった一連のステップをガイドし、効果音がフォーマット、ライセンス、命名規則に準拠していることを保証することで、Remotion プロジェクトの音響リソースを効率的に拡張します。
docs-demo
by @remotion-dev
Remotionドキュメントにインタラクティブなコンポーネントデモを埋め込み、リアルタイムプレビューと再生制御をサポートし、ユーザーがAPIの使用法を直感的に理解できるようにします。
add-expert
by @remotion-dev
この Skill は、Remotion のエキスパートページに新しいエキスパートを追加するプロセスを自動化します。画像アップロード、構造化データ入力(名前、ソーシャルリンク、説明など)、およびエキスパートカードの自動生成を処理し、コンテンツの一貫性を確保し、手動エラーを削減します。この Skill を使用することで、ユーザーはコードベースの詳細な知識なしにエキスパートリストを効率的に更新でき、コンテンツ公開とウェブサイトのメンテナンスを加速します。
make-pr
by @remotion-dev
ブランチ管理、コードフォーマット(Oxfmt使用)、標準化されたコミットを含むPR作成ワークフローを自動化し、コード品質とコラボレーション効率を確保します。