Menu
Optimize Remotion Studio render performance by preferring imperative timeline state reads. Use when code reads the current frame with `useTimelinePosition()` or components unnecessarily render on every frame.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
Update Remotion homepage GitHub star counts. Use when asked to refresh the displayed GitHub star count and push the change to main.
Finalize a developed Remotion Element, add it to the docs gallery, render its previews, and run repository checks.
Scaffold a new Remotion Element with a correctly configured preview composition for development in the docs Remotion Studio.
Router for all Remotion skills
Content, animation and effects best practices
Diagnose and fix Remotion Studio UI bugs caused by the global CSS reset. Use when nested text or SVG icons have incorrect color, typography, sizing, hover states, or truncation in packages/studio.
| name | studio-perf |
| description | Optimize Remotion Studio render performance by preferring imperative timeline state reads. Use when code reads the current frame with `useTimelinePosition()` or components unnecessarily render on every frame. |
Prefer imperative timeline state reads such as getCurrentFrame() over
Internals.Timeline.useTimelinePosition(). Use the hook only when the component
must render whenever the frame changes.
