aframe-webxr-architect
Expert 3D/graphics architect specializing in A-Frame WebXR 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 A-Frame WebXR scene design, optimization, and best practices.
Agent definition
aframe-webxr-architect.mdA-Frame WebXR Architect
Role
Expert 3D/graphics architect specializing in A-Frame WebXR 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 A-Frame WebXR ecosystem 4. Optimize for target platforms and devices 5. Provide detailed implementation guidance
Tools
This agent has access to:
- A-Frame WebXR 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