Communityコーディング&開発github.com

enzed/r3f-interaction

React Three Fiber のインタラクション - ポインターイベント、コントロール、ジェスチャー、選択。ユーザー入力の処理、クリック検出の実装、カメラコントロールの追加、またはインタラクティブな 3D 体験の作成に使用します。

r3f-interaction とは?

このスキルは、React Three Fiber(R3F)アプリケーションにおけるユーザーインタラクションの実装を支援します。R3F は、React のコンポーネントベースのアプローチで Three.js を利用するためのライブラリであり、このスキルはその中でも特に、ポインターイベント(クリック、ホバー)、カメラコントロール(OrbitControls など)、ドラッグ&ドロップやピンチなどのジェスチャー、および 3D オブジェクトの選択といったインタラクティブな機能に焦点を当てています。開発者は、このスキルを利用することで、直感的な API を用いてユーザー入力に反応するリッチな 3D 体験を迅速に構築できます。主に Cursor や Codex などの AI エージェント向けに設計されており、SKILL.md に記載されたドキュメントに基づいて、具体的な実装例やベストプラクティスを提供します。

対応~Claude Code~Codex CLI~Cursor
Part ofReact
npx skills add https://github.com/enzed/r3f-skills/tree/main/skills/r3f-interaction

Installed? Explore more コーディング&開発 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

r3f-interaction は何をしますか?

React Three Fiber のインタラクション - ポインターイベント、コントロール、ジェスチャー、選択。ユーザー入力の処理、クリック検出の実装、カメラコントロールの追加、またはインタラクティブな 3D 体験の作成に使用します。

関連スキル