remotion-performance-optimizer

SKILL.md

Comprehensive performance analysis and optimization recommendations for Remotion video compositions. Identifies bottlenecks and provides actionable fixes to reduce render times.

// ❌ PROBLEM: Math.random() called 70 times per frame {Array.from({ length: 70 }, (, i) => { const x = Math.random() width; // Recalculated every frame! const y = Math.random() height; // Non-deterministic const speed = Math.random() 2;

// ✅ OPTIMIZED: Seeded random, deterministic const seededRandom = (seed: number): number => { const x = Math.sin(seed) 10000; return x - Math.floor(x); };

성능 문제에 대한 Remotion 구성을 분석하고 최적화 권장 사항을 제공합니다. 비용이 많이 드는 계산, 불필요한 재렌더링, 대규모 자산, 메모화 기회 및 아키텍처 개선을 식별합니다. 렌더링 시간을 최적화하거나 "성능 향상", "렌더링 속도 향상", "Remotion 비디오 최적화"를 요청하는 경우에 사용합니다. 출처: ncklrs/startup-os-skills.

원본 보기