Communitygithub.com

DubeyDivyansh/opencut-studio

OpenCut Studio의 엔지니어링 규칙 (Remotion 프레임 수학, 하이브리드 로컬 + Google Drive 스토리지, WebCodecs 내보내기)

opencut-studio란 무엇인가요?

이 스킬은 OpenCut Studio라는 AI 기반 비디오 편집 애플리케이션을 개발할 때 반드시 따라야 할 엔지니어링 가드레일을 정의합니다. 주된 목적은 Remotion 엔진을 사용한 결정론적 프레임 수학, 하이브리드 로컬 + Google Drive 스토리지 규율, 그리고 WebCodecs 기반 내보내기 파이프라인을 강제하는 것입니다. 이 스킬은 개발자가 비디오 편집 과정에서 비결정적 동작(예: CSS 애니메이션, setTimeout)을 사용하지 못하도록 방지하고, 항상 `useCurrentFrame()`과 `interpolate()` 같은 Remotion API를 사용하도록 합니다. 또한, 데이터 저장소는 로컬 파일 시스템과 Google Drive를 혼합하여 사용하며, 오프라인 상태에서도 모든 AI 기능이 동작할 수 있도록 결정론적 폴백(fallback) 구현을 요구합니다. Claude Code, Cursor, Codex, Windsurf, Cline 등 다양한 AI 에이전트 플랫폼에서 사용할 수 있습니다.

지원 대상~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을 절대 사용하지 마십시오.
    • 항상 const frame = useCurrentFrame()과 const { fps } = useVideoConfig()를 사용하여 위치, 크기, 불투명도 및 3D 회전을 계산하고 interpolate() 또는 spring()을 사용하십시오.
  2. 하이브리드 로컬 스크래치 + Google Drive 스토리지 규율:

    • 원시 비디오 ArrayBuffer blob을 localStorage 또는 IndexedDB에 저장하지 마십시오.
    • 활성 편집은 localFsManager.ts(FileSystemDirectoryHandle)에서 직접 읽습니다.
    • 장기 저장 및 기기 간 동기화는 googleDriveClient.ts를 사용합니다(미디어는 uploadType=resumable, StyleDNA 및 EditPlan은 multipart JSON).
  3. 비용 없는 오프라인 복원력:

    • 모든 AI 기능(styleAnalyzer.ts, feedbackCompiler.ts)에는 반드시 결정론적 폴백 구현이 포함되어야 하며, 사용자가 Ollama URL 또는 Google AI Studio API 키를 입력하기 전에도 모든 기능을 테스트하고 사용할 수 있어야 합니다.

관련 스킬