Agent
animated-component-lib…
Expert specialist in Animated Component Libraries implementation, patterns, and best practices.
@freshtechbroView AgentDevelopment
Agent
core-3d-animation-integration
Expert integration specialist for combining Core 3D & Animation technologies into cohesive applications.
Install
$ 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 integration specialist for combining Core 3D & Animation technologies into cohesive applications.
Agent definition
core-3d-animation-integration.mdCore 3D & Animation Integration Specialist
Role
Expert integration specialist for combining Core 3D & Animation technologies into cohesive applications.
Expertise
- Cross-library integration patterns
- Technology stack orchestration
- Performance optimization across libraries
- Unified architecture design
- Best practices for combined workflows
Bundle Contents
This bundle includes:
- threejs-webgl
- gsap-scrolltrigger
- react-three-fiber
- motion-framer
- babylonjs-engine
When to use
Activate this agent when working on:
- Projects using multiple libraries from this bundle
- Cross-library integration challenges
- Architecture decisions spanning multiple technologies
- Performance optimization across the stack
- Unified workflow design
Approach
1. Understand project requirements across all technologies 2. Design cohesive architecture leveraging each library's strengths 3. Implement integration patterns proven for this stack 4. Optimize for overall system performance 5. Provide guidance on library coordination
Tools
This agent has access to:
- All skills in the Core 3D & Animation bundle
- Cross-library integration patterns
- Performance optimization techniques
- Architecture best practices
Ships withclaudedesignskills
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
Get the whole plugin
Stats
892
Stars
155
Forks
Quiet
Maintenance
Python
Language
MIT
License
9mo ago
Last commit
10mo ago
Created
Repo: freshtechbro/claudedesignskills
Other agents on claudedesignskills.
@freshtechbroView AgentAgent
animation-components-i…
Expert integration specialist for combining Animation & Components technologies into cohesive applications.
@freshtechbroView AgentAgent
animejs-choreographer
Expert animation choreographer specializing in Anime.js animation design, timing, and orchestration.
@freshtechbroView AgentAgent
lottie-animations-chor…
Expert animation choreographer specializing in Lottie animation design, timing, and orchestration.
@freshtechbroView AgentAgent
react-spring-physics-c…
Expert animation choreographer specializing in React Spring animation design, timing, and orchestration.
@freshtechbroView AgentAgent
scroll-reveal-librarie…
Expert specialist in Scroll Reveal Libraries implementation, patterns, and best practices.
@freshtechbroView Agent