Communitygithub.com

DubeyDivyansh/opencut-studio

OpenCut Studioの必須エンジニアリングルール(Remotionフレーム演算、ハイブリッドローカル+Google Driveストレージ、WebCodecsエクスポート)

opencut-studio とは?

このスキルは、OpenCut StudioというAI動画編集エディタの開発・利用時にエージェント(Claude Code、Cursor、Codexなど)が厳守すべきエンジニアリングガードレールを定義します。第一に、Remotionエンジン内ではCSSアニメーションやタイマーを使わず、`useCurrentFrame()`と`interpolate()`または`spring()`による決定論的なフレーム演算のみを許可します。第二に、ストレージは`FileSystemDirectoryHandle`を用いたローカルファイル操作と、Google Driveクライアントによる永続化・デバイス間同期のハイブリッド方式を採用し、生のビデオデータはブラウザのストレージAPIに保存しません。第三に、すべてのAI機能(スタイル解析、フィードバック編集)は、Ollama URLやGoogle AI Studio APIキーが未設定でも動作する決定論的フォールバック実装を必須とします。これにより、開発者はオフライン環境でも全機能をテスト・利用可能です。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/DubeyDivyansh/opencut-studio/tree/HEAD/.antigravity/skills/video-engine-rules

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

OpenCut Studio — エージェントエンジニアリングガードレール

  1. 決定論的フレーム演算のみ:

    • src/remotion-engine/ 内では、CSS @keyframes、transition、requestAnimationFrame、setTimeout を絶対に使用しないでください。
    • 位置、スケール、不透明度、3D回転は常に const frame = useCurrentFrame() と const { fps } = useVideoConfig() から計算し、interpolate() または spring() を使用してください。
  2. ハイブリッドローカルスクラッチ+Google Driveストレージの規律:

    • 生の動画 ArrayBuffer ブロブを localStorage や IndexedDB に保存しないでください。
    • 編集中のアクティブな読み取りは localFsManager.ts(FileSystemDirectoryHandle)から直接行います。
    • 長期的な永続化とデバイス間同期には googleDriveClient.ts を使用します(メディアには uploadType=resumable、StyleDNAとEditPlanにはマルチパートJSON)。
  3. ゼロコストオフラインレジリエンス:

    • すべてのAI機能(styleAnalyzer.ts、feedbackCompiler.ts)には、Ollama URLやGoogle AI Studio APIキーを入力する前でもユーザーがすべての機能をテスト・利用できるように、決定論的なフォールバック実装を必ず含めてください。

関連スキル