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 構成のパフォーマンスの問題を分析し、最適化に関する推奨事項を提供します。高価な計算、不必要な再レンダリング、大規模なアセット、メモ化の機会、アーキテクチャの改善を特定します。レンダリング時間を最適化する場合、または「パフォーマンスの向上」、「レンダリングの高速化」、「リモート ビデオの最適化」を求められた場合に使用します。 ソース: ncklrs/startup-os-skills。

原文を見る