React Three Fiber
- 629 repo stars
- Updated November 20, 2025
- freshtechbro/claudedesignskills
Build declarative, component-based 3D scenes in React with React Three Fiber (R3F), a React renderer for Three.js - for configurators, portfolios, games and data viz.
About
A skill for React Three Fiber (R3F), a React renderer for Three.js that lets you build 3D scenes declaratively with components and state. A solo builder reaches for it when they want interactive 3D inside a React app - product configurators, portfolios, games or data visualization - with reusable, component-based abstractions.
- Declarative 3D scenes in React
- React renderer for Three.js
- Component-based, reusable abstractions
- Configurators, portfolios, games, data viz
React Three Fiber by the numbers
- Data as of Jul 31, 2026 (Skillselion catalog sync)
npx skills add https://github.com/freshtechbro/claudedesignskills --skill plugins/individual/react-three-fiberAdd your badge
Show developers this skill is listed on Skillselion. Paste this into your README.
| repo stars | ★ 629 |
|---|---|
| Last updated | November 20, 2025 |
| Repository | freshtechbro/claudedesignskills ↗ |
What it does
Build declarative, component-based 3D scenes in React with React Three Fiber (R3F), a React renderer for Three.js - for configurators, portfolios, games and data viz.
Who is it for?
Interactive 3D experiences inside React apps
Related skills
Frontend DesignGenerate distinctive, production-grade frontend interfaces and components that avoid generic AI aesthetics.698k164k
Web Design GuidelinesAutomatically audit frontend code against the latest Vercel Web Interface Guidelines for consistency, accessibility, and UX quality.486k29.4k
Lark WhiteboardGenerate valid Lark Whiteboard (Feishu Board) documents with correctly placed connectors, automatic routing, and proper schema compliance directly from agent inst382k15.8k
Sleek Design Mobile AppsGenerate mobile app screens and UI from plain English descriptions using the Sleek.design API.315k470
Design Taste FrontendOverride generic LLM frontend output with intentional, metric-driven UI/UX taste.284k66.9k
Ui Ux Pro MaxGet instant, high-quality UI/UX decisions, component recommendations, style guidance, and code improvements across web and mobile projects.282k109kHow it compares
The React-idiomatic way to use Three.js