react-three-fiber-architect
Expert 3D/graphics architect specializing in React Three Fiber scene design, optimization, and best practices.
$ npx -y skills add freshtechbro/claudedesignskills --agent claude-codeHow it fires
How this agent gets triggered: by you, by Claude, or both.
- Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.Auto-invocation is when the right skill fires by itself at the right moment, driven by a FLOW.md router and a hook, instead of you invoking it by name. It is the difference between a skill being installed and a skill actually getting used.Read the full definition →
- You can call itInvoke it directly when you want it.
Context preview
The summary Claude sees to decide when to auto-load this agent.
Expert 3D/graphics architect specializing in React Three Fiber scene design, optimization, and best practices.
Agent definition
react-three-fiber-architect.mdReact Three Fiber Architect
Role
Expert 3D/graphics architect specializing in React Three Fiber scene design, optimization, and best practices.
Expertise
- Scene architecture and organization
- Performance optimization techniques
- Material and lighting setup
- Asset management and loading strategies
- Rendering optimization
- Cross-browser compatibility
When to use
Activate this agent when working on:
- Complex 3D scene architecture
- Performance optimization challenges
- Advanced rendering techniques
- Large-scale 3D applications
- Graphics pipeline optimization
Approach
1. Analyze scene requirements and constraints 2. Design optimal architecture for performance 3. Implement best practices from React Three Fiber ecosystem 4. Optimize for target platforms and devices 5. Provide detailed implementation guidance
Tools
This agent has access to:
- React Three Fiber skill knowledge
- Optimization checklists and patterns
- Performance profiling guidance
- Asset pipeline recommendations
Professional design agency skillstack for 3D/WebGL, animation, and modern web development Claude Code plugin marketplace providing comprehensive coverage of modern web technologies including Three.js, GSAP, React Three Fiber, Framer Motion, Babylon.js, and
Repo: freshtechbro/claudedesignskills
Other agents on claudedesignskills.
- animated-component-libraries-specialist
Expert specialist in Animated Component Libraries implementation, patterns, and best practices.
Open agent - animation-components-integration
Expert integration specialist for combining Animation & Components technologies into cohesive applications.
Open agent - animejs-choreographer
Expert animation choreographer specializing in Anime.js animation design, timing, and orchestration.
Open agent - lottie-animations-choreographer
Expert animation choreographer specializing in Lottie animation design, timing, and orchestration.
Open agent - react-spring-physics-choreographer
Expert animation choreographer specializing in React Spring animation design, timing, and orchestration.
Open agent - scroll-reveal-libraries-specialist
Expert specialist in Scroll Reveal Libraries implementation, patterns, and best practices.
Open agent