ui-useframe

SKILL.md

Sync UI elements outside the Canvas with the render loop using R3F v10's external useFrame.

Since React Three Fiber v10, useFrame can be used outside of the Canvas component. This allows updating DOM elements in sync with the 3D scene without using Drei's Html component.

Sync UI elements outside the Canvas with the render loop using R3F v10's external useFrame. Source: verekia/r3f-gamedev.

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/verekia/r3f-gamedev --skill ui-useframe Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor

View raw