react-three-fiber
Build declarative 3D scenes with React Three Fiber (R3F) - a React renderer for Three.js.
Skill by feliksness
Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/feliksness-react-three-fiber
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: frontend, data
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions: not checked yet.
What's inside
- Skill name
react-three-fiber- Description
- Build declarative 3D scenes with React Three Fiber (R3F) - a React renderer for Three.js. Use when building interactive 3D experiences in React applications with component-based architecture, state management, and reusable abstractions. Ideal for product configurators, portfolios, games, data visualization, and immersive web experiences.
- License
- unknown
- Instructions
- 1,076 lines in SKILL.md · view on GitHub
Before installing
- Ships executable scripts
Agent Skills spec issues
- body: 1076 lines (spec recommends under 500)
- files: referenced but missing: references/hooks_guide.md, references/drei_helpers.md
Files (14)
- SKILL.md
- README.md · assets/examples/
- README.md · assets/starter_r3f/
- index.html · assets/starter_r3f/
- package.json · assets/starter_r3f/
- App.jsx · assets/starter_r3f/src/
- Experience.jsx · assets/starter_r3f/src/
- Box.jsx · assets/starter_r3f/src/components/
- Sphere.jsx · assets/starter_r3f/src/components/
- main.jsx · assets/starter_r3f/src/
- vite.config.js · assets/starter_r3f/
- api_reference.md · references/
- component_generator.py · scripts/
- scene_setup.py · scripts/
The license isn't open source, so the instructions aren't shown here. Read SKILL.md on GitHub
More from feliksness/Quartzite-Prompt-Library
- 0.587score
react-spring-physics
feliksness
Physics-based animation library combining React Spring (spring dynamics, gesture integration, 60fps animations) and Popmotion (low-level composable animation…
SkillAFreshness: A★ 1Claude Code +9 - 0.587score
locomotive-scroll
feliksness
Comprehensive skill for Locomotive Scroll smooth scrolling library with parallax effects, viewport detection, and scroll-driven animations.
SkillAFreshness: A★ 1Claude Code +9 - 0.578score
animejs
feliksness
Versatile JavaScript animation engine for DOM, CSS, SVG, and JavaScript objects.
SkillAFreshness: A★ 1Claude Code +9 - 0.578score
babylonjs-engine
feliksness
Comprehensive skill for Babylon.js 3D web rendering engine.
SkillAFreshness: A★ 1Claude Code +9 - 0.578score
barba-js
feliksness
Page transitions library for creating fluid, smooth transitions between website pages.
SkillAFreshness: A★ 1Claude Code +9 - 0.578score
gsap-scrolltrigger
feliksness
Comprehensive skill for GSAP (GreenSock Animation Platform) and ScrollTrigger plugin.
SkillAFreshness: A★ 1Claude Code +9 - 0.578score
lightweight-3d-effects
feliksness
Lightweight 3D effects for decorative elements and micro-interactions using Zdog, Vanta.js, and Vanilla-Tilt.js.
SkillAFreshness: A★ 1Claude Code +9 - 0.578score
lottie-animations
feliksness
After Effects animation rendering for web and React applications.
SkillAFreshness: A★ 1Claude Code +9 - 0.578score
modern-web-design
feliksness
Modern web design trends, principles, and implementation patterns for 2024-2025.
SkillAFreshness: A★ 1Claude Code +9 - 0.578score
pixijs-2d
feliksness
Fast, lightweight 2D rendering engine for creating interactive graphics, particle effects, and canvas-based applications using WebGL/WebGPU.
SkillAFreshness: A★ 1Claude Code +9 - 0.578score
playcanvas-engine
feliksness
Lightweight WebGL/WebGPU game engine with entity-component architecture and visual editor integration.
SkillAFreshness: A★ 1Claude Code +9 - 0.578score
spline-interactive
feliksness
Browser-based 3D design tool with visual editor, animation, and web export.
SkillAFreshness: A★ 1Claude Code +9
Signals
- Stars
- 1
- Forks
- 0
- Open issues
- 0
- Last commit (this folder)
- Oct 3, 2026 (25 days ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- License unknown
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
Same skill elsewhere
Copies of this SKILL.md published by others; search shows only one of them.
More from feliksness
- 0.587score
locomotive-scroll
feliksness
Comprehensive skill for Locomotive Scroll smooth scrolling library with parallax effects, viewport detection, and scroll-driven animations.
SkillAFreshness: A★ 1Claude Code +9 - 0.587score
react-spring-physics
feliksness
Physics-based animation library combining React Spring (spring dynamics, gesture integration, 60fps animations) and Popmotion (low-level composable animation…
SkillAFreshness: A★ 1Claude Code +9 - 0.578score
animejs
feliksness
Versatile JavaScript animation engine for DOM, CSS, SVG, and JavaScript objects.
SkillAFreshness: A★ 1Claude Code +9 - 0.578score
barba-js
feliksness
Page transitions library for creating fluid, smooth transitions between website pages.
SkillAFreshness: A★ 1Claude Code +9 - 0.578score
gsap-scrolltrigger
feliksness
Comprehensive skill for GSAP (GreenSock Animation Platform) and ScrollTrigger plugin.
SkillAFreshness: A★ 1Claude Code +9 - 0.578score
babylonjs-engine
feliksness
Comprehensive skill for Babylon.js 3D web rendering engine.
SkillAFreshness: A★ 1Claude Code +9
Cite this page
react-three-fiber skill. Agent Mart. https://agentmart.dev/skills/feliksness-react-three-fiber (last updated 2026-10-24)