Now liveThe Skillselion MCP - thousands of ranked skills, loaded into your agent mid-task. No install.Get it →

remotion-dev/html-in-canvas

1 skill · 12 installs · 194 stars · GitHub

Install

npx skills add https://github.com/remotion-dev/html-in-canvas

Skills in this repo

1Remotion Best PracticesRemotion 3D best practices is an agent skill for solo builders shipping programmatic video who want real Three.js scenes inside Remotion. It tells your coding agent how to wire `@remotion/three`, size a `ThreeCanvas` to the composition, light meshes correctly, and keep every motion tied to `useCurrentFrame()` so server-side renders match the preview. Without those rules, 3D layers often flicker or drift between frames when Remotion encodes. The skill is narrow but critical: it does not teach general 3D art direction—it encodes the failure modes Remotion introduces when React Three Fiber meets frame-based rendering. Use it whenever you add spheres, models, or custom shaders to a Remotion timeline and want copy-paste-correct TSX patterns your agent can apply in one pass.12installs

Five minutes, every Monday - the tools, releases and tactics for developers.

unsubscribe anytime.