riaz37/remotion-ui

RemotionUI

このスキルは、RemotionUI モノレポでの作業や、ユーザーが Remotion ビデオコンポーネントを追加するのを支援する際に使用します。

Remotion フレームワークのベストプラクティスについては、次の順序でお読みください：

1. skills/remotion/docs/INDEX.md — 公式 remotion.dev ドキュメントのミラー（pnpm docs:remotion で更新）
2. skills/remotion/remotion-best-practices/SKILL.md — Remotion スキル + 規約
3. skills/remotion/remotion-create/video-layout.md — レイアウトの重複を防ぐ

使用するタイミング

• レジストリコンポーネントの追加または作成
• remotion-ui CLI の操作
• コピー＆ペースト配布モデルの理解
• インストール時の Root.tsx または remotion.config.ts のパッチ適用

主要なパス

• レジストリソース：apps/web/registry/
• レジストリマニフェスト：apps/web/registry.json
• ビルド済みレジストリ：apps/web/public/r/
• CLI パッケージ：packages/remotion-ui/
• ユーザー設定：remotion-ui.json

コマンド

pnpm skills:sync             # Remotion スキルを同期し Codex を接続
pnpm registry:build          # レジストリ JSON をビルド
pnpm dev                     # ドキュメントサイトを起動
pnpm build                   # 全パッケージをビルド

リファレンスドキュメント

• CLI コマンド
• レジストリ作成
• コンポジションインストールルール
• RemotionUI プリセットタイミング

哲学

コンポーネントは npm パッケージとして公開しません。CLI（remotion-ui）のみが公開されます。ユーザーはソースファイルを自身のプロジェクトにコピーして使用します。