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.

R3F v10 の外部 useFrame を使用して、Canvas の外側の UI 要素をレンダリング ループと同期します。 ソース: verekia/r3f-gamedev。

ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/verekia/r3f-gamedev --skill ui-useframe インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります

原文を見る