React Three Fiber Animation
Skill ยืนยันแล้วReact Three Fiber animation - useFrame, useAnimations, spring physics, keyframes. Use when animating objects, playing GLTF animations, creating procedural motion, or implementing physics-based movement.
This skill focuses on animating objects within React Three Fiber applications. It demonstrates the use of core hooks like `useFrame` and `useAnimations`, integrates with physics libraries via spring animations, and covers procedural motion patterns and helper components from Drei. The examples showcase how to manipulate object properties, play GLTF animations, and manage animation state efficiently.
Maintenance
- warning:Commit recencyThere are no commit records available for this skill, making it impossible to assess its recency and potential maintenance status.
Trust
- warning:Issues AttentionNo issue data is available (0 opened, 0 closed), making it impossible to assess maintainer engagement.
Versioning
- warning:Release ManagementNo version information is present in the manifest files or the repository, and installation instructions reference 'HEAD' (main branch).
Practical Utility
- info:Edge casesThe skill covers various animation techniques but does not explicitly document failure modes or recovery paths for edge cases.
การติดตั้ง
npx skills add enzed/r3f-skillsเรียกใช้ Vercel skills CLI (skills.sh) ผ่าน npx — ต้องติดตั้ง Node.js ในเครื่อง และมี agent ที่รองรับ skills อย่างน้อยหนึ่งตัว (Claude Code, Cursor, Codex, …) ทั้งนี้สมมติว่า repo ใช้รูปแบบ agentskills.io
ส่วนขยายที่คล้ายกัน
React Three Fiber Physics (Rapier)
95React Three Fiber physics with Rapier - RigidBody, colliders, forces, joints, sensors. Use when adding physics simulation, collision detection, character controllers, or creating interactive physics-based experiences.
React Three Fiber Textures
85React Three Fiber textures - useTexture, texture loading, environment maps, texture configuration. Use when loading images, working with PBR texture sets, cubemaps, HDR environments, or optimizing texture usage.
ESLint Plugin React Hooks
99ESLint rules for React Hooks
React Three Fiber Post-Processing
98React Three Fiber post-processing - @react-three/postprocessing, bloom, DOF, screen effects. Use when adding visual effects, color grading, blur, glow, or creating custom screen-space shaders.
React PWA
98Extension from jwynia/agent-skills
React Three Fiber Geometry
90React Three Fiber geometry - built-in shapes, BufferGeometry, instancing with Drei. Use when creating 3D shapes, custom meshes, point clouds, lines, or optimizing with instanced rendering.