R3F Interaction
R3F Interaction allows you to easily control and manipulate Reality Three Framework (R3F) scenes via code, streamlining development and dynamic interactions.
Install on your platform
We auto-selected Claude Code based on this skill’s supported platforms.
Run in terminal (recommended)
claude mcp add r3f-interaction npx -- -y @trustedskills/r3f-interaction
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"r3f-interaction": {
"command": "npx",
"args": [
"-y",
"@trustedskills/r3f-interaction"
]
}
}
}Requires Claude Code (claude CLI). Run claude --version to verify your install.
About This Skill
What it does
The r3f-interaction skill enables AI agents to interact with and manipulate 3D scenes using React Three Fiber (R3F). It allows for dynamic control of 3D objects, including movement, rotation, scaling, and event handling within a web-based 3D environment.
When to use it
- When building interactive 3D applications or visualizations in the browser.
- For creating user interfaces that involve 3D elements such as product showcases or virtual tours.
- When developing games or simulations requiring real-time interaction with 3D models.
- To add hover, click, and drag interactions to 3D objects in a web application.
Key capabilities
- Support for React Three Fiber (R3F) integration
- Real-time manipulation of 3D objects
- Event handling for user interactions (e.g., clicks, drags)
- Dynamic updates to the 3D scene based on user input
Example prompts
- "Add a click event to rotate this cube when it's clicked."
- "Allow users to drag and drop 3D models into different positions in the scene."
- "Create an interactive 3D product viewer with zoom and rotation controls."
Tips & gotchas
- Ensure your environment has React and Three.js properly set up before using this skill.
- Interactions may require additional configuration for mobile or touch-based devices.
Tags
TrustedSkills Verification
Unlike other registries that point to live repositories, TrustedSkills pins every skill to a verified commit hash. This protects you from malicious updates — what you install today is exactly what was reviewed and verified.
Security Audits
| Gen Agent Trust Hub | Pass |
| Socket | Pass |
| Snyk | Pass |
🌐 Community
Passed automated security scans.