Skills: Optimize Studio timeline keyframe rendering

[JonnyBurger]

Summary

• memoize the timeline easing line visual to avoid unchanged child renders
• read the current frame imperatively when constructing temporary drag keyframes
• stop rebuilding expanded keyframe rows and selectable timeline items on every playback frame
• replace interaction-only frame subscriptions in keyframe deletion, outline dragging, timeline shortcuts, clipboard handling, and asset drops
• add the internal /studio-perf skill documenting when timeline position reads can safely be imperative

Validation

• 23 focused Studio tests covering keyframes, easing selection, splitting, and clipboard data
• bunx turbo run make lint --filter=@remotion/studio
• bun run build
• bun run stylecheck
• /studio-perf skill validation

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
bugs	Ready	Preview	Aug 2, 2026 8:52am
remotion	Ready	Preview	Aug 2, 2026 8:52am

[pullfrog]

✅ No new issues found.

Reviewed changes one optimization pass across the timeline rendering pipeline:

• Memoized TimelineKeyframeEasingLineVisual — wraps the simple presentational component in React.memo to skip re-renders when its selected prop hasn't changed.
• Replaced reactive useTimelinePosition() with imperative getCurrentFrame() in selectableItems (TimelineSelectableItemsProvider) and nodeKeyframes (useExpandedTrackKeyframeRows) — removes the playback-position dependency from two useMemo blocks that were previously recomputing on every frame change during playback.

  ^{｜ View workflow run ｜ Using DeepSeek Pro (free via Pullfrog for OSS) (Claude Opus not used — the program covers this model; add its provider key to run your pick) ｜ 𝕏}