React Three Fiber (R3F)

React Three Fiber (R3F) と drei を使って Web に 3D 演出（ヒーロー3D、3Dモデル、アブストラクト背景、WebGL シェーダー）を実装するスキル。「R3F」「React Three Fiber」「3D入れて」「ヒーロー3D」「3Dモデル」「Three.js」「@react-three/fiber」「@react-three/drei」「WebGL」「3D演出」「3Dシーン」「立体的なヒーロー」「GLTFモデル読み込み」「3Dカード」「シェーダー」などと言われたら必ずこのスキルを使うこと。React/Next.js プロジェクト前提。Suspense・モバイルフォールバック・パフォーマンス最適化のベストプラクティスを含む。