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); };

Analysiert Remotion-Kompositionen auf Leistungsprobleme und gibt Optimierungsempfehlungen. Identifiziert teure Berechnungen, unnötige erneute Renderings, große Assets, Memoisierungsmöglichkeiten und Architekturverbesserungen. Verwenden Sie diese Option, wenn Sie die Renderzeiten optimieren oder wenn Sie gefragt werden, ob Sie „Leistung verbessern“, „Rendern beschleunigen“ oder „Remotion-Video optimieren“ möchten. Quelle: ncklrs/startup-os-skills.

Original anzeigen