#745 by GitHub stars
freshtechbro/claudedesignskills
A comprehensive collection of Claude Code skills for modern web development, specializing in 3D graphics, animation, and interactive web experiences.
History
Review weekly changes to SKILL.md before updating. Dates mark the weeks in which we observed each version; checks apply to the recorded commits.
View weekly changes
.factory/skills/aframe-webxr/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
.factory/skills/animated-component-libraries/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
.factory/skills/animejs/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
.factory/skills/babylonjs-engine/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
.factory/skills/barba-js/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
.factory/skills/blender-web-pipeline/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
.factory/skills/gsap-scrolltrigger/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
.factory/skills/lightweight-3d-effects/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
.factory/skills/locomotive-scroll/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
.factory/skills/lottie-animations/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
.factory/skills/modern-web-design/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
.factory/skills/motion-framer/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
.factory/skills/pixijs-2d/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
.factory/skills/playcanvas-engine/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
.factory/skills/react-spring-physics/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
.factory/skills/react-three-fiber/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
.factory/skills/rive-interactive/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
.factory/skills/scroll-reveal-libraries/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
.factory/skills/skill-creator/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
.factory/skills/spline-interactive/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
.factory/skills/substance-3d-texturing/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
.factory/skills/threejs-webgl/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
.factory/skills/web3d-integration-patterns/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
plugins/bundles/animation-components/skills/animated-component-libraries/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
plugins/bundles/animation-components/skills/animejs/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
plugins/bundles/animation-components/skills/lottie-animations/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
plugins/bundles/animation-components/skills/react-spring-physics/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
plugins/bundles/animation-components/skills/scroll-reveal-libraries/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
plugins/bundles/authoring-motion/skills/blender-web-pipeline/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
plugins/bundles/authoring-motion/skills/rive-interactive/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
plugins/bundles/authoring-motion/skills/spline-interactive/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
plugins/bundles/authoring-motion/skills/substance-3d-texturing/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
plugins/bundles/core-3d-animation/skills/babylonjs-engine/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
plugins/bundles/core-3d-animation/skills/gsap-scrolltrigger/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
plugins/bundles/core-3d-animation/skills/motion-framer/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
plugins/bundles/core-3d-animation/skills/react-three-fiber/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
plugins/bundles/core-3d-animation/skills/threejs-webgl/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
plugins/bundles/extended-3d-scroll/skills/aframe-webxr/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
plugins/bundles/extended-3d-scroll/skills/barba-js/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
plugins/bundles/extended-3d-scroll/skills/lightweight-3d-effects/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
plugins/bundles/extended-3d-scroll/skills/locomotive-scroll/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
plugins/bundles/extended-3d-scroll/skills/pixijs-2d/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
plugins/bundles/extended-3d-scroll/skills/playcanvas-engine/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
plugins/bundles/meta-skills/skills/modern-web-design/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
plugins/bundles/meta-skills/skills/web3d-integration-patterns/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
plugins/individual/aframe-webxr/skills/aframe-webxr/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
plugins/individual/animated-component-libraries/skills/animated-component-libraries/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
plugins/individual/animejs/skills/animejs/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
plugins/individual/babylonjs-engine/skills/babylonjs-engine/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
plugins/individual/barba-js/skills/barba-js/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
plugins/individual/blender-web-pipeline/skills/blender-web-pipeline/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
plugins/individual/gsap-scrolltrigger/skills/gsap-scrolltrigger/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
plugins/individual/lightweight-3d-effects/skills/lightweight-3d-effects/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
plugins/individual/locomotive-scroll/skills/locomotive-scroll/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
plugins/individual/lottie-animations/skills/lottie-animations/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
plugins/individual/modern-web-design/skills/modern-web-design/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
plugins/individual/motion-framer/skills/motion-framer/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
plugins/individual/pixijs-2d/skills/pixijs-2d/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
plugins/individual/playcanvas-engine/skills/playcanvas-engine/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
plugins/individual/react-spring-physics/skills/react-spring-physics/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
plugins/individual/react-three-fiber/skills/react-three-fiber/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
plugins/individual/rive-interactive/skills/rive-interactive/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
plugins/individual/scroll-reveal-libraries/skills/scroll-reveal-libraries/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
plugins/individual/spline-interactive/skills/spline-interactive/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
plugins/individual/substance-3d-texturing/skills/substance-3d-texturing/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
plugins/individual/threejs-webgl/skills/threejs-webgl/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
plugins/individual/web3d-integration-patterns/skills/web3d-integration-patterns/SKILL.md
Week of Nov 2, 2026 · +0 / −0 lines
Before Network or broad shell → After Network or broad shell
1da73febff0c → 1da73febff0c
Week of Oct 26, 2026 · Line counts unavailable
Before Not checked yet → After Network or broad shell
First observation → 1da73febff0c
No earlier version was observed for comparison.
View on GitHubAdd to my skills
Verified commit 1da73febff0c3e1dfefc07f8a5ef8f7d1dfdb6cd
git clone --filter=blob:none --no-checkout https://github.com/freshtechbro/claudedesignskills.git .hotskills/freshtechbro-claudedesignskills && git -C .hotskills/freshtechbro-claudedesignskills checkout --detach 1da73febff0c3e1dfefc07f8a5ef8f7d1dfdb6cd
# Copy each selected skill directory from .hotskills/freshtechbro-claudedesignskills into .claude/skills/<skill-name>/1.3kGitHub stars
78stars in 7 days
67skills in this repository
0commits in 30 days
Heat
7.2- Star growth, last 7 daysAhead of 97% of tracked repositories
- Star growth, last 24 hoursAhead of 97% of tracked repositories
- Rank movement, last 7 daysAhead of 93% of tracked repositories
- Commits, last 30 daysAhead of 0% of tracked repositories
- Accounts asking about it through MCP, last 7 daysNot available
- Hot votes this weekAhead of 0% of tracked repositories
Heat never changes the order by stars, and sponsorship never touches it. How heat works
Stars over time
Individual skills in this repository
- aframe-webxr
.factory/skills/aframe-webxr - animated-component-libraries
.factory/skills/animated-component-libraries - animejs
.factory/skills/animejs - babylonjs-engine
.factory/skills/babylonjs-engine - barba-js
.factory/skills/barba-js - blender-web-pipeline
.factory/skills/blender-web-pipeline - gsap-scrolltrigger
.factory/skills/gsap-scrolltrigger - lightweight-3d-effects
.factory/skills/lightweight-3d-effects - locomotive-scroll
.factory/skills/locomotive-scroll - lottie-animations
.factory/skills/lottie-animations - modern-web-design
.factory/skills/modern-web-design - motion-framer
.factory/skills/motion-framer - pixijs-2d
.factory/skills/pixijs-2d - playcanvas-engine
.factory/skills/playcanvas-engine - react-spring-physics
.factory/skills/react-spring-physics - react-three-fiber
.factory/skills/react-three-fiber - rive-interactive
.factory/skills/rive-interactive - scroll-reveal-libraries
.factory/skills/scroll-reveal-libraries - skill-creator
.factory/skills/skill-creator - spline-interactive
.factory/skills/spline-interactive - substance-3d-texturing
.factory/skills/substance-3d-texturing - threejs-webgl
.factory/skills/threejs-webgl - web3d-integration-patterns
.factory/skills/web3d-integration-patterns - animated-component-libraries
plugins/bundles/animation-components/skills/animated-component-libraries - animejs
plugins/bundles/animation-components/skills/animejs - lottie-animations
plugins/bundles/animation-components/skills/lottie-animations - react-spring-physics
plugins/bundles/animation-components/skills/react-spring-physics - scroll-reveal-libraries
plugins/bundles/animation-components/skills/scroll-reveal-libraries - blender-web-pipeline
plugins/bundles/authoring-motion/skills/blender-web-pipeline - rive-interactive
plugins/bundles/authoring-motion/skills/rive-interactive - spline-interactive
plugins/bundles/authoring-motion/skills/spline-interactive - substance-3d-texturing
plugins/bundles/authoring-motion/skills/substance-3d-texturing - babylonjs-engine
plugins/bundles/core-3d-animation/skills/babylonjs-engine - gsap-scrolltrigger
plugins/bundles/core-3d-animation/skills/gsap-scrolltrigger - motion-framer
plugins/bundles/core-3d-animation/skills/motion-framer - react-three-fiber
plugins/bundles/core-3d-animation/skills/react-three-fiber - threejs-webgl
plugins/bundles/core-3d-animation/skills/threejs-webgl - aframe-webxr
plugins/bundles/extended-3d-scroll/skills/aframe-webxr - barba-js
plugins/bundles/extended-3d-scroll/skills/barba-js - lightweight-3d-effects
plugins/bundles/extended-3d-scroll/skills/lightweight-3d-effects - locomotive-scroll
plugins/bundles/extended-3d-scroll/skills/locomotive-scroll - pixijs-2d
plugins/bundles/extended-3d-scroll/skills/pixijs-2d - playcanvas-engine
plugins/bundles/extended-3d-scroll/skills/playcanvas-engine - modern-web-design
plugins/bundles/meta-skills/skills/modern-web-design - web3d-integration-patterns
plugins/bundles/meta-skills/skills/web3d-integration-patterns - aframe-webxr
plugins/individual/aframe-webxr/skills/aframe-webxr - animated-component-libraries
plugins/individual/animated-component-libraries/skills/animated-component-libraries - animejs
plugins/individual/animejs/skills/animejs - babylonjs-engine
plugins/individual/babylonjs-engine/skills/babylonjs-engine - barba-js
plugins/individual/barba-js/skills/barba-js - blender-web-pipeline
plugins/individual/blender-web-pipeline/skills/blender-web-pipeline - gsap-scrolltrigger
plugins/individual/gsap-scrolltrigger/skills/gsap-scrolltrigger - lightweight-3d-effects
plugins/individual/lightweight-3d-effects/skills/lightweight-3d-effects - locomotive-scroll
plugins/individual/locomotive-scroll/skills/locomotive-scroll - lottie-animations
plugins/individual/lottie-animations/skills/lottie-animations - modern-web-design
plugins/individual/modern-web-design/skills/modern-web-design - motion-framer
plugins/individual/motion-framer/skills/motion-framer - pixijs-2d
plugins/individual/pixijs-2d/skills/pixijs-2d - playcanvas-engine
plugins/individual/playcanvas-engine/skills/playcanvas-engine - react-spring-physics
plugins/individual/react-spring-physics/skills/react-spring-physics - react-three-fiber
plugins/individual/react-three-fiber/skills/react-three-fiber - rive-interactive
plugins/individual/rive-interactive/skills/rive-interactive - scroll-reveal-libraries
plugins/individual/scroll-reveal-libraries/skills/scroll-reveal-libraries - spline-interactive
plugins/individual/spline-interactive/skills/spline-interactive - substance-3d-texturing
plugins/individual/substance-3d-texturing/skills/substance-3d-texturing - threejs-webgl
plugins/individual/threejs-webgl/skills/threejs-webgl - web3d-integration-patterns
plugins/individual/web3d-integration-patterns/skills/web3d-integration-patterns
How it works
aframe-webxr
When your agent uses it
Declarative web framework for building browser-based 3D, VR, and AR experiences using HTML and entity-component architecture. Use this skill when creating WebXR applications, VR experiences, AR experiences, 360-degree media viewers, or immersive web content with minimal JavaScript. Triggers on tasks involving A-Frame, WebXR, VR development, AR development, entity-component-system, declarative 3D, or HTML-based 3D scenes. Built on Three.js with accessible HTML-first approach.
What it loads into context
Frontmatter
109 tokensAlways available to the agent
SKILL.md
7,814 tokensWhen the skill is activated
Reference documents
978,452 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- When to Use This Skill
- Core Concepts
- Common Patterns
- Integration Patterns
- Performance Best Practices
- Common Pitfalls and Solutions
- Resources
- Related Skills
Scripts executed separately
assets/starter_aframe/main.jsscripts/component_builder.pyscripts/scene_generator.py../../../plugins/bundles/animation-components/skills/animated-component-libraries/scripts/component_importer.py../../../plugins/bundles/animation-components/skills/animated-component-libraries/scripts/props_generator.py../../../plugins/bundles/animation-components/skills/animejs/scripts/animation_generator.py../../../plugins/bundles/animation-components/skills/animejs/scripts/timeline_builder.py../../../plugins/bundles/animation-components/skills/lottie-animations/scripts/generate_lottie_component.py../../../plugins/bundles/animation-components/skills/lottie-animations/scripts/optimize_lottie.py../../../plugins/bundles/animation-components/skills/react-spring-physics/scripts/physics_calculator.py../../../plugins/bundles/animation-components/skills/react-spring-physics/scripts/spring_generator.py../../../plugins/bundles/animation-components/skills/scroll-reveal-libraries/scripts/aos_generator.py../../../plugins/bundles/animation-components/skills/scroll-reveal-libraries/scripts/config_builder.py../../../plugins/bundles/authoring-motion/skills/blender-web-pipeline/scripts/batch_export.py../../../plugins/bundles/authoring-motion/skills/blender-web-pipeline/scripts/generate_lods.py../../../plugins/bundles/authoring-motion/skills/blender-web-pipeline/scripts/optimize_model.py../../../plugins/bundles/authoring-motion/skills/rive-interactive/scripts/component_generator.py../../../plugins/bundles/authoring-motion/skills/rive-interactive/scripts/viewmodel_builder.py../../../plugins/bundles/authoring-motion/skills/spline-interactive/scripts/component_builder.py../../../plugins/bundles/authoring-motion/skills/spline-interactive/scripts/project_generator.py../../../plugins/bundles/authoring-motion/skills/substance-3d-texturing/scripts/batch_export.py../../../plugins/bundles/authoring-motion/skills/substance-3d-texturing/scripts/generate_export_preset.py../../../plugins/bundles/authoring-motion/skills/substance-3d-texturing/scripts/web_optimizer.py../../../plugins/bundles/core-3d-animation/skills/babylonjs-engine/assets/starter_babylon/package.json../../../plugins/bundles/core-3d-animation/skills/babylonjs-engine/assets/starter_babylon/src/main.js../../../plugins/bundles/core-3d-animation/skills/babylonjs-engine/assets/starter_babylon/vite.config.js../../../plugins/bundles/core-3d-animation/skills/babylonjs-engine/scripts/mesh_builder.py../../../plugins/bundles/core-3d-animation/skills/babylonjs-engine/scripts/scene_generator.py../../../plugins/bundles/core-3d-animation/skills/gsap-scrolltrigger/assets/starter_scroll/main.js../../../plugins/bundles/core-3d-animation/skills/gsap-scrolltrigger/scripts/generate_animation.py../../../plugins/bundles/core-3d-animation/skills/gsap-scrolltrigger/scripts/timeline_builder.py../../../plugins/bundles/core-3d-animation/skills/motion-framer/assets/starter_motion/package.json../../../plugins/bundles/core-3d-animation/skills/motion-framer/assets/starter_motion/src/App.jsx../../../plugins/bundles/core-3d-animation/skills/motion-framer/assets/starter_motion/src/components/DraggableBox.jsx../../../plugins/bundles/core-3d-animation/skills/motion-framer/assets/starter_motion/src/components/HoverCard.jsx../../../plugins/bundles/core-3d-animation/skills/motion-framer/assets/starter_motion/src/components/StaggerList.jsx../../../plugins/bundles/core-3d-animation/skills/motion-framer/assets/starter_motion/src/main.jsx../../../plugins/bundles/core-3d-animation/skills/motion-framer/assets/starter_motion/vite.config.js../../../plugins/bundles/core-3d-animation/skills/motion-framer/scripts/animation_generator.py../../../plugins/bundles/core-3d-animation/skills/motion-framer/scripts/variant_builder.py../../../plugins/bundles/core-3d-animation/skills/react-three-fiber/assets/starter_r3f/package.json../../../plugins/bundles/core-3d-animation/skills/react-three-fiber/assets/starter_r3f/src/App.jsx../../../plugins/bundles/core-3d-animation/skills/react-three-fiber/assets/starter_r3f/src/Experience.jsx../../../plugins/bundles/core-3d-animation/skills/react-three-fiber/assets/starter_r3f/src/components/Box.jsx../../../plugins/bundles/core-3d-animation/skills/react-three-fiber/assets/starter_r3f/src/components/Sphere.jsx../../../plugins/bundles/core-3d-animation/skills/react-three-fiber/assets/starter_r3f/src/main.jsx../../../plugins/bundles/core-3d-animation/skills/react-three-fiber/assets/starter_r3f/vite.config.js../../../plugins/bundles/core-3d-animation/skills/react-three-fiber/scripts/component_generator.py../../../plugins/bundles/core-3d-animation/skills/react-three-fiber/scripts/scene_setup.py../../../plugins/bundles/core-3d-animation/skills/threejs-webgl/assets/starter_scene/main.js../../../plugins/bundles/core-3d-animation/skills/threejs-webgl/scripts/setup_scene.py../../../plugins/bundles/extended-3d-scroll/skills/aframe-webxr/assets/starter_aframe/main.js../../../plugins/bundles/extended-3d-scroll/skills/aframe-webxr/scripts/component_builder.py../../../plugins/bundles/extended-3d-scroll/skills/aframe-webxr/scripts/scene_generator.py../../../plugins/bundles/extended-3d-scroll/skills/barba-js/scripts/project_setup.py../../../plugins/bundles/extended-3d-scroll/skills/barba-js/scripts/transition_generator.py../../../plugins/bundles/extended-3d-scroll/skills/lightweight-3d-effects/assets/starter_lightweight/main.js../../../plugins/bundles/extended-3d-scroll/skills/lightweight-3d-effects/scripts/generate_zdog.py../../../plugins/bundles/extended-3d-scroll/skills/lightweight-3d-effects/scripts/setup_vanta.py../../../plugins/bundles/extended-3d-scroll/skills/locomotive-scroll/assets/starter_locomotive/main.js../../../plugins/bundles/extended-3d-scroll/skills/locomotive-scroll/assets/starter_locomotive/package.json../../../plugins/bundles/extended-3d-scroll/skills/locomotive-scroll/scripts/generate_config.py../../../plugins/bundles/extended-3d-scroll/skills/locomotive-scroll/scripts/integration_helper.py../../../plugins/bundles/extended-3d-scroll/skills/pixijs-2d/assets/starter_pixijs/main.js../../../plugins/bundles/extended-3d-scroll/skills/pixijs-2d/scripts/particle_builder.py../../../plugins/bundles/extended-3d-scroll/skills/pixijs-2d/scripts/sprite_generator.py../../../plugins/bundles/extended-3d-scroll/skills/playcanvas-engine/assets/starter_playcanvas/scripts/app.js../../../plugins/bundles/extended-3d-scroll/skills/playcanvas-engine/assets/starter_playcanvas/scripts/camera-controller.js../../../plugins/bundles/extended-3d-scroll/skills/playcanvas-engine/assets/starter_playcanvas/scripts/input-manager.js../../../plugins/bundles/extended-3d-scroll/skills/playcanvas-engine/scripts/component_builder.py../../../plugins/bundles/extended-3d-scroll/skills/playcanvas-engine/scripts/project_generator.py../../../plugins/bundles/meta-skills/skills/modern-web-design/scripts/design_audit.py../../../plugins/bundles/meta-skills/skills/modern-web-design/scripts/pattern_generator.py../../../plugins/individual/aframe-webxr/skills/aframe-webxr/assets/starter_aframe/main.js../../../plugins/individual/aframe-webxr/skills/aframe-webxr/scripts/component_builder.py../../../plugins/individual/aframe-webxr/skills/aframe-webxr/scripts/scene_generator.py../../../plugins/individual/animated-component-libraries/skills/animated-component-libraries/scripts/component_importer.py../../../plugins/individual/animated-component-libraries/skills/animated-component-libraries/scripts/props_generator.py../../../plugins/individual/animejs/skills/animejs/scripts/animation_generator.py../../../plugins/individual/animejs/skills/animejs/scripts/timeline_builder.py../../../plugins/individual/babylonjs-engine/skills/babylonjs-engine/assets/starter_babylon/package.json../../../plugins/individual/babylonjs-engine/skills/babylonjs-engine/assets/starter_babylon/src/main.js../../../plugins/individual/babylonjs-engine/skills/babylonjs-engine/assets/starter_babylon/vite.config.js../../../plugins/individual/babylonjs-engine/skills/babylonjs-engine/scripts/mesh_builder.py../../../plugins/individual/babylonjs-engine/skills/babylonjs-engine/scripts/scene_generator.py../../../plugins/individual/barba-js/skills/barba-js/scripts/project_setup.py../../../plugins/individual/barba-js/skills/barba-js/scripts/transition_generator.py../../../plugins/individual/blender-web-pipeline/skills/blender-web-pipeline/scripts/batch_export.py../../../plugins/individual/blender-web-pipeline/skills/blender-web-pipeline/scripts/generate_lods.py../../../plugins/individual/blender-web-pipeline/skills/blender-web-pipeline/scripts/optimize_model.py../../../plugins/individual/gsap-scrolltrigger/skills/gsap-scrolltrigger/assets/starter_scroll/main.js../../../plugins/individual/gsap-scrolltrigger/skills/gsap-scrolltrigger/scripts/generate_animation.py../../../plugins/individual/gsap-scrolltrigger/skills/gsap-scrolltrigger/scripts/timeline_builder.py../../../plugins/individual/lightweight-3d-effects/skills/lightweight-3d-effects/assets/starter_lightweight/main.js../../../plugins/individual/lightweight-3d-effects/skills/lightweight-3d-effects/scripts/generate_zdog.py../../../plugins/individual/lightweight-3d-effects/skills/lightweight-3d-effects/scripts/setup_vanta.py../../../plugins/individual/locomotive-scroll/skills/locomotive-scroll/assets/starter_locomotive/main.js../../../plugins/individual/locomotive-scroll/skills/locomotive-scroll/assets/starter_locomotive/package.json../../../plugins/individual/locomotive-scroll/skills/locomotive-scroll/scripts/generate_config.py../../../plugins/individual/locomotive-scroll/skills/locomotive-scroll/scripts/integration_helper.py../../../plugins/individual/lottie-animations/skills/lottie-animations/scripts/generate_lottie_component.py../../../plugins/individual/lottie-animations/skills/lottie-animations/scripts/optimize_lottie.py../../../plugins/individual/modern-web-design/skills/modern-web-design/scripts/design_audit.py../../../plugins/individual/modern-web-design/skills/modern-web-design/scripts/pattern_generator.py../../../plugins/individual/motion-framer/skills/motion-framer/assets/starter_motion/package.json../../../plugins/individual/motion-framer/skills/motion-framer/assets/starter_motion/src/App.jsx../../../plugins/individual/motion-framer/skills/motion-framer/assets/starter_motion/src/components/DraggableBox.jsx../../../plugins/individual/motion-framer/skills/motion-framer/assets/starter_motion/src/components/HoverCard.jsx../../../plugins/individual/motion-framer/skills/motion-framer/assets/starter_motion/src/components/StaggerList.jsx../../../plugins/individual/motion-framer/skills/motion-framer/assets/starter_motion/src/main.jsx../../../plugins/individual/motion-framer/skills/motion-framer/assets/starter_motion/vite.config.js../../../plugins/individual/motion-framer/skills/motion-framer/scripts/animation_generator.py../../../plugins/individual/motion-framer/skills/motion-framer/scripts/variant_builder.py../../../plugins/individual/pixijs-2d/skills/pixijs-2d/assets/starter_pixijs/main.js../../../plugins/individual/pixijs-2d/skills/pixijs-2d/scripts/particle_builder.py../../../plugins/individual/pixijs-2d/skills/pixijs-2d/scripts/sprite_generator.py../../../plugins/individual/playcanvas-engine/skills/playcanvas-engine/assets/starter_playcanvas/scripts/app.js../../../plugins/individual/playcanvas-engine/skills/playcanvas-engine/assets/starter_playcanvas/scripts/camera-controller.js../../../plugins/individual/playcanvas-engine/skills/playcanvas-engine/assets/starter_playcanvas/scripts/input-manager.js../../../plugins/individual/playcanvas-engine/skills/playcanvas-engine/scripts/component_builder.py../../../plugins/individual/playcanvas-engine/skills/playcanvas-engine/scripts/project_generator.py../../../plugins/individual/react-spring-physics/skills/react-spring-physics/scripts/physics_calculator.py../../../plugins/individual/react-spring-physics/skills/react-spring-physics/scripts/spring_generator.py../../../plugins/individual/react-three-fiber/skills/react-three-fiber/assets/starter_r3f/package.json../../../plugins/individual/react-three-fiber/skills/react-three-fiber/assets/starter_r3f/src/App.jsx../../../plugins/individual/react-three-fiber/skills/react-three-fiber/assets/starter_r3f/src/Experience.jsx../../../plugins/individual/react-three-fiber/skills/react-three-fiber/assets/starter_r3f/src/components/Box.jsx../../../plugins/individual/react-three-fiber/skills/react-three-fiber/assets/starter_r3f/src/components/Sphere.jsx../../../plugins/individual/react-three-fiber/skills/react-three-fiber/assets/starter_r3f/src/main.jsx../../../plugins/individual/react-three-fiber/skills/react-three-fiber/assets/starter_r3f/vite.config.js../../../plugins/individual/react-three-fiber/skills/react-three-fiber/scripts/component_generator.py../../../plugins/individual/react-three-fiber/skills/react-three-fiber/scripts/scene_setup.py../../../plugins/individual/rive-interactive/skills/rive-interactive/scripts/component_generator.py../../../plugins/individual/rive-interactive/skills/rive-interactive/scripts/viewmodel_builder.py../../../plugins/individual/scroll-reveal-libraries/skills/scroll-reveal-libraries/scripts/aos_generator.py../../../plugins/individual/scroll-reveal-libraries/skills/scroll-reveal-libraries/scripts/config_builder.py../../../plugins/individual/spline-interactive/skills/spline-interactive/scripts/component_builder.py../../../plugins/individual/spline-interactive/skills/spline-interactive/scripts/project_generator.py../../../plugins/individual/substance-3d-texturing/skills/substance-3d-texturing/scripts/batch_export.py../../../plugins/individual/substance-3d-texturing/skills/substance-3d-texturing/scripts/generate_export_preset.py../../../plugins/individual/substance-3d-texturing/skills/substance-3d-texturing/scripts/web_optimizer.py../../../plugins/individual/threejs-webgl/skills/threejs-webgl/assets/starter_scene/main.js../../../plugins/individual/threejs-webgl/skills/threejs-webgl/scripts/setup_scene.py
Files
../../../.claude-plugin/marketplace.jsonasset23,786 bytesSKILL.mdcore27,341 bytesSKILL.mdcore27,341 bytesassets/examples/README.mddoc24,709 bytesassets/starter_aframe/README.mddoc5,961 bytesassets/starter_aframe/index.htmlasset2,692 bytesassets/starter_aframe/main.jsruns2,309 bytesassets/starter_aframe/style.cssasset865 bytesreferences/api_reference.mddoc26,551 bytesreferences/components_library.mddoc17,326 bytesreferences/webxr_guide.mddoc23,138 bytesscripts/component_builder.pyruns23,223 bytesscripts/scene_generator.pyruns26,499 bytes../../../plugins/bundles/animation-components/.claude-plugin/plugin.jsonasset1,520 bytes../../../plugins/bundles/animation-components/agents/animated-component-libraries-specialist.mddoc998 bytes../../../plugins/bundles/animation-components/agents/animation-components-integration.mddoc1,266 bytes../../../plugins/bundles/animation-components/agents/animejs-choreographer.mddoc955 bytes../../../plugins/bundles/animation-components/agents/lottie-animations-choreographer.mddoc947 bytes../../../plugins/bundles/animation-components/agents/react-spring-physics-choreographer.mddoc971 bytes../../../plugins/bundles/animation-components/agents/scroll-reveal-libraries-specialist.mddoc968 bytes../../../plugins/bundles/animation-components/commands/animated-component-libraries-component_importer.mddoc648 bytes../../../plugins/bundles/animation-components/commands/animated-component-libraries-component_importer.mddoc648 bytes../../../plugins/bundles/animation-components/commands/animated-component-libraries-props_generator.mddoc630 bytes../../../plugins/bundles/animation-components/commands/animated-component-libraries-props_generator.mddoc630 bytes../../../plugins/bundles/animation-components/commands/animejs-animation_generator.mddoc552 bytes../../../plugins/bundles/animation-components/commands/animejs-animation_generator.mddoc552 bytes../../../plugins/bundles/animation-components/commands/animejs-timeline_builder.mddoc534 bytes../../../plugins/bundles/animation-components/commands/animejs-timeline_builder.mddoc534 bytes../../../plugins/bundles/animation-components/commands/lottie-animations-generate_lottie_component.mddoc602 bytes../../../plugins/bundles/animation-components/commands/lottie-animations-generate_lottie_component.mddoc602 bytes../../../plugins/bundles/animation-components/commands/lottie-animations-optimize_lottie.mddoc542 bytes../../../plugins/bundles/animation-components/commands/lottie-animations-optimize_lottie.mddoc542 bytes../../../plugins/bundles/animation-components/commands/react-spring-physics-physics_calculator.mddoc584 bytes../../../plugins/bundles/animation-components/commands/react-spring-physics-physics_calculator.mddoc584 bytes../../../plugins/bundles/animation-components/commands/react-spring-physics-spring_generator.mddoc572 bytes../../../plugins/bundles/animation-components/commands/react-spring-physics-spring_generator.mddoc572 bytes../../../plugins/bundles/animation-components/commands/scroll-reveal-libraries-aos_generator.mddoc593 bytes../../../plugins/bundles/animation-components/commands/scroll-reveal-libraries-aos_generator.mddoc593 bytes../../../plugins/bundles/animation-components/commands/scroll-reveal-libraries-config_builder.mddoc599 bytes../../../plugins/bundles/animation-components/commands/scroll-reveal-libraries-config_builder.mddoc599 bytes../../../plugins/bundles/animation-components/skills/animated-component-libraries/SKILL.mddoc22,597 bytes../../../plugins/bundles/animation-components/skills/animated-component-libraries/assets/README.mddoc9,831 bytes../../../plugins/bundles/animation-components/skills/animated-component-libraries/references/customization_guide.mddoc13,895 bytes../../../plugins/bundles/animation-components/skills/animated-component-libraries/references/magic_ui_components.mddoc10,025 bytes../../../plugins/bundles/animation-components/skills/animated-component-libraries/references/react_bits_components.mddoc15,557 bytes../../../plugins/bundles/animation-components/skills/animated-component-libraries/scripts/component_importer.pyruns9,212 bytes../../../plugins/bundles/animation-components/skills/animated-component-libraries/scripts/props_generator.pyruns10,326 bytes../../../plugins/bundles/animation-components/skills/animejs/SKILL.mddoc10,775 bytes../../../plugins/bundles/animation-components/skills/animejs/assets/README.mddoc8,886 bytes../../../plugins/bundles/animation-components/skills/animejs/references/api_reference.mddoc10,483 bytes../../../plugins/bundles/animation-components/skills/animejs/references/stagger_guide.mddoc9,161 bytes../../../plugins/bundles/animation-components/skills/animejs/references/timeline_guide.mddoc10,621 bytes../../../plugins/bundles/animation-components/skills/animejs/scripts/animation_generator.pyruns5,834 bytes../../../plugins/bundles/animation-components/skills/animejs/scripts/timeline_builder.pyruns7,842 bytes../../../plugins/bundles/animation-components/skills/lottie-animations/SKILL.mddoc17,982 bytes../../../plugins/bundles/animation-components/skills/lottie-animations/assets/starter_lottie/README.mddoc1,824 bytes../../../plugins/bundles/animation-components/skills/lottie-animations/references/after_effects_export.mddoc9,845 bytes../../../plugins/bundles/animation-components/skills/lottie-animations/references/api_reference.mddoc15,661 bytes../../../plugins/bundles/animation-components/skills/lottie-animations/references/performance_guide.mddoc11,607 bytes../../../plugins/bundles/animation-components/skills/lottie-animations/scripts/generate_lottie_component.pyruns5,647 bytes../../../plugins/bundles/animation-components/skills/lottie-animations/scripts/optimize_lottie.pyruns2,641 bytes../../../plugins/bundles/animation-components/skills/react-spring-physics/SKILL.mddoc11,361 bytes../../../plugins/bundles/animation-components/skills/react-spring-physics/assets/README.mddoc7,473 bytes../../../plugins/bundles/animation-components/skills/react-spring-physics/references/physics_guide.mddoc11,611 bytes../../../plugins/bundles/animation-components/skills/react-spring-physics/references/popmotion_api.mddoc11,493 bytes../../../plugins/bundles/animation-components/skills/react-spring-physics/references/react_spring_api.mddoc13,151 bytes../../../plugins/bundles/animation-components/skills/react-spring-physics/scripts/physics_calculator.pyruns9,075 bytes../../../plugins/bundles/animation-components/skills/react-spring-physics/scripts/spring_generator.pyruns8,483 bytes../../../plugins/bundles/animation-components/skills/scroll-reveal-libraries/SKILL.mddoc17,120 bytes../../../plugins/bundles/animation-components/skills/scroll-reveal-libraries/assets/README.mddoc17,813 bytes../../../plugins/bundles/animation-components/skills/scroll-reveal-libraries/references/animation_catalog.mddoc12,597 bytes../../../plugins/bundles/animation-components/skills/scroll-reveal-libraries/references/aos_api.mddoc14,552 bytes../../../plugins/bundles/animation-components/skills/scroll-reveal-libraries/scripts/aos_generator.pyruns21,702 bytes../../../plugins/bundles/animation-components/skills/scroll-reveal-libraries/scripts/config_builder.pyruns12,733 bytes../../../plugins/bundles/authoring-motion/.claude-plugin/plugin.jsonasset1,433 bytes../../../plugins/bundles/authoring-motion/agents/authoring-motion-integration.mddoc1,241 bytes../../../plugins/bundles/authoring-motion/agents/blender-web-pipeline-pipeline.mddoc917 bytes../../../plugins/bundles/authoring-motion/agents/rive-interactive-choreographer.mddoc939 bytes../../../plugins/bundles/authoring-motion/agents/spline-interactive-pipeline.mddoc875 bytes../../../plugins/bundles/authoring-motion/agents/substance-3d-texturing-pipeline.mddoc893 bytes../../../plugins/bundles/authoring-motion/commands/blender-web-pipeline-batch_export.mddoc572 bytes../../../plugins/bundles/authoring-motion/commands/blender-web-pipeline-batch_export.mddoc572 bytes../../../plugins/bundles/authoring-motion/commands/blender-web-pipeline-generate_lods.mddoc578 bytes../../../plugins/bundles/authoring-motion/commands/blender-web-pipeline-generate_lods.mddoc578 bytes../../../plugins/bundles/authoring-motion/commands/blender-web-pipeline-optimize_model.mddoc584 bytes../../../plugins/bundles/authoring-motion/commands/blender-web-pipeline-optimize_model.mddoc584 bytes../../../plugins/bundles/authoring-motion/commands/rive-interactive-component_generator.mddoc558 bytes../../../plugins/bundles/authoring-motion/commands/rive-interactive-component_generator.mddoc558 bytes../../../plugins/bundles/authoring-motion/commands/rive-interactive-viewmodel_builder.mddoc546 bytes../../../plugins/bundles/authoring-motion/commands/rive-interactive-viewmodel_builder.mddoc546 bytes../../../plugins/bundles/authoring-motion/commands/spline-interactive-component_builder.mddoc556 bytes../../../plugins/bundles/authoring-motion/commands/spline-interactive-component_builder.mddoc556 bytes../../../plugins/bundles/authoring-motion/commands/spline-interactive-project_generator.mddoc556 bytes../../../plugins/bundles/authoring-motion/commands/spline-interactive-project_generator.mddoc556 bytes../../../plugins/bundles/authoring-motion/commands/substance-3d-texturing-batch_export.mddoc552 bytes../../../plugins/bundles/authoring-motion/commands/substance-3d-texturing-batch_export.mddoc552 bytes../../../plugins/bundles/authoring-motion/commands/substance-3d-texturing-generate_export_preset.mddoc612 bytes../../../plugins/bundles/authoring-motion/commands/substance-3d-texturing-generate_export_preset.mddoc612 bytes../../../plugins/bundles/authoring-motion/commands/substance-3d-texturing-web_optimizer.mddoc558 bytes../../../plugins/bundles/authoring-motion/commands/substance-3d-texturing-web_optimizer.mddoc558 bytes../../../plugins/bundles/authoring-motion/skills/blender-web-pipeline/SKILL.mddoc16,782 bytes../../../plugins/bundles/authoring-motion/skills/blender-web-pipeline/assets/README.mddoc841 bytes../../../plugins/bundles/authoring-motion/skills/blender-web-pipeline/references/bpy_api_reference.mddoc1,825 bytes../../../plugins/bundles/authoring-motion/skills/blender-web-pipeline/references/gltf_export_guide.mddoc3,740 bytes../../../plugins/bundles/authoring-motion/skills/blender-web-pipeline/references/optimization_strategies.mddoc1,564 bytes../../../plugins/bundles/authoring-motion/skills/blender-web-pipeline/scripts/batch_export.pyruns967 bytes../../../plugins/bundles/authoring-motion/skills/blender-web-pipeline/scripts/generate_lods.pyruns913 bytes../../../plugins/bundles/authoring-motion/skills/blender-web-pipeline/scripts/optimize_model.pyruns720 bytes../../../plugins/bundles/authoring-motion/skills/rive-interactive/SKILL.mddoc15,744 bytes../../../plugins/bundles/authoring-motion/skills/rive-interactive/assets/README.mddoc1,873 bytes../../../plugins/bundles/authoring-motion/skills/rive-interactive/references/api_reference.mddoc6,953 bytes../../../plugins/bundles/authoring-motion/skills/rive-interactive/scripts/component_generator.pyruns688 bytes../../../plugins/bundles/authoring-motion/skills/rive-interactive/scripts/viewmodel_builder.pyruns1,151 bytes../../../plugins/bundles/authoring-motion/skills/spline-interactive/SKILL.mddoc19,539 bytes../../../plugins/bundles/authoring-motion/skills/spline-interactive/assets/README.mddoc7,883 bytes../../../plugins/bundles/authoring-motion/skills/spline-interactive/references/api_reference.mddoc13,071 bytes../../../plugins/bundles/authoring-motion/skills/spline-interactive/scripts/component_builder.pyruns6,637 bytes../../../plugins/bundles/authoring-motion/skills/spline-interactive/scripts/project_generator.pyruns7,828 bytes../../../plugins/bundles/authoring-motion/skills/substance-3d-texturing/SKILL.mddoc15,927 bytes../../../plugins/bundles/authoring-motion/skills/substance-3d-texturing/assets/README.mddoc7,438 bytes../../../plugins/bundles/authoring-motion/skills/substance-3d-texturing/assets/export_templates/babylonjs_pbr.jsonasset2,211 bytes../../../plugins/bundles/authoring-motion/skills/substance-3d-texturing/assets/export_templates/gltf_standard.jsonasset2,214 bytes../../../plugins/bundles/authoring-motion/skills/substance-3d-texturing/assets/export_templates/mobile_webgl.jsonasset2,206 bytes../../../plugins/bundles/authoring-motion/skills/substance-3d-texturing/assets/export_templates/threejs_optimized.jsonasset2,847 bytes../../../plugins/bundles/authoring-motion/skills/substance-3d-texturing/assets/export_templates/web_orm_packed.jsonasset2,380 bytes../../../plugins/bundles/authoring-motion/skills/substance-3d-texturing/references/export_presets.mddoc20,493 bytes../../../plugins/bundles/authoring-motion/skills/substance-3d-texturing/references/pbr_channel_guide.mddoc17,038 bytes../../../plugins/bundles/authoring-motion/skills/substance-3d-texturing/references/python_api_reference.mddoc20,148 bytes../../../plugins/bundles/authoring-motion/skills/substance-3d-texturing/scripts/batch_export.pyruns8,725 bytes../../../plugins/bundles/authoring-motion/skills/substance-3d-texturing/scripts/generate_export_preset.pyruns15,727 bytes../../../plugins/bundles/authoring-motion/skills/substance-3d-texturing/scripts/web_optimizer.pyruns11,508 bytes../../../plugins/bundles/core-3d-animation/.claude-plugin/plugin.jsonasset1,379 bytes../../../plugins/bundles/core-3d-animation/agents/babylonjs-engine-architect.mddoc995 bytes../../../plugins/bundles/core-3d-animation/agents/core-3d-animation-integration.mddoc1,239 bytes../../../plugins/bundles/core-3d-animation/agents/gsap-scrolltrigger-choreographer.mddoc995 bytes../../../plugins/bundles/core-3d-animation/agents/motion-framer-choreographer.mddoc975 bytes../../../plugins/bundles/core-3d-animation/agents/react-three-fiber-architect.mddoc1,023 bytes../../../plugins/bundles/core-3d-animation/agents/threejs-webgl-architect.mddoc1,011 bytes../../../plugins/bundles/core-3d-animation/commands/babylonjs-engine-mesh_builder.mddoc534 bytes../../../plugins/bundles/core-3d-animation/commands/babylonjs-engine-mesh_builder.mddoc534 bytes../../../plugins/bundles/core-3d-animation/commands/babylonjs-engine-scene_generator.mddoc552 bytes../../../plugins/bundles/core-3d-animation/commands/babylonjs-engine-scene_generator.mddoc552 bytes../../../plugins/bundles/core-3d-animation/commands/gsap-scrolltrigger-generate_animation.mddoc598 bytes../../../plugins/bundles/core-3d-animation/commands/gsap-scrolltrigger-generate_animation.mddoc598 bytes../../../plugins/bundles/core-3d-animation/commands/gsap-scrolltrigger-timeline_builder.mddoc586 bytes../../../plugins/bundles/core-3d-animation/commands/gsap-scrolltrigger-timeline_builder.mddoc586 bytes../../../plugins/bundles/core-3d-animation/commands/motion-framer-animation_generator.mddoc579 bytes../../../plugins/bundles/core-3d-animation/commands/motion-framer-animation_generator.mddoc579 bytes../../../plugins/bundles/core-3d-animation/commands/motion-framer-variant_builder.mddoc555 bytes../../../plugins/bundles/core-3d-animation/commands/motion-framer-variant_builder.mddoc555 bytes../../../plugins/bundles/core-3d-animation/commands/react-three-fiber-component_generator.mddoc599 bytes../../../plugins/bundles/core-3d-animation/commands/react-three-fiber-component_generator.mddoc599 bytes../../../plugins/bundles/core-3d-animation/commands/react-three-fiber-scene_setup.mddoc551 bytes../../../plugins/bundles/core-3d-animation/commands/react-three-fiber-scene_setup.mddoc551 bytes../../../plugins/bundles/core-3d-animation/commands/threejs-webgl-setup_scene.mddoc534 bytes../../../plugins/bundles/core-3d-animation/commands/threejs-webgl-setup_scene.mddoc534 bytes../../../plugins/bundles/core-3d-animation/skills/babylonjs-engine/SKILL.mddoc31,117 bytes../../../plugins/bundles/core-3d-animation/skills/babylonjs-engine/assets/examples/README.mddoc30,647 bytes../../../plugins/bundles/core-3d-animation/skills/babylonjs-engine/assets/starter_babylon/README.mddoc6,762 bytes../../../plugins/bundles/core-3d-animation/skills/babylonjs-engine/assets/starter_babylon/index.htmlasset647 bytes../../../plugins/bundles/core-3d-animation/skills/babylonjs-engine/assets/starter_babylon/package.jsonruns426 bytes../../../plugins/bundles/core-3d-animation/skills/babylonjs-engine/assets/starter_babylon/src/main.jsruns7,422 bytes../../../plugins/bundles/core-3d-animation/skills/babylonjs-engine/assets/starter_babylon/src/style.cssasset1,217 bytes../../../plugins/bundles/core-3d-animation/skills/babylonjs-engine/assets/starter_babylon/vite.config.jsruns235 bytes../../../plugins/bundles/core-3d-animation/skills/babylonjs-engine/references/api_reference.mddoc41,609 bytes../../../plugins/bundles/core-3d-animation/skills/babylonjs-engine/scripts/mesh_builder.pyruns17,048 bytes../../../plugins/bundles/core-3d-animation/skills/babylonjs-engine/scripts/scene_generator.pyruns19,154 bytes../../../plugins/bundles/core-3d-animation/skills/gsap-scrolltrigger/SKILL.mddoc17,238 bytes../../../plugins/bundles/core-3d-animation/skills/gsap-scrolltrigger/assets/easings/easing_visualizer.htmlasset14,295 bytes../../../plugins/bundles/core-3d-animation/skills/gsap-scrolltrigger/assets/examples/README.mddoc8,427 bytes../../../plugins/bundles/core-3d-animation/skills/gsap-scrolltrigger/assets/starter_scroll/README.mddoc10,778 bytes../../../plugins/bundles/core-3d-animation/skills/gsap-scrolltrigger/assets/starter_scroll/index.htmlasset8,288 bytes../../../plugins/bundles/core-3d-animation/skills/gsap-scrolltrigger/assets/starter_scroll/main.jsruns9,838 bytes../../../plugins/bundles/core-3d-animation/skills/gsap-scrolltrigger/assets/starter_scroll/style.cssasset11,573 bytes../../../plugins/bundles/core-3d-animation/skills/gsap-scrolltrigger/references/api_reference.mddoc9,062 bytes../../../plugins/bundles/core-3d-animation/skills/gsap-scrolltrigger/references/common_patterns.mddoc24,473 bytes../../../plugins/bundles/core-3d-animation/skills/gsap-scrolltrigger/references/easing_guide.mddoc16,338 bytes../../../plugins/bundles/core-3d-animation/skills/gsap-scrolltrigger/scripts/generate_animation.pyruns13,955 bytes../../../plugins/bundles/core-3d-animation/skills/gsap-scrolltrigger/scripts/timeline_builder.pyruns18,784 bytes../../../plugins/bundles/core-3d-animation/skills/motion-framer/SKILL.mddoc21,032 bytes../../../plugins/bundles/core-3d-animation/skills/motion-framer/assets/examples/README.mddoc73,986 bytes../../../plugins/bundles/core-3d-animation/skills/motion-framer/assets/starter_motion/README.mddoc6,762 bytes../../../plugins/bundles/core-3d-animation/skills/motion-framer/assets/starter_motion/index.htmlasset958 bytes../../../plugins/bundles/core-3d-animation/skills/motion-framer/assets/starter_motion/package.jsonruns452 bytes../../../plugins/bundles/core-3d-animation/skills/motion-framer/assets/starter_motion/src/App.cssasset1,747 bytes../../../plugins/bundles/core-3d-animation/skills/motion-framer/assets/starter_motion/src/App.jsxruns3,513 bytes../../../plugins/bundles/core-3d-animation/skills/motion-framer/assets/starter_motion/src/components/DraggableBox.jsxruns1,439 bytes../../../plugins/bundles/core-3d-animation/skills/motion-framer/assets/starter_motion/src/components/HoverCard.jsxruns803 bytes../../../plugins/bundles/core-3d-animation/skills/motion-framer/assets/starter_motion/src/components/StaggerList.jsxruns1,582 bytes../../../plugins/bundles/core-3d-animation/skills/motion-framer/assets/starter_motion/src/main.jsxruns208 bytes../../../plugins/bundles/core-3d-animation/skills/motion-framer/assets/starter_motion/vite.config.jsruns210 bytes../../../plugins/bundles/core-3d-animation/skills/motion-framer/references/api_reference.mddoc20,478 bytes../../../plugins/bundles/core-3d-animation/skills/motion-framer/scripts/animation_generator.pyruns15,573 bytes../../../plugins/bundles/core-3d-animation/skills/motion-framer/scripts/variant_builder.pyruns13,942 bytes../../../plugins/bundles/core-3d-animation/skills/react-three-fiber/SKILL.mddoc22,994 bytes../../../plugins/bundles/core-3d-animation/skills/react-three-fiber/assets/examples/README.mddoc16,591 bytes../../../plugins/bundles/core-3d-animation/skills/react-three-fiber/assets/starter_r3f/README.mddoc5,603 bytes../../../plugins/bundles/core-3d-animation/skills/react-three-fiber/assets/starter_r3f/index.htmlasset1,593 bytes../../../plugins/bundles/core-3d-animation/skills/react-three-fiber/assets/starter_r3f/package.jsonruns570 bytes../../../plugins/bundles/core-3d-animation/skills/react-three-fiber/assets/starter_r3f/src/App.jsxruns282 bytes../../../plugins/bundles/core-3d-animation/skills/react-three-fiber/assets/starter_r3f/src/Experience.jsxruns1,329 bytes../../../plugins/bundles/core-3d-animation/skills/react-three-fiber/assets/starter_r3f/src/components/Box.jsxruns945 bytes../../../plugins/bundles/core-3d-animation/skills/react-three-fiber/assets/starter_r3f/src/components/Sphere.jsxruns638 bytes../../../plugins/bundles/core-3d-animation/skills/react-three-fiber/assets/starter_r3f/src/main.jsxruns208 bytes../../../plugins/bundles/core-3d-animation/skills/react-three-fiber/assets/starter_r3f/vite.config.jsruns406 bytes../../../plugins/bundles/core-3d-animation/skills/react-three-fiber/references/api_reference.mddoc18,479 bytes../../../plugins/bundles/core-3d-animation/skills/react-three-fiber/scripts/component_generator.pyruns19,731 bytes../../../plugins/bundles/core-3d-animation/skills/react-three-fiber/scripts/scene_setup.pyruns18,385 bytes../../../plugins/bundles/core-3d-animation/skills/threejs-webgl/SKILL.mddoc15,731 bytes../../../plugins/bundles/core-3d-animation/skills/threejs-webgl/assets/starter_scene/README.mddoc2,983 bytes../../../plugins/bundles/core-3d-animation/skills/threejs-webgl/assets/starter_scene/index.htmlasset1,733 bytes../../../plugins/bundles/core-3d-animation/skills/threejs-webgl/assets/starter_scene/main.jsruns4,481 bytes../../../plugins/bundles/core-3d-animation/skills/threejs-webgl/references/api_reference.mddoc11,038 bytes../../../plugins/bundles/core-3d-animation/skills/threejs-webgl/references/materials_guide.mddoc11,484 bytes../../../plugins/bundles/core-3d-animation/skills/threejs-webgl/references/optimization_checklist.mddoc9,675 bytes../../../plugins/bundles/core-3d-animation/skills/threejs-webgl/scripts/setup_scene.pyruns6,813 bytes../../../plugins/bundles/extended-3d-scroll/.claude-plugin/plugin.jsonasset1,585 bytes../../../plugins/bundles/extended-3d-scroll/agents/aframe-webxr-architect.mddoc1,007 bytes../../../plugins/bundles/extended-3d-scroll/agents/barba-js-specialist.mddoc878 bytes../../../plugins/bundles/extended-3d-scroll/agents/extended-3d-scroll-integration.mddoc1,253 bytes../../../plugins/bundles/extended-3d-scroll/agents/lightweight-3d-effects-architect.mddoc1,043 bytes../../../plugins/bundles/extended-3d-scroll/agents/locomotive-scroll-specialist.mddoc932 bytes../../../plugins/bundles/extended-3d-scroll/agents/pixijs-2d-architect.mddoc991 bytes../../../plugins/bundles/extended-3d-scroll/agents/playcanvas-engine-architect.mddoc995 bytes../../../plugins/bundles/extended-3d-scroll/commands/aframe-webxr-component_builder.mddoc565 bytes../../../plugins/bundles/extended-3d-scroll/commands/aframe-webxr-component_builder.mddoc565 bytes../../../plugins/bundles/extended-3d-scroll/commands/aframe-webxr-scene_generator.mddoc553 bytes../../../plugins/bundles/extended-3d-scroll/commands/aframe-webxr-scene_generator.mddoc553 bytes../../../plugins/bundles/extended-3d-scroll/commands/barba-js-project_setup.mddoc518 bytes../../../plugins/bundles/extended-3d-scroll/commands/barba-js-project_setup.mddoc518 bytes../../../plugins/bundles/extended-3d-scroll/commands/barba-js-transition_generator.mddoc560 bytes../../../plugins/bundles/extended-3d-scroll/commands/barba-js-transition_generator.mddoc560 bytes../../../plugins/bundles/extended-3d-scroll/commands/lightweight-3d-effects-generate_zdog.mddoc588 bytes../../../plugins/bundles/extended-3d-scroll/commands/lightweight-3d-effects-generate_zdog.mddoc588 bytes../../../plugins/bundles/extended-3d-scroll/commands/lightweight-3d-effects-setup_vanta.mddoc576 bytes../../../plugins/bundles/extended-3d-scroll/commands/lightweight-3d-effects-setup_vanta.mddoc576 bytes../../../plugins/bundles/extended-3d-scroll/commands/locomotive-scroll-generate_config.mddoc575 bytes../../../plugins/bundles/extended-3d-scroll/commands/locomotive-scroll-generate_config.mddoc575 bytes../../../plugins/bundles/extended-3d-scroll/commands/locomotive-scroll-integration_helper.mddoc593 bytes../../../plugins/bundles/extended-3d-scroll/commands/locomotive-scroll-integration_helper.mddoc593 bytes../../../plugins/bundles/extended-3d-scroll/commands/pixijs-2d-particle_builder.mddoc541 bytes../../../plugins/bundles/extended-3d-scroll/commands/pixijs-2d-particle_builder.mddoc541 bytes../../../plugins/bundles/extended-3d-scroll/commands/pixijs-2d-sprite_generator.mddoc541 bytes../../../plugins/bundles/extended-3d-scroll/commands/pixijs-2d-sprite_generator.mddoc541 bytes../../../plugins/bundles/extended-3d-scroll/commands/playcanvas-engine-component_builder.mddoc566 bytes../../../plugins/bundles/extended-3d-scroll/commands/playcanvas-engine-component_builder.mddoc566 bytes../../../plugins/bundles/extended-3d-scroll/commands/playcanvas-engine-project_generator.mddoc566 bytes../../../plugins/bundles/extended-3d-scroll/commands/playcanvas-engine-project_generator.mddoc566 bytes../../../plugins/bundles/extended-3d-scroll/skills/aframe-webxr/SKILL.mddoc27,341 bytes../../../plugins/bundles/extended-3d-scroll/skills/aframe-webxr/assets/examples/README.mddoc24,709 bytes../../../plugins/bundles/extended-3d-scroll/skills/aframe-webxr/assets/starter_aframe/README.mddoc5,961 bytes../../../plugins/bundles/extended-3d-scroll/skills/aframe-webxr/assets/starter_aframe/index.htmlasset2,692 bytes../../../plugins/bundles/extended-3d-scroll/skills/aframe-webxr/assets/starter_aframe/main.jsruns2,309 bytes../../../plugins/bundles/extended-3d-scroll/skills/aframe-webxr/assets/starter_aframe/style.cssasset865 bytes../../../plugins/bundles/extended-3d-scroll/skills/aframe-webxr/references/api_reference.mddoc26,551 bytes../../../plugins/bundles/extended-3d-scroll/skills/aframe-webxr/references/components_library.mddoc17,326 bytes../../../plugins/bundles/extended-3d-scroll/skills/aframe-webxr/references/webxr_guide.mddoc23,138 bytes../../../plugins/bundles/extended-3d-scroll/skills/aframe-webxr/scripts/component_builder.pyruns23,223 bytes../../../plugins/bundles/extended-3d-scroll/skills/aframe-webxr/scripts/scene_generator.pyruns26,499 bytes../../../plugins/bundles/extended-3d-scroll/skills/barba-js/SKILL.mddoc19,598 bytes../../../plugins/bundles/extended-3d-scroll/skills/barba-js/assets/README.mddoc4,561 bytes../../../plugins/bundles/extended-3d-scroll/skills/barba-js/references/api_reference.mddoc23,282 bytes../../../plugins/bundles/extended-3d-scroll/skills/barba-js/references/gsap_integration.mddoc16,066 bytes../../../plugins/bundles/extended-3d-scroll/skills/barba-js/references/hooks_guide.mddoc19,411 bytes../../../plugins/bundles/extended-3d-scroll/skills/barba-js/references/transition_patterns.mddoc16,742 bytes../../../plugins/bundles/extended-3d-scroll/skills/barba-js/scripts/project_setup.pyruns19,813 bytes../../../plugins/bundles/extended-3d-scroll/skills/barba-js/scripts/transition_generator.pyruns12,769 bytes../../../plugins/bundles/extended-3d-scroll/skills/lightweight-3d-effects/SKILL.mddoc22,880 bytes../../../plugins/bundles/extended-3d-scroll/skills/lightweight-3d-effects/assets/examples/README.mddoc27,112 bytes../../../plugins/bundles/extended-3d-scroll/skills/lightweight-3d-effects/assets/starter_lightweight/README.mddoc11,642 bytes../../../plugins/bundles/extended-3d-scroll/skills/lightweight-3d-effects/assets/starter_lightweight/index.htmlasset3,154 bytes../../../plugins/bundles/extended-3d-scroll/skills/lightweight-3d-effects/assets/starter_lightweight/main.jsruns9,539 bytes../../../plugins/bundles/extended-3d-scroll/skills/lightweight-3d-effects/assets/starter_lightweight/style.cssasset4,774 bytes../../../plugins/bundles/extended-3d-scroll/skills/lightweight-3d-effects/references/tilt_patterns.mddoc20,892 bytes../../../plugins/bundles/extended-3d-scroll/skills/lightweight-3d-effects/references/vantajs_effects.mddoc19,469 bytes../../../plugins/bundles/extended-3d-scroll/skills/lightweight-3d-effects/references/zdog_api.mddoc21,376 bytes../../../plugins/bundles/extended-3d-scroll/skills/lightweight-3d-effects/scripts/generate_zdog.pyruns22,409 bytes../../../plugins/bundles/extended-3d-scroll/skills/lightweight-3d-effects/scripts/setup_vanta.pyruns19,934 bytes../../../plugins/bundles/extended-3d-scroll/skills/locomotive-scroll/SKILL.mddoc12,368 bytes../../../plugins/bundles/extended-3d-scroll/skills/locomotive-scroll/assets/starter_locomotive/README.mddoc6,951 bytes../../../plugins/bundles/extended-3d-scroll/skills/locomotive-scroll/assets/starter_locomotive/index.htmlasset4,432 bytes../../../plugins/bundles/extended-3d-scroll/skills/locomotive-scroll/assets/starter_locomotive/main.jsruns3,772 bytes../../../plugins/bundles/extended-3d-scroll/skills/locomotive-scroll/assets/starter_locomotive/package.jsonruns357 bytes../../../plugins/bundles/extended-3d-scroll/skills/locomotive-scroll/assets/starter_locomotive/style.cssasset5,195 bytes../../../plugins/bundles/extended-3d-scroll/skills/locomotive-scroll/references/api_reference.mddoc11,843 bytes../../../plugins/bundles/extended-3d-scroll/skills/locomotive-scroll/references/gsap_integration.mddoc13,346 bytes../../../plugins/bundles/extended-3d-scroll/skills/locomotive-scroll/scripts/generate_config.pyruns11,185 bytes../../../plugins/bundles/extended-3d-scroll/skills/locomotive-scroll/scripts/integration_helper.pyruns13,982 bytes../../../plugins/bundles/extended-3d-scroll/skills/pixijs-2d/SKILL.mddoc21,108 bytes../../../plugins/bundles/extended-3d-scroll/skills/pixijs-2d/assets/examples/README.mddoc94,824 bytes../../../plugins/bundles/extended-3d-scroll/skills/pixijs-2d/assets/starter_pixijs/README.mddoc11,182 bytes../../../plugins/bundles/extended-3d-scroll/skills/pixijs-2d/assets/starter_pixijs/index.htmlasset1,286 bytes../../../plugins/bundles/extended-3d-scroll/skills/pixijs-2d/assets/starter_pixijs/main.jsruns4,278 bytes../../../plugins/bundles/extended-3d-scroll/skills/pixijs-2d/assets/starter_pixijs/styles.cssasset3,054 bytes../../../plugins/bundles/extended-3d-scroll/skills/pixijs-2d/references/api_reference.mddoc27,335 bytes../../../plugins/bundles/extended-3d-scroll/skills/pixijs-2d/references/filters_effects.mddoc19,346 bytes../../../plugins/bundles/extended-3d-scroll/skills/pixijs-2d/references/performance_guide.mddoc23,181 bytes../../../plugins/bundles/extended-3d-scroll/skills/pixijs-2d/scripts/particle_builder.pyruns28,371 bytes../../../plugins/bundles/extended-3d-scroll/skills/pixijs-2d/scripts/sprite_generator.pyruns25,223 bytes../../../plugins/bundles/extended-3d-scroll/skills/playcanvas-engine/SKILL.mddoc22,829 bytes../../../plugins/bundles/extended-3d-scroll/skills/playcanvas-engine/assets/examples/README.mddoc20,615 bytes../../../plugins/bundles/extended-3d-scroll/skills/playcanvas-engine/assets/starter_playcanvas/README.mddoc9,398 bytes../../../plugins/bundles/extended-3d-scroll/skills/playcanvas-engine/assets/starter_playcanvas/index.htmlasset2,076 bytes../../../plugins/bundles/extended-3d-scroll/skills/playcanvas-engine/assets/starter_playcanvas/scripts/app.jsruns6,579 bytes../../../plugins/bundles/extended-3d-scroll/skills/playcanvas-engine/assets/starter_playcanvas/scripts/camera-controller.jsruns8,538 bytes../../../plugins/bundles/extended-3d-scroll/skills/playcanvas-engine/assets/starter_playcanvas/scripts/input-manager.jsruns5,852 bytes../../../plugins/bundles/extended-3d-scroll/skills/playcanvas-engine/assets/starter_playcanvas/styles.cssasset4,304 bytes../../../plugins/bundles/extended-3d-scroll/skills/playcanvas-engine/references/api_reference.mddoc20,381 bytes../../../plugins/bundles/extended-3d-scroll/skills/playcanvas-engine/references/editor_workflow.mddoc17,093 bytes../../../plugins/bundles/extended-3d-scroll/skills/playcanvas-engine/references/optimization_guide.mddoc18,665 bytes../../../plugins/bundles/extended-3d-scroll/skills/playcanvas-engine/scripts/component_builder.pyruns28,728 bytes../../../plugins/bundles/extended-3d-scroll/skills/playcanvas-engine/scripts/project_generator.pyruns22,487 bytes../../../plugins/bundles/meta-skills/.claude-plugin/plugin.jsonasset963 bytes../../../plugins/bundles/meta-skills/agents/meta-skills-integration.mddoc1,172 bytes../../../plugins/bundles/meta-skills/agents/modern-web-design-specialist.mddoc932 bytes../../../plugins/bundles/meta-skills/agents/web3d-integration-patterns-specialist.mddoc986 bytes../../../plugins/bundles/meta-skills/commands/modern-web-design-design_audit.mddoc557 bytes../../../plugins/bundles/meta-skills/commands/modern-web-design-design_audit.mddoc557 bytes../../../plugins/bundles/meta-skills/commands/modern-web-design-pattern_generator.mddoc587 bytes../../../plugins/bundles/meta-skills/commands/modern-web-design-pattern_generator.mddoc587 bytes../../../plugins/bundles/meta-skills/commands/web3d-integration-patterns-help.mddoc377 bytes../../../plugins/bundles/meta-skills/commands/web3d-integration-patterns-help.mddoc377 bytes../../../plugins/bundles/meta-skills/commands/web3d-integration-patterns-setup.mddoc407 bytes../../../plugins/bundles/meta-skills/commands/web3d-integration-patterns-setup.mddoc407 bytes../../../plugins/bundles/meta-skills/skills/modern-web-design/SKILL.mddoc26,596 bytes../../../plugins/bundles/meta-skills/skills/modern-web-design/assets/README.mddoc7,811 bytes../../../plugins/bundles/meta-skills/skills/modern-web-design/references/accessibility_guide.mddoc19,842 bytes../../../plugins/bundles/meta-skills/skills/modern-web-design/references/design_trends_2024.mddoc20,338 bytes../../../plugins/bundles/meta-skills/skills/modern-web-design/references/interaction_patterns.mddoc21,720 bytes../../../plugins/bundles/meta-skills/skills/modern-web-design/references/performance_checklist.mddoc18,722 bytes../../../plugins/bundles/meta-skills/skills/modern-web-design/scripts/design_audit.pyruns15,021 bytes../../../plugins/bundles/meta-skills/skills/modern-web-design/scripts/pattern_generator.pyruns24,524 bytes../../../plugins/bundles/meta-skills/skills/web3d-integration-patterns/SKILL.mddoc21,184 bytes../../../plugins/individual/aframe-webxr/.claude-plugin/plugin.jsonasset1,079 bytes../../../plugins/individual/aframe-webxr/agents/aframe-webxr-architect.mddoc1,007 bytes../../../plugins/individual/aframe-webxr/commands/component_builder.mddoc565 bytes../../../plugins/individual/aframe-webxr/commands/component_builder.mddoc565 bytes../../../plugins/individual/aframe-webxr/commands/scene_generator.mddoc553 bytes../../../plugins/individual/aframe-webxr/commands/scene_generator.mddoc553 bytes../../../plugins/individual/aframe-webxr/skills/aframe-webxr/SKILL.mddoc27,341 bytes../../../plugins/individual/aframe-webxr/skills/aframe-webxr/assets/examples/README.mddoc24,709 bytes../../../plugins/individual/aframe-webxr/skills/aframe-webxr/assets/starter_aframe/README.mddoc5,961 bytes../../../plugins/individual/aframe-webxr/skills/aframe-webxr/assets/starter_aframe/index.htmlasset2,692 bytes../../../plugins/individual/aframe-webxr/skills/aframe-webxr/assets/starter_aframe/main.jsruns2,309 bytes../../../plugins/individual/aframe-webxr/skills/aframe-webxr/assets/starter_aframe/style.cssasset865 bytes../../../plugins/individual/aframe-webxr/skills/aframe-webxr/references/api_reference.mddoc26,551 bytes../../../plugins/individual/aframe-webxr/skills/aframe-webxr/references/components_library.mddoc17,326 bytes../../../plugins/individual/aframe-webxr/skills/aframe-webxr/references/webxr_guide.mddoc23,138 bytes../../../plugins/individual/aframe-webxr/skills/aframe-webxr/scripts/component_builder.pyruns23,223 bytes../../../plugins/individual/aframe-webxr/skills/aframe-webxr/scripts/scene_generator.pyruns26,499 bytes../../../plugins/individual/animated-component-libraries/.claude-plugin/plugin.jsonasset1,215 bytes../../../plugins/individual/animated-component-libraries/agents/animated-component-libraries-specialist.mddoc998 bytes../../../plugins/individual/animated-component-libraries/commands/component_importer.mddoc648 bytes../../../plugins/individual/animated-component-libraries/commands/component_importer.mddoc648 bytes../../../plugins/individual/animated-component-libraries/commands/props_generator.mddoc630 bytes../../../plugins/individual/animated-component-libraries/commands/props_generator.mddoc630 bytes../../../plugins/individual/animated-component-libraries/skills/animated-component-libraries/SKILL.mddoc22,597 bytes../../../plugins/individual/animated-component-libraries/skills/animated-component-libraries/assets/README.mddoc9,831 bytes../../../plugins/individual/animated-component-libraries/skills/animated-component-libraries/references/customization_guide.mddoc13,895 bytes../../../plugins/individual/animated-component-libraries/skills/animated-component-libraries/references/magic_ui_components.mddoc10,025 bytes../../../plugins/individual/animated-component-libraries/skills/animated-component-libraries/references/react_bits_components.mddoc15,557 bytes../../../plugins/individual/animated-component-libraries/skills/animated-component-libraries/scripts/component_importer.pyruns9,212 bytes../../../plugins/individual/animated-component-libraries/skills/animated-component-libraries/scripts/props_generator.pyruns10,326 bytes../../../plugins/individual/animejs/.claude-plugin/plugin.jsonasset1,038 bytes../../../plugins/individual/animejs/agents/animejs-choreographer.mddoc955 bytes../../../plugins/individual/animejs/commands/animation_generator.mddoc552 bytes../../../plugins/individual/animejs/commands/animation_generator.mddoc552 bytes../../../plugins/individual/animejs/commands/timeline_builder.mddoc534 bytes../../../plugins/individual/animejs/commands/timeline_builder.mddoc534 bytes../../../plugins/individual/animejs/skills/animejs/SKILL.mddoc10,775 bytes../../../plugins/individual/animejs/skills/animejs/assets/README.mddoc8,886 bytes../../../plugins/individual/animejs/skills/animejs/references/api_reference.mddoc10,483 bytes../../../plugins/individual/animejs/skills/animejs/references/stagger_guide.mddoc9,161 bytes../../../plugins/individual/animejs/skills/animejs/references/timeline_guide.mddoc10,621 bytes../../../plugins/individual/animejs/skills/animejs/scripts/animation_generator.pyruns5,834 bytes../../../plugins/individual/animejs/skills/animejs/scripts/timeline_builder.pyruns7,842 bytes../../../plugins/individual/babylonjs-engine/.claude-plugin/plugin.jsonasset1,056 bytes../../../plugins/individual/babylonjs-engine/agents/babylonjs-engine-architect.mddoc995 bytes../../../plugins/individual/babylonjs-engine/commands/mesh_builder.mddoc534 bytes../../../plugins/individual/babylonjs-engine/commands/mesh_builder.mddoc534 bytes../../../plugins/individual/babylonjs-engine/commands/scene_generator.mddoc552 bytes../../../plugins/individual/babylonjs-engine/commands/scene_generator.mddoc552 bytes../../../plugins/individual/babylonjs-engine/skills/babylonjs-engine/SKILL.mddoc31,117 bytes../../../plugins/individual/babylonjs-engine/skills/babylonjs-engine/assets/examples/README.mddoc30,647 bytes../../../plugins/individual/babylonjs-engine/skills/babylonjs-engine/assets/starter_babylon/README.mddoc6,762 bytes../../../plugins/individual/babylonjs-engine/skills/babylonjs-engine/assets/starter_babylon/index.htmlasset647 bytes../../../plugins/individual/babylonjs-engine/skills/babylonjs-engine/assets/starter_babylon/package.jsonruns426 bytes../../../plugins/individual/babylonjs-engine/skills/babylonjs-engine/assets/starter_babylon/src/main.jsruns7,422 bytes../../../plugins/individual/babylonjs-engine/skills/babylonjs-engine/assets/starter_babylon/src/style.cssasset1,217 bytes../../../plugins/individual/babylonjs-engine/skills/babylonjs-engine/assets/starter_babylon/vite.config.jsruns235 bytes../../../plugins/individual/babylonjs-engine/skills/babylonjs-engine/references/api_reference.mddoc41,609 bytes../../../plugins/individual/babylonjs-engine/skills/babylonjs-engine/scripts/mesh_builder.pyruns17,048 bytes../../../plugins/individual/babylonjs-engine/skills/babylonjs-engine/scripts/scene_generator.pyruns19,154 bytes../../../plugins/individual/barba-js/.claude-plugin/plugin.jsonasset1,046 bytes../../../plugins/individual/barba-js/agents/barba-js-specialist.mddoc878 bytes../../../plugins/individual/barba-js/commands/project_setup.mddoc518 bytes../../../plugins/individual/barba-js/commands/project_setup.mddoc518 bytes../../../plugins/individual/barba-js/commands/transition_generator.mddoc560 bytes../../../plugins/individual/barba-js/commands/transition_generator.mddoc560 bytes../../../plugins/individual/barba-js/skills/barba-js/SKILL.mddoc19,598 bytes../../../plugins/individual/barba-js/skills/barba-js/assets/README.mddoc4,561 bytes../../../plugins/individual/barba-js/skills/barba-js/references/api_reference.mddoc23,282 bytes../../../plugins/individual/barba-js/skills/barba-js/references/gsap_integration.mddoc16,066 bytes../../../plugins/individual/barba-js/skills/barba-js/references/hooks_guide.mddoc19,411 bytes../../../plugins/individual/barba-js/skills/barba-js/references/transition_patterns.mddoc16,742 bytes../../../plugins/individual/barba-js/skills/barba-js/scripts/project_setup.pyruns19,813 bytes../../../plugins/individual/barba-js/skills/barba-js/scripts/transition_generator.pyruns12,769 bytes../../../plugins/individual/blender-web-pipeline/.claude-plugin/plugin.jsonasset1,164 bytes../../../plugins/individual/blender-web-pipeline/agents/blender-web-pipeline-pipeline.mddoc917 bytes../../../plugins/individual/blender-web-pipeline/commands/batch_export.mddoc572 bytes../../../plugins/individual/blender-web-pipeline/commands/batch_export.mddoc572 bytes../../../plugins/individual/blender-web-pipeline/commands/generate_lods.mddoc578 bytes../../../plugins/individual/blender-web-pipeline/commands/generate_lods.mddoc578 bytes../../../plugins/individual/blender-web-pipeline/commands/optimize_model.mddoc584 bytes../../../plugins/individual/blender-web-pipeline/commands/optimize_model.mddoc584 bytes../../../plugins/individual/blender-web-pipeline/skills/blender-web-pipeline/SKILL.mddoc16,782 bytes../../../plugins/individual/blender-web-pipeline/skills/blender-web-pipeline/assets/README.mddoc841 bytes../../../plugins/individual/blender-web-pipeline/skills/blender-web-pipeline/references/bpy_api_reference.mddoc1,825 bytes../../../plugins/individual/blender-web-pipeline/skills/blender-web-pipeline/references/gltf_export_guide.mddoc3,740 bytes../../../plugins/individual/blender-web-pipeline/skills/blender-web-pipeline/references/optimization_strategies.mddoc1,564 bytes../../../plugins/individual/blender-web-pipeline/skills/blender-web-pipeline/scripts/batch_export.pyruns967 bytes../../../plugins/individual/blender-web-pipeline/skills/blender-web-pipeline/scripts/generate_lods.pyruns913 bytes../../../plugins/individual/blender-web-pipeline/skills/blender-web-pipeline/scripts/optimize_model.pyruns720 bytes../../../plugins/individual/gsap-scrolltrigger/.claude-plugin/plugin.jsonasset1,037 bytes../../../plugins/individual/gsap-scrolltrigger/agents/gsap-scrolltrigger-choreographer.mddoc995 bytes../../../plugins/individual/gsap-scrolltrigger/commands/generate_animation.mddoc598 bytes../../../plugins/individual/gsap-scrolltrigger/commands/generate_animation.mddoc598 bytes../../../plugins/individual/gsap-scrolltrigger/commands/timeline_builder.mddoc586 bytes../../../plugins/individual/gsap-scrolltrigger/commands/timeline_builder.mddoc586 bytes../../../plugins/individual/gsap-scrolltrigger/skills/gsap-scrolltrigger/SKILL.mddoc17,238 bytes../../../plugins/individual/gsap-scrolltrigger/skills/gsap-scrolltrigger/assets/easings/easing_visualizer.htmlasset14,295 bytes../../../plugins/individual/gsap-scrolltrigger/skills/gsap-scrolltrigger/assets/examples/README.mddoc8,427 bytes../../../plugins/individual/gsap-scrolltrigger/skills/gsap-scrolltrigger/assets/starter_scroll/README.mddoc10,778 bytes../../../plugins/individual/gsap-scrolltrigger/skills/gsap-scrolltrigger/assets/starter_scroll/index.htmlasset8,288 bytes../../../plugins/individual/gsap-scrolltrigger/skills/gsap-scrolltrigger/assets/starter_scroll/main.jsruns9,838 bytes../../../plugins/individual/gsap-scrolltrigger/skills/gsap-scrolltrigger/assets/starter_scroll/style.cssasset11,573 bytes../../../plugins/individual/gsap-scrolltrigger/skills/gsap-scrolltrigger/references/api_reference.mddoc9,062 bytes../../../plugins/individual/gsap-scrolltrigger/skills/gsap-scrolltrigger/references/common_patterns.mddoc24,473 bytes../../../plugins/individual/gsap-scrolltrigger/skills/gsap-scrolltrigger/references/easing_guide.mddoc16,338 bytes../../../plugins/individual/gsap-scrolltrigger/skills/gsap-scrolltrigger/scripts/generate_animation.pyruns13,955 bytes../../../plugins/individual/gsap-scrolltrigger/skills/gsap-scrolltrigger/scripts/timeline_builder.pyruns18,784 bytes../../../plugins/individual/lightweight-3d-effects/.claude-plugin/plugin.jsonasset1,121 bytes../../../plugins/individual/lightweight-3d-effects/agents/lightweight-3d-effects-architect.mddoc1,043 bytes../../../plugins/individual/lightweight-3d-effects/commands/generate_zdog.mddoc588 bytes../../../plugins/individual/lightweight-3d-effects/commands/generate_zdog.mddoc588 bytes../../../plugins/individual/lightweight-3d-effects/commands/setup_vanta.mddoc576 bytes../../../plugins/individual/lightweight-3d-effects/commands/setup_vanta.mddoc576 bytes../../../plugins/individual/lightweight-3d-effects/skills/lightweight-3d-effects/SKILL.mddoc22,880 bytes../../../plugins/individual/lightweight-3d-effects/skills/lightweight-3d-effects/assets/examples/README.mddoc27,112 bytes../../../plugins/individual/lightweight-3d-effects/skills/lightweight-3d-effects/assets/starter_lightweight/README.mddoc11,642 bytes../../../plugins/individual/lightweight-3d-effects/skills/lightweight-3d-effects/assets/starter_lightweight/index.htmlasset3,154 bytes../../../plugins/individual/lightweight-3d-effects/skills/lightweight-3d-effects/assets/starter_lightweight/main.jsruns9,539 bytes../../../plugins/individual/lightweight-3d-effects/skills/lightweight-3d-effects/assets/starter_lightweight/style.cssasset4,774 bytes../../../plugins/individual/lightweight-3d-effects/skills/lightweight-3d-effects/references/tilt_patterns.mddoc20,892 bytes../../../plugins/individual/lightweight-3d-effects/skills/lightweight-3d-effects/references/vantajs_effects.mddoc19,469 bytes../../../plugins/individual/lightweight-3d-effects/skills/lightweight-3d-effects/references/zdog_api.mddoc21,376 bytes../../../plugins/individual/lightweight-3d-effects/skills/lightweight-3d-effects/scripts/generate_zdog.pyruns22,409 bytes../../../plugins/individual/lightweight-3d-effects/skills/lightweight-3d-effects/scripts/setup_vanta.pyruns19,934 bytes../../../plugins/individual/locomotive-scroll/.claude-plugin/plugin.jsonasset1,177 bytes../../../plugins/individual/locomotive-scroll/agents/locomotive-scroll-specialist.mddoc932 bytes../../../plugins/individual/locomotive-scroll/commands/generate_config.mddoc575 bytes../../../plugins/individual/locomotive-scroll/commands/generate_config.mddoc575 bytes../../../plugins/individual/locomotive-scroll/commands/integration_helper.mddoc593 bytes../../../plugins/individual/locomotive-scroll/commands/integration_helper.mddoc593 bytes../../../plugins/individual/locomotive-scroll/skills/locomotive-scroll/SKILL.mddoc12,368 bytes../../../plugins/individual/locomotive-scroll/skills/locomotive-scroll/assets/starter_locomotive/README.mddoc6,951 bytes../../../plugins/individual/locomotive-scroll/skills/locomotive-scroll/assets/starter_locomotive/index.htmlasset4,432 bytes../../../plugins/individual/locomotive-scroll/skills/locomotive-scroll/assets/starter_locomotive/main.jsruns3,772 bytes../../../plugins/individual/locomotive-scroll/skills/locomotive-scroll/assets/starter_locomotive/package.jsonruns357 bytes../../../plugins/individual/locomotive-scroll/skills/locomotive-scroll/assets/starter_locomotive/style.cssasset5,195 bytes../../../plugins/individual/locomotive-scroll/skills/locomotive-scroll/references/api_reference.mddoc11,843 bytes../../../plugins/individual/locomotive-scroll/skills/locomotive-scroll/references/gsap_integration.mddoc13,346 bytes../../../plugins/individual/locomotive-scroll/skills/locomotive-scroll/scripts/generate_config.pyruns11,185 bytes../../../plugins/individual/locomotive-scroll/skills/locomotive-scroll/scripts/integration_helper.pyruns13,982 bytes../../../plugins/individual/lottie-animations/.claude-plugin/plugin.jsonasset1,106 bytes../../../plugins/individual/lottie-animations/agents/lottie-animations-choreographer.mddoc947 bytes../../../plugins/individual/lottie-animations/commands/generate_lottie_component.mddoc602 bytes../../../plugins/individual/lottie-animations/commands/generate_lottie_component.mddoc602 bytes../../../plugins/individual/lottie-animations/commands/optimize_lottie.mddoc542 bytes../../../plugins/individual/lottie-animations/commands/optimize_lottie.mddoc542 bytes../../../plugins/individual/lottie-animations/skills/lottie-animations/SKILL.mddoc17,982 bytes../../../plugins/individual/lottie-animations/skills/lottie-animations/assets/starter_lottie/README.mddoc1,824 bytes../../../plugins/individual/lottie-animations/skills/lottie-animations/references/after_effects_export.mddoc9,845 bytes../../../plugins/individual/lottie-animations/skills/lottie-animations/references/api_reference.mddoc15,661 bytes../../../plugins/individual/lottie-animations/skills/lottie-animations/references/performance_guide.mddoc11,607 bytes../../../plugins/individual/lottie-animations/skills/lottie-animations/scripts/generate_lottie_component.pyruns5,647 bytes../../../plugins/individual/lottie-animations/skills/lottie-animations/scripts/optimize_lottie.pyruns2,641 bytes../../../plugins/individual/modern-web-design/.claude-plugin/plugin.jsonasset1,218 bytes../../../plugins/individual/modern-web-design/agents/modern-web-design-specialist.mddoc932 bytes../../../plugins/individual/modern-web-design/commands/design_audit.mddoc557 bytes../../../plugins/individual/modern-web-design/commands/design_audit.mddoc557 bytes../../../plugins/individual/modern-web-design/commands/pattern_generator.mddoc587 bytes../../../plugins/individual/modern-web-design/commands/pattern_generator.mddoc587 bytes../../../plugins/individual/modern-web-design/skills/modern-web-design/SKILL.mddoc26,596 bytes../../../plugins/individual/modern-web-design/skills/modern-web-design/assets/README.mddoc7,811 bytes../../../plugins/individual/modern-web-design/skills/modern-web-design/references/accessibility_guide.mddoc19,842 bytes../../../plugins/individual/modern-web-design/skills/modern-web-design/references/design_trends_2024.mddoc20,338 bytes../../../plugins/individual/modern-web-design/skills/modern-web-design/references/interaction_patterns.mddoc21,720 bytes../../../plugins/individual/modern-web-design/skills/modern-web-design/references/performance_checklist.mddoc18,722 bytes../../../plugins/individual/modern-web-design/skills/modern-web-design/scripts/design_audit.pyruns15,021 bytes../../../plugins/individual/modern-web-design/skills/modern-web-design/scripts/pattern_generator.pyruns24,524 bytes../../../plugins/individual/motion-framer/.claude-plugin/plugin.jsonasset979 bytes../../../plugins/individual/motion-framer/agents/motion-framer-choreographer.mddoc975 bytes../../../plugins/individual/motion-framer/commands/animation_generator.mddoc579 bytes../../../plugins/individual/motion-framer/commands/animation_generator.mddoc579 bytes../../../plugins/individual/motion-framer/commands/variant_builder.mddoc555 bytes../../../plugins/individual/motion-framer/commands/variant_builder.mddoc555 bytes../../../plugins/individual/motion-framer/skills/motion-framer/SKILL.mddoc21,032 bytes../../../plugins/individual/motion-framer/skills/motion-framer/assets/examples/README.mddoc73,986 bytes../../../plugins/individual/motion-framer/skills/motion-framer/assets/starter_motion/README.mddoc6,762 bytes../../../plugins/individual/motion-framer/skills/motion-framer/assets/starter_motion/index.htmlasset958 bytes../../../plugins/individual/motion-framer/skills/motion-framer/assets/starter_motion/package.jsonruns452 bytes../../../plugins/individual/motion-framer/skills/motion-framer/assets/starter_motion/src/App.cssasset1,747 bytes../../../plugins/individual/motion-framer/skills/motion-framer/assets/starter_motion/src/App.jsxruns3,513 bytes../../../plugins/individual/motion-framer/skills/motion-framer/assets/starter_motion/src/components/DraggableBox.jsxruns1,439 bytes../../../plugins/individual/motion-framer/skills/motion-framer/assets/starter_motion/src/components/HoverCard.jsxruns803 bytes../../../plugins/individual/motion-framer/skills/motion-framer/assets/starter_motion/src/components/StaggerList.jsxruns1,582 bytes../../../plugins/individual/motion-framer/skills/motion-framer/assets/starter_motion/src/main.jsxruns208 bytes../../../plugins/individual/motion-framer/skills/motion-framer/assets/starter_motion/vite.config.jsruns210 bytes../../../plugins/individual/motion-framer/skills/motion-framer/references/api_reference.mddoc20,478 bytes../../../plugins/individual/motion-framer/skills/motion-framer/scripts/animation_generator.pyruns15,573 bytes../../../plugins/individual/motion-framer/skills/motion-framer/scripts/variant_builder.pyruns13,942 bytes../../../plugins/individual/pixijs-2d/.claude-plugin/plugin.jsonasset1,093 bytes../../../plugins/individual/pixijs-2d/agents/pixijs-2d-architect.mddoc991 bytes../../../plugins/individual/pixijs-2d/commands/particle_builder.mddoc541 bytes../../../plugins/individual/pixijs-2d/commands/particle_builder.mddoc541 bytes../../../plugins/individual/pixijs-2d/commands/sprite_generator.mddoc541 bytes../../../plugins/individual/pixijs-2d/commands/sprite_generator.mddoc541 bytes../../../plugins/individual/pixijs-2d/skills/pixijs-2d/SKILL.mddoc21,108 bytes../../../plugins/individual/pixijs-2d/skills/pixijs-2d/assets/examples/README.mddoc94,824 bytes../../../plugins/individual/pixijs-2d/skills/pixijs-2d/assets/starter_pixijs/README.mddoc11,182 bytes../../../plugins/individual/pixijs-2d/skills/pixijs-2d/assets/starter_pixijs/index.htmlasset1,286 bytes../../../plugins/individual/pixijs-2d/skills/pixijs-2d/assets/starter_pixijs/main.jsruns4,278 bytes../../../plugins/individual/pixijs-2d/skills/pixijs-2d/assets/starter_pixijs/styles.cssasset3,054 bytes../../../plugins/individual/pixijs-2d/skills/pixijs-2d/references/api_reference.mddoc27,335 bytes../../../plugins/individual/pixijs-2d/skills/pixijs-2d/references/filters_effects.mddoc19,346 bytes../../../plugins/individual/pixijs-2d/skills/pixijs-2d/references/performance_guide.mddoc23,181 bytes../../../plugins/individual/pixijs-2d/skills/pixijs-2d/scripts/particle_builder.pyruns28,371 bytes../../../plugins/individual/pixijs-2d/skills/pixijs-2d/scripts/sprite_generator.pyruns25,223 bytes../../../plugins/individual/playcanvas-engine/.claude-plugin/plugin.jsonasset1,109 bytes../../../plugins/individual/playcanvas-engine/agents/playcanvas-engine-architect.mddoc995 bytes../../../plugins/individual/playcanvas-engine/commands/component_builder.mddoc566 bytes../../../plugins/individual/playcanvas-engine/commands/component_builder.mddoc566 bytes../../../plugins/individual/playcanvas-engine/commands/project_generator.mddoc566 bytes../../../plugins/individual/playcanvas-engine/commands/project_generator.mddoc566 bytes../../../plugins/individual/playcanvas-engine/skills/playcanvas-engine/SKILL.mddoc22,829 bytes../../../plugins/individual/playcanvas-engine/skills/playcanvas-engine/assets/examples/README.mddoc20,615 bytes../../../plugins/individual/playcanvas-engine/skills/playcanvas-engine/assets/starter_playcanvas/README.mddoc9,398 bytes../../../plugins/individual/playcanvas-engine/skills/playcanvas-engine/assets/starter_playcanvas/index.htmlasset2,076 bytes../../../plugins/individual/playcanvas-engine/skills/playcanvas-engine/assets/starter_playcanvas/scripts/app.jsruns6,579 bytes../../../plugins/individual/playcanvas-engine/skills/playcanvas-engine/assets/starter_playcanvas/scripts/camera-controller.jsruns8,538 bytes../../../plugins/individual/playcanvas-engine/skills/playcanvas-engine/assets/starter_playcanvas/scripts/input-manager.jsruns5,852 bytes../../../plugins/individual/playcanvas-engine/skills/playcanvas-engine/assets/starter_playcanvas/styles.cssasset4,304 bytes../../../plugins/individual/playcanvas-engine/skills/playcanvas-engine/references/api_reference.mddoc20,381 bytes../../../plugins/individual/playcanvas-engine/skills/playcanvas-engine/references/editor_workflow.mddoc17,093 bytes../../../plugins/individual/playcanvas-engine/skills/playcanvas-engine/references/optimization_guide.mddoc18,665 bytes../../../plugins/individual/playcanvas-engine/skills/playcanvas-engine/scripts/component_builder.pyruns28,728 bytes../../../plugins/individual/playcanvas-engine/skills/playcanvas-engine/scripts/project_generator.pyruns22,487 bytes../../../plugins/individual/react-spring-physics/.claude-plugin/plugin.jsonasset1,193 bytes../../../plugins/individual/react-spring-physics/agents/react-spring-physics-choreographer.mddoc971 bytes../../../plugins/individual/react-spring-physics/commands/physics_calculator.mddoc584 bytes../../../plugins/individual/react-spring-physics/commands/physics_calculator.mddoc584 bytes../../../plugins/individual/react-spring-physics/commands/spring_generator.mddoc572 bytes../../../plugins/individual/react-spring-physics/commands/spring_generator.mddoc572 bytes../../../plugins/individual/react-spring-physics/skills/react-spring-physics/SKILL.mddoc11,361 bytes../../../plugins/individual/react-spring-physics/skills/react-spring-physics/assets/README.mddoc7,473 bytes../../../plugins/individual/react-spring-physics/skills/react-spring-physics/references/physics_guide.mddoc11,611 bytes../../../plugins/individual/react-spring-physics/skills/react-spring-physics/references/popmotion_api.mddoc11,493 bytes../../../plugins/individual/react-spring-physics/skills/react-spring-physics/references/react_spring_api.mddoc13,151 bytes../../../plugins/individual/react-spring-physics/skills/react-spring-physics/scripts/physics_calculator.pyruns9,075 bytes../../../plugins/individual/react-spring-physics/skills/react-spring-physics/scripts/spring_generator.pyruns8,483 bytes../../../plugins/individual/react-three-fiber/.claude-plugin/plugin.jsonasset952 bytes../../../plugins/individual/react-three-fiber/agents/react-three-fiber-architect.mddoc1,023 bytes../../../plugins/individual/react-three-fiber/commands/component_generator.mddoc599 bytes../../../plugins/individual/react-three-fiber/commands/component_generator.mddoc599 bytes../../../plugins/individual/react-three-fiber/commands/scene_setup.mddoc551 bytes../../../plugins/individual/react-three-fiber/commands/scene_setup.mddoc551 bytes../../../plugins/individual/react-three-fiber/skills/react-three-fiber/SKILL.mddoc22,994 bytes../../../plugins/individual/react-three-fiber/skills/react-three-fiber/assets/examples/README.mddoc16,591 bytes../../../plugins/individual/react-three-fiber/skills/react-three-fiber/assets/starter_r3f/README.mddoc5,603 bytes../../../plugins/individual/react-three-fiber/skills/react-three-fiber/assets/starter_r3f/index.htmlasset1,593 bytes../../../plugins/individual/react-three-fiber/skills/react-three-fiber/assets/starter_r3f/package.jsonruns570 bytes../../../plugins/individual/react-three-fiber/skills/react-three-fiber/assets/starter_r3f/src/App.jsxruns282 bytes../../../plugins/individual/react-three-fiber/skills/react-three-fiber/assets/starter_r3f/src/Experience.jsxruns1,329 bytes../../../plugins/individual/react-three-fiber/skills/react-three-fiber/assets/starter_r3f/src/components/Box.jsxruns945 bytes../../../plugins/individual/react-three-fiber/skills/react-three-fiber/assets/starter_r3f/src/components/Sphere.jsxruns638 bytes../../../plugins/individual/react-three-fiber/skills/react-three-fiber/assets/starter_r3f/src/main.jsxruns208 bytes../../../plugins/individual/react-three-fiber/skills/react-three-fiber/assets/starter_r3f/vite.config.jsruns406 bytes../../../plugins/individual/react-three-fiber/skills/react-three-fiber/references/api_reference.mddoc18,479 bytes../../../plugins/individual/react-three-fiber/skills/react-three-fiber/scripts/component_generator.pyruns19,731 bytes../../../plugins/individual/react-three-fiber/skills/react-three-fiber/scripts/scene_setup.pyruns18,385 bytes../../../plugins/individual/rive-interactive/.claude-plugin/plugin.jsonasset1,119 bytes../../../plugins/individual/rive-interactive/agents/rive-interactive-choreographer.mddoc939 bytes../../../plugins/individual/rive-interactive/commands/component_generator.mddoc558 bytes../../../plugins/individual/rive-interactive/commands/component_generator.mddoc558 bytes../../../plugins/individual/rive-interactive/commands/viewmodel_builder.mddoc546 bytes../../../plugins/individual/rive-interactive/commands/viewmodel_builder.mddoc546 bytes../../../plugins/individual/rive-interactive/skills/rive-interactive/SKILL.mddoc15,744 bytes../../../plugins/individual/rive-interactive/skills/rive-interactive/assets/README.mddoc1,873 bytes../../../plugins/individual/rive-interactive/skills/rive-interactive/references/api_reference.mddoc6,953 bytes../../../plugins/individual/rive-interactive/skills/rive-interactive/scripts/component_generator.pyruns688 bytes../../../plugins/individual/rive-interactive/skills/rive-interactive/scripts/viewmodel_builder.pyruns1,151 bytes../../../plugins/individual/scroll-reveal-libraries/.claude-plugin/plugin.jsonasset1,115 bytes../../../plugins/individual/scroll-reveal-libraries/agents/scroll-reveal-libraries-specialist.mddoc968 bytes../../../plugins/individual/scroll-reveal-libraries/commands/aos_generator.mddoc593 bytes../../../plugins/individual/scroll-reveal-libraries/commands/aos_generator.mddoc593 bytes../../../plugins/individual/scroll-reveal-libraries/commands/config_builder.mddoc599 bytes../../../plugins/individual/scroll-reveal-libraries/commands/config_builder.mddoc599 bytes../../../plugins/individual/scroll-reveal-libraries/skills/scroll-reveal-libraries/SKILL.mddoc17,120 bytes../../../plugins/individual/scroll-reveal-libraries/skills/scroll-reveal-libraries/assets/README.mddoc17,813 bytes../../../plugins/individual/scroll-reveal-libraries/skills/scroll-reveal-libraries/references/animation_catalog.mddoc12,597 bytes../../../plugins/individual/scroll-reveal-libraries/skills/scroll-reveal-libraries/references/aos_api.mddoc14,552 bytes../../../plugins/individual/scroll-reveal-libraries/skills/scroll-reveal-libraries/scripts/aos_generator.pyruns21,702 bytes../../../plugins/individual/scroll-reveal-libraries/skills/scroll-reveal-libraries/scripts/config_builder.pyruns12,733 bytes../../../plugins/individual/spline-interactive/.claude-plugin/plugin.jsonasset1,090 bytes../../../plugins/individual/spline-interactive/agents/spline-interactive-pipeline.mddoc875 bytes../../../plugins/individual/spline-interactive/commands/component_builder.mddoc556 bytes../../../plugins/individual/spline-interactive/commands/component_builder.mddoc556 bytes../../../plugins/individual/spline-interactive/commands/project_generator.mddoc556 bytes../../../plugins/individual/spline-interactive/commands/project_generator.mddoc556 bytes../../../plugins/individual/spline-interactive/skills/spline-interactive/SKILL.mddoc19,539 bytes../../../plugins/individual/spline-interactive/skills/spline-interactive/assets/README.mddoc7,883 bytes../../../plugins/individual/spline-interactive/skills/spline-interactive/references/api_reference.mddoc13,071 bytes../../../plugins/individual/spline-interactive/skills/spline-interactive/scripts/component_builder.pyruns6,637 bytes../../../plugins/individual/spline-interactive/skills/spline-interactive/scripts/project_generator.pyruns7,828 bytes../../../plugins/individual/substance-3d-texturing/.claude-plugin/plugin.jsonasset1,199 bytes../../../plugins/individual/substance-3d-texturing/agents/substance-3d-texturing-pipeline.mddoc893 bytes../../../plugins/individual/substance-3d-texturing/commands/batch_export.mddoc552 bytes../../../plugins/individual/substance-3d-texturing/commands/batch_export.mddoc552 bytes../../../plugins/individual/substance-3d-texturing/commands/generate_export_preset.mddoc612 bytes../../../plugins/individual/substance-3d-texturing/commands/generate_export_preset.mddoc612 bytes../../../plugins/individual/substance-3d-texturing/commands/web_optimizer.mddoc558 bytes../../../plugins/individual/substance-3d-texturing/commands/web_optimizer.mddoc558 bytes../../../plugins/individual/substance-3d-texturing/skills/substance-3d-texturing/SKILL.mddoc15,927 bytes../../../plugins/individual/substance-3d-texturing/skills/substance-3d-texturing/assets/README.mddoc7,438 bytes../../../plugins/individual/substance-3d-texturing/skills/substance-3d-texturing/assets/export_templates/babylonjs_pbr.jsonasset2,211 bytes../../../plugins/individual/substance-3d-texturing/skills/substance-3d-texturing/assets/export_templates/gltf_standard.jsonasset2,214 bytes../../../plugins/individual/substance-3d-texturing/skills/substance-3d-texturing/assets/export_templates/mobile_webgl.jsonasset2,206 bytes../../../plugins/individual/substance-3d-texturing/skills/substance-3d-texturing/assets/export_templates/threejs_optimized.jsonasset2,847 bytes../../../plugins/individual/substance-3d-texturing/skills/substance-3d-texturing/assets/export_templates/web_orm_packed.jsonasset2,380 bytes../../../plugins/individual/substance-3d-texturing/skills/substance-3d-texturing/references/export_presets.mddoc20,493 bytes../../../plugins/individual/substance-3d-texturing/skills/substance-3d-texturing/references/pbr_channel_guide.mddoc17,038 bytes../../../plugins/individual/substance-3d-texturing/skills/substance-3d-texturing/references/python_api_reference.mddoc20,148 bytes../../../plugins/individual/substance-3d-texturing/skills/substance-3d-texturing/scripts/batch_export.pyruns8,725 bytes../../../plugins/individual/substance-3d-texturing/skills/substance-3d-texturing/scripts/generate_export_preset.pyruns15,727 bytes../../../plugins/individual/substance-3d-texturing/skills/substance-3d-texturing/scripts/web_optimizer.pyruns11,508 bytes../../../plugins/individual/threejs-webgl/.claude-plugin/plugin.jsonasset918 bytes../../../plugins/individual/threejs-webgl/agents/threejs-webgl-architect.mddoc1,011 bytes../../../plugins/individual/threejs-webgl/commands/setup_scene.mddoc534 bytes../../../plugins/individual/threejs-webgl/commands/setup_scene.mddoc534 bytes../../../plugins/individual/threejs-webgl/skills/threejs-webgl/SKILL.mddoc15,731 bytes../../../plugins/individual/threejs-webgl/skills/threejs-webgl/assets/starter_scene/README.mddoc2,983 bytes../../../plugins/individual/threejs-webgl/skills/threejs-webgl/assets/starter_scene/index.htmlasset1,733 bytes../../../plugins/individual/threejs-webgl/skills/threejs-webgl/assets/starter_scene/main.jsruns4,481 bytes../../../plugins/individual/threejs-webgl/skills/threejs-webgl/references/api_reference.mddoc11,038 bytes../../../plugins/individual/threejs-webgl/skills/threejs-webgl/references/materials_guide.mddoc11,484 bytes../../../plugins/individual/threejs-webgl/skills/threejs-webgl/references/optimization_checklist.mddoc9,675 bytes../../../plugins/individual/threejs-webgl/skills/threejs-webgl/scripts/setup_scene.pyruns6,813 bytes../../../plugins/individual/web3d-integration-patterns/.claude-plugin/plugin.jsonasset1,099 bytes../../../plugins/individual/web3d-integration-patterns/agents/web3d-integration-patterns-specialist.mddoc986 bytes../../../plugins/individual/web3d-integration-patterns/commands/help.mddoc377 bytes../../../plugins/individual/web3d-integration-patterns/commands/help.mddoc377 bytes../../../plugins/individual/web3d-integration-patterns/commands/setup.mddoc407 bytes../../../plugins/individual/web3d-integration-patterns/commands/setup.mddoc407 bytes../../../plugins/individual/web3d-integration-patterns/skills/web3d-integration-patterns/SKILL.mddoc21,184 bytes
Read SKILL.md
# A-Frame WebXR Skill
## When to Use This Skill
- Build VR/AR experiences with minimal JavaScript
- Create cross-platform WebXR applications (desktop, mobile, headset)
- Prototype 3D scenes quickly with HTML primitives
- Implement VR controller interactions
- Add 3D content to web pages declaratively
- Build 360° image/video experiences
- Develop AR experiences with hit testing
## Core Concepts
### 1. Entity-Component-System (ECS)animated-component-libraries
When your agent uses it
Pre-built animated React component collections combining Magic UI (150+ TypeScript/Tailwind/Motion components) and React Bits (90+ minimal-dependency animated components). Use this skill when building landing pages, marketing sites, dashboards, or interactive UIs requiring pre-made animated components instead of hand-crafting animations. Triggers on tasks involving animated UI components, Magic UI, React Bits, shadcn/ui integration, Tailwind CSS components, or component library selection. Alternative to manually implementing animations with Framer Motion or GSAP.
What it loads into context
Frontmatter
115 tokensAlways available to the agent
SKILL.md
5,506 tokensWhen the skill is activated
Reference documents
13,454 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Overview
- Core Concepts
- Common Patterns
- Integration Patterns
- Performance Optimization
- Common Pitfalls
- Resources
- Related Skills
Scripts executed separately
scripts/component_importer.pyscripts/props_generator.py
Files
SKILL.mdcore22,597 bytesSKILL.mdcore22,597 bytesSKILL.mdcore22,597 bytesSKILL.mdcore22,597 bytesSKILL.mdcore22,597 bytesassets/README.mddoc9,831 bytesreferences/customization_guide.mddoc13,895 bytesreferences/magic_ui_components.mddoc10,025 bytesreferences/react_bits_components.mddoc15,557 bytesscripts/component_importer.pyruns9,212 bytesscripts/props_generator.pyruns10,326 bytes
Read SKILL.md
# Animated Component Libraries
## Overview
This skill provides expertise in pre-built animated React component libraries, specifically Magic UI and React Bits. These libraries offer production-ready, animated components that significantly accelerate development of modern, interactive web applications.
**Magic UI** provides 150+ TypeScript components built on Tailwind CSS and Framer Motion, designed for seamless integration with shadcn/ui. Components are copy-paste ready and highly customizable.
**React Bits** offers 90+ animated React components with minimal dependencies, focusing on visual effects, backgrounds, and micro-interactions. Components emphasize performance and ease of customization.
Both libraries follow modern React patterns, support TypeScript, and integrate with popular design systems.
## Core Concepts
animejs
When your agent uses it
Versatile JavaScript animation engine for DOM, CSS, SVG, and JavaScript objects. Use when creating timeline-based animations, stagger effects, SVG morphing, keyframe sequences, or complex choreographed animations. Triggers on tasks involving Anime.js, timeline animations, staggered sequences, SVG path animations, morphing, or multi-step animation choreography. Alternative to GSAP for SVG-heavy animations and React-independent projects.
What it loads into context
Frontmatter
90 tokensAlways available to the agent
SKILL.md
2,897 tokensWhen the skill is activated
Reference documents
11,404 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Overview
- Core Concepts
- Common Patterns
- Integration Patterns
- Advanced Techniques
- Performance Optimization
- Common Pitfalls
- Resources
- Related Skills
Scripts executed separately
scripts/animation_generator.pyscripts/timeline_builder.py
Files
SKILL.mdcore10,775 bytesassets/README.mddoc8,886 bytesreferences/api_reference.mddoc10,483 bytesreferences/stagger_guide.mddoc9,161 bytesreferences/timeline_guide.mddoc10,621 bytesscripts/animation_generator.pyruns5,834 bytesscripts/timeline_builder.pyruns7,842 bytes
Read SKILL.md
# Anime.js
Lightweight JavaScript animation library with powerful timeline and stagger capabilities for web animations.
## Overview
Anime.js (pronounced "Anime JS") is a versatile animation engine that works with DOM elements, CSS properties, SVG attributes, and JavaScript objects. Unlike React-specific libraries, Anime.js works with vanilla JavaScript and any framework.
**When to use this skill:**
- Timeline-based animation sequences with precise choreography
- Staggered animations across multiple elements
- SVG path morphing and drawing animations
- Keyframe animations with percentage-based timing
- Framework-agnostic animation (works with React, Vue, vanilla JS)babylonjs-engine
When your agent uses it
Comprehensive skill for Babylon.js 3D web rendering engine. Use this skill when building real-time 3D experiences, browser-based games, interactive visualizations, or immersive web applications. Triggers on tasks involving Babylon.js, 3D scenes, WebGL/WebGPU rendering, entity-component systems, physics simulations, PBR materials, shadow mapping, or 3D model loading. Alternative to Three.js with built-in editor integration and game engine features.
What it loads into context
Frontmatter
100 tokensAlways available to the agent
SKILL.md
8,404 tokensWhen the skill is activated
Reference documents
19,547 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Related Skills
- Core Concepts
- Common Patterns
- Integration Patterns
- Performance Optimization
- Common Pitfalls
- Advanced Topics
- Debugging
- Resources
- Version Notes
Scripts executed separately
assets/starter_babylon/package.jsonassets/starter_babylon/src/main.jsassets/starter_babylon/vite.config.jsscripts/mesh_builder.pyscripts/scene_generator.py
Files
SKILL.mdcore31,117 bytesassets/examples/README.mddoc30,647 bytesassets/starter_babylon/README.mddoc6,762 bytesassets/starter_babylon/index.htmlasset647 bytesassets/starter_babylon/package.jsonruns426 bytesassets/starter_babylon/src/main.jsruns7,422 bytesassets/starter_babylon/src/style.cssasset1,217 bytesassets/starter_babylon/vite.config.jsruns235 bytesreferences/api_reference.mddoc41,609 bytesscripts/mesh_builder.pyruns17,048 bytesscripts/scene_generator.pyruns19,154 bytes
Read SKILL.md
# Babylon.js Engine Skill
## Related Skills
- threejs-webgl: Alternative 3D engine
- react-three-fiber: React integration for 3D
- gsap-scrolltrigger: Animation library
- motion-framer: UI animations
## Core Concepts
### 1. Engine and Scene Initialization
**Basic Setup**
```javascriptbarba-js
When your agent uses it
Page transitions library for creating fluid, smooth transitions between website pages. Use this skill when implementing page transitions, creating SPA-like experiences, adding animated route changes, or building websites with smooth navigation. Triggers on tasks involving Barba.js, page transitions, routing, view management, transition hooks, GSAP integration, or smooth page navigation. Works with gsap-scrolltrigger for transition animations.
What it loads into context
Frontmatter
84 tokensAlways available to the agent
SKILL.md
4,881 tokensWhen the skill is activated
Reference documents
20,960 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Overview
- Core Concepts
- Common Patterns
- Integration Patterns
- Performance Optimization
- Common Pitfalls
- Resources
- Related Skills
Scripts executed separately
scripts/project_setup.pyscripts/transition_generator.py
Files
SKILL.mdcore19,598 bytesSKILL.mdcore19,598 bytesSKILL.mdcore19,598 bytesSKILL.mdcore19,598 bytesSKILL.mdcore19,598 bytesassets/README.mddoc4,561 bytesreferences/api_reference.mddoc23,282 bytesreferences/gsap_integration.mddoc16,066 bytesreferences/hooks_guide.mddoc19,411 bytesreferences/transition_patterns.mddoc16,742 bytesscripts/project_setup.pyruns19,813 bytesscripts/transition_generator.pyruns12,769 bytes
Read SKILL.md
# Barba.js
Modern page transition library for creating fluid, smooth transitions between website pages. Barba.js makes multi-page websites feel like Single Page Applications (SPAs) by hijacking navigation and managing transitions without full page reloads.
## Overview
Barba.js is a lightweight (7kb minified and compressed) JavaScript library that intercepts navigation between pages, fetches new content via AJAX, and smoothly transitions between old and new containers. It reduces page load delays and HTTP requests while maintaining the benefits of traditional multi-page architecture.
**Core Features**:
- Smooth page transitions without full reloads
- Lifecycle hooks for precise control over transition phases
- View-based logic for page-specific behaviors
- Built-in routing with @barba/router plugin
- Extensible plugin systemblender-web-pipeline
When your agent uses it
Blender to web export workflows for 3D models and animations. Use this skill when exporting Blender models to glTF for web, optimizing 3D assets for Three.js or Babylon.js, batch processing models with Python scripts, automating Blender workflows, or creating web-ready 3D pipelines. Triggers on tasks involving Blender glTF export, bpy scripting, 3D asset optimization, model compression, texture baking, or Blender automation. Exports models for threejs-webgl, react-three-fiber, and babylonjs-engine skills.
What it loads into context
Frontmatter
118 tokensAlways available to the agent
SKILL.md
4,144 tokensWhen the skill is activated
Reference documents
2,059 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Overview
- Core Concepts
- Common Patterns
- Integration Patterns
- Optimization Techniques
- Common Pitfalls
- Best Practices
- Resources
- Related Skills
Scripts executed separately
scripts/batch_export.pyscripts/generate_lods.pyscripts/optimize_model.py
Files
SKILL.mdcore16,782 bytesSKILL.mdcore16,782 bytesSKILL.mdcore16,782 bytesSKILL.mdcore16,782 bytesSKILL.mdcore16,782 bytesSKILL.mdcore16,782 bytesSKILL.mdcore16,782 bytesSKILL.mdcore16,782 bytesSKILL.mdcore16,782 bytesSKILL.mdcore16,782 bytesSKILL.mdcore16,782 bytesSKILL.mdcore16,782 bytesSKILL.mdcore16,782 bytesSKILL.mdcore16,782 bytesSKILL.mdcore16,782 bytesSKILL.mdcore16,782 bytesSKILL.mdcore16,782 bytesSKILL.mdcore16,782 bytesSKILL.mdcore16,782 bytesSKILL.mdcore16,782 bytesSKILL.mdcore16,782 bytesassets/README.mddoc841 bytesreferences/bpy_api_reference.mddoc1,825 bytesreferences/gltf_export_guide.mddoc3,740 bytesreferences/optimization_strategies.mddoc1,564 bytesscripts/batch_export.pyruns967 bytesscripts/generate_lods.pyruns913 bytesscripts/optimize_model.pyruns720 bytes
Read SKILL.md
# Blender Web Pipeline
## Overview
Blender Web Pipeline skill provides workflows for exporting 3D models and animations from Blender to web-optimized formats (primarily glTF 2.0). It covers Python scripting for batch processing, optimization techniques for web performance, and integration with web 3D libraries like Three.js and Babylon.js.
**When to use this skill:**
- Exporting Blender models for web applications
- Batch processing multiple 3D assets
- Optimizing file sizes for web delivery
- Automating repetitive Blender tasks
- Creating production pipelines for 3D web content
- Converting legacy formats to glTF
gsap-scrolltrigger
When your agent uses it
Comprehensive skill for GSAP (GreenSock Animation Platform) and ScrollTrigger plugin. Use this skill when creating web animations, scroll-driven experiences, timelines, tweens, scroll-triggered animations, pinning, scrubbing, parallax effects, or animating DOM elements, SVG, Canvas, WebGL, or Three.js. Triggers on tasks involving GSAP, ScrollTrigger, smooth animations, scroll effects, or animation sequencing.
What it loads into context
Frontmatter
95 tokensAlways available to the agent
SKILL.md
4,771 tokensWhen the skill is activated
Reference documents
19,320 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Overview
- Core Concepts
- ScrollTrigger Fundamentals
- Common Patterns
- Integration Patterns
- Advanced Techniques
- Performance Best Practices
- Common Pitfalls
- Easing Reference
- ScrollTrigger Methods
- Resources
- When to Use This Skill
Scripts executed separately
assets/starter_scroll/main.jsscripts/generate_animation.pyscripts/timeline_builder.py
Files
SKILL.mdcore17,238 bytesassets/easings/easing_visualizer.htmlasset14,295 bytesassets/examples/README.mddoc8,427 bytesassets/starter_scroll/README.mddoc10,778 bytesassets/starter_scroll/index.htmlasset8,288 bytesassets/starter_scroll/main.jsruns9,838 bytesassets/starter_scroll/style.cssasset11,573 bytesreferences/api_reference.mddoc9,062 bytesreferences/common_patterns.mddoc24,473 bytesreferences/easing_guide.mddoc16,338 bytesscripts/generate_animation.pyruns13,955 bytesscripts/timeline_builder.pyruns18,784 bytes
Read SKILL.md
# GSAP & ScrollTrigger Development
## Overview
GSAP (GreenSock Animation Platform) is the industry-leading JavaScript animation library for creating high-performance, production-quality animations. ScrollTrigger is GSAP's powerful plugin for scroll-driven animations. Together, they enable everything from simple UI transitions to complex scroll-based storytelling experiences.
## Core Concepts
### The Basics: Tweens
A **tween** is a single animation from point A to point B.
```javascript
// Animate TO a state (from current)lightweight-3d-effects
When your agent uses it
Lightweight 3D effects for decorative elements and micro-interactions using Zdog, Vanta.js, and Vanilla-Tilt.js. Use this skill when adding pseudo-3D illustrations, animated backgrounds, parallax tilt effects, decorative 3D elements, or subtle depth effects without heavy frameworks. Triggers on tasks involving Zdog pseudo-3D, Vanta.js backgrounds, Vanilla-Tilt parallax, card tilt effects, hero section animations, or lightweight landing page visuals. Ideal for performance-focused designs.
What it loads into context
Frontmatter
112 tokensAlways available to the agent
SKILL.md
6,812 tokensWhen the skill is activated
Reference documents
29,548 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Overview
- When to Use This Skill
- Zdog - Pseudo-3D Illustrations
- Vanta.js - Animated 3D Backgrounds
- Vanilla-Tilt.js - Parallax Tilt Effects
- Common Patterns
- Performance Best Practices
- Common Pitfalls
- Resources
- Related Skills
Scripts executed separately
assets/starter_lightweight/main.jsscripts/generate_zdog.pyscripts/setup_vanta.py
Files
SKILL.mdcore22,880 bytesassets/examples/README.mddoc27,112 bytesassets/starter_lightweight/README.mddoc11,642 bytesassets/starter_lightweight/index.htmlasset3,154 bytesassets/starter_lightweight/main.jsruns9,539 bytesassets/starter_lightweight/style.cssasset4,774 bytesreferences/tilt_patterns.mddoc20,892 bytesreferences/vantajs_effects.mddoc19,469 bytesreferences/zdog_api.mddoc21,376 bytesscripts/generate_zdog.pyruns22,409 bytesscripts/setup_vanta.pyruns19,934 bytes
Read SKILL.md
# Lightweight 3D Effects Skill
## Overview
This skill combines three powerful libraries for decorative 3D elements and micro-interactions:
- **Zdog**: Pseudo-3D engine for designer-friendly vector illustrations
- **Vanta.js**: Animated 3D backgrounds powered by Three.js/p5.js
- **Vanilla-Tilt.js**: Smooth parallax tilt effects responding to mouse/gyroscope
## When to Use This Skill
- Add decorative 3D illustrations without heavy frameworks
- Create animated backgrounds for hero sections
- Implement subtle parallax tilt effects on cards/images
- Build lightweight landing pages with visual depthlocomotive-scroll
When your agent uses it
Comprehensive skill for Locomotive Scroll smooth scrolling library with parallax effects, viewport detection, and scroll-driven animations. Use this skill when implementing smooth scrolling experiences, creating parallax effects, building scroll-triggered animations, or developing immersive scrolling websites. Triggers on tasks involving Locomotive Scroll, smooth scrolling, parallax, scroll detection, scroll events, sticky elements, horizontal scrolling, or GSAP ScrollTrigger integration. Integrates with GSAP for advanced scroll-driven animations.
What it loads into context
Frontmatter
102 tokensAlways available to the agent
SKILL.md
2,956 tokensWhen the skill is activated
Reference documents
8,118 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Overview
- Installation
- Core Concepts
- Common Patterns
- Integration with GSAP ScrollTrigger
- Instance Methods
- Performance Optimization
- Common Pitfalls
- Related Skills
- Resources
Scripts executed separately
assets/starter_locomotive/main.jsassets/starter_locomotive/package.jsonscripts/generate_config.pyscripts/integration_helper.py
Files
SKILL.mdcore12,368 bytesSKILL.mdcore12,368 bytesassets/starter_locomotive/README.mddoc6,951 bytesassets/starter_locomotive/index.htmlasset4,432 bytesassets/starter_locomotive/main.jsruns3,772 bytesassets/starter_locomotive/package.jsonruns357 bytesassets/starter_locomotive/style.cssasset5,195 bytesreferences/api_reference.mddoc11,843 bytesreferences/gsap_integration.mddoc13,346 bytesscripts/generate_config.pyruns11,185 bytesscripts/integration_helper.pyruns13,982 bytes
Read SKILL.md
# Locomotive Scroll
Comprehensive guide for implementing smooth scrolling, parallax effects, and scroll-driven animations using Locomotive Scroll.
## Overview
Locomotive Scroll is a JavaScript library that provides:
- **Smooth scrolling**: Hardware-accelerated smooth scroll with customizable easing
- **Parallax effects**: Element-level speed control for depth
- **Viewport detection**: Track when elements enter/exit viewport
- **Scroll events**: Monitor scroll progress for animation synchronization
- **Sticky elements**: Pin elements within defined boundaries
- **Horizontal scrolling**: Support for horizontal scroll layouts
lottie-animations
When your agent uses it
After Effects animation rendering for web and React applications. Use this skill when implementing Lottie animations, JSON vector animations, interactive animated icons, micro-interactions, or loading animations. Triggers on tasks involving Lottie, lottie-web, lottie-react, dotLottie, After Effects JSON export, bodymovin, animated SVG alternatives, or designer-created animations. Complements GSAP ScrollTrigger and Framer Motion for scroll-driven and interactive animations.
What it loads into context
Frontmatter
99 tokensAlways available to the agent
SKILL.md
4,538 tokensWhen the skill is activated
Reference documents
9,992 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Overview
- Core Concepts
- Common Patterns
- Integration Patterns
- Performance Optimization
- Common Pitfalls
- Resources
- Related Skills
Scripts executed separately
scripts/generate_lottie_component.pyscripts/optimize_lottie.py
Files
SKILL.mdcore17,982 bytesassets/starter_lottie/README.mddoc1,824 bytesreferences/after_effects_export.mddoc9,845 bytesreferences/api_reference.mddoc15,661 bytesreferences/performance_guide.mddoc11,607 bytesscripts/generate_lottie_component.pyruns5,647 bytesscripts/optimize_lottie.pyruns2,641 bytes
Read SKILL.md
# Lottie Animations
## Overview
Lottie is a library for rendering After Effects animations in real-time on web, iOS, Android, and React Native. Created by Airbnb, it allows designers to ship animations as easily as shipping static assets. Animations are exported from After Effects as JSON files using the Bodymovin plugin, then rendered natively with minimal performance overhead.
**When to use Lottie:**
- Designer-created animations that need pixel-perfect fidelity
- Complex animated icons and micro-interactions
- Loading animations and progress indicators
- Onboarding sequences and tutorial animations
- Marketing animations and promotional content
- Alternative to GIF/video with smaller file sizes and scalability
modern-web-design
When your agent uses it
Modern web design trends, principles, and implementation patterns for 2024-2025. Use this skill when designing websites, creating interactive experiences, implementing design systems, ensuring accessibility, or building performance-first interfaces. Triggers on tasks involving modern design trends, micro-interactions, scrollytelling, bold minimalism, cursor UX, glassmorphism, accessibility compliance, performance optimization, or design system architecture. References animation skills (GSAP, Framer Motion, React Spring), 3D skills (Three.js, R3F, Babylon.js), and component libraries for implementation guidance.
What it loads into context
Frontmatter
126 tokensAlways available to the agent
SKILL.md
7,010 tokensWhen the skill is activated
Reference documents
24,096 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Overview
- Core Design Principles (2024-2025)
- Common Design Patterns
- Integration with Other Skills
- Accessibility Best Practices
- Performance Optimization
- Common Pitfalls
- Design System Architecture
- Resources
Scripts executed separately
scripts/design_audit.pyscripts/pattern_generator.py
Files
SKILL.mdcore26,596 bytesSKILL.mdcore26,596 bytesSKILL.mdcore26,596 bytesassets/README.mddoc7,811 bytesreferences/accessibility_guide.mddoc19,842 bytesreferences/design_trends_2024.mddoc20,338 bytesreferences/interaction_patterns.mddoc21,720 bytesreferences/performance_checklist.mddoc18,722 bytesscripts/design_audit.pyruns15,021 bytesscripts/pattern_generator.pyruns24,524 bytes
Read SKILL.md
# Modern Web Design
## Overview
Modern web design in 2024-2025 emphasizes performance, accessibility, and meaningful interactions. This skill provides comprehensive guidance on current design trends, implementation patterns, and best practices for creating engaging, accessible, and performant web experiences.
This meta-skill synthesizes knowledge from all animation, interaction, and 3D skills in this repository to provide holistic design guidance.
## Core Design Principles (2024-2025)
### 1. Performance-First Design
**Philosophy**: Design decisions should prioritize Core Web Vitals and user experience on all devices.
motion-framer
When your agent uses it
Modern animation library for React and JavaScript. Create smooth, production-ready animations with motion components, variants, gestures (hover/tap/drag), layout animations, AnimatePresence exit animations, spring physics, and scroll-based effects. Use when building interactive UI components, micro-interactions, page transitions, or complex animation sequences.
What it loads into context
Frontmatter
72 tokensAlways available to the agent
SKILL.md
5,657 tokensWhen the skill is activated
Reference documents
25,907 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Overview
- Core Concepts
- Common Patterns
- Gesture Recognition
- Hooks
- Integration Patterns
- Performance Optimization
- Common Pitfalls
- Resources
Scripts executed separately
assets/starter_motion/package.jsonassets/starter_motion/src/App.jsxassets/starter_motion/src/components/DraggableBox.jsxassets/starter_motion/src/components/HoverCard.jsxassets/starter_motion/src/components/StaggerList.jsxassets/starter_motion/src/main.jsxassets/starter_motion/vite.config.jsscripts/animation_generator.pyscripts/variant_builder.py
Files
SKILL.mdcore21,032 bytesassets/examples/README.mddoc73,986 bytesassets/starter_motion/README.mddoc6,762 bytesassets/starter_motion/index.htmlasset958 bytesassets/starter_motion/package.jsonruns452 bytesassets/starter_motion/src/App.cssasset1,747 bytesassets/starter_motion/src/App.jsxruns3,513 bytesassets/starter_motion/src/components/DraggableBox.jsxruns1,439 bytesassets/starter_motion/src/components/HoverCard.jsxruns803 bytesassets/starter_motion/src/components/StaggerList.jsxruns1,582 bytesassets/starter_motion/src/main.jsxruns208 bytesassets/starter_motion/vite.config.jsruns210 bytesreferences/api_reference.mddoc20,478 bytesscripts/animation_generator.pyruns15,573 bytesscripts/variant_builder.pyruns13,942 bytes
Read SKILL.md
# Motion & Framer Motion
## Overview
Motion (formerly Framer Motion) is a production-ready animation library for React and JavaScript that enables declarative, performant animations with minimal code. It provides `motion` components that wrap HTML elements with animation superpowers, supports gesture recognition (hover, tap, drag, focus), and includes advanced features like layout animations, exit animations, and spring physics.
**When to use this skill:**
- Building interactive UI components (buttons, cards, menus)
- Creating micro-interactions and hover effects
- Implementing page transitions and route animations
- Adding scroll-based animations and parallax effects
- Animating layout changes (resizing, reordering, shared element transitions)
- Drag-and-drop interfaces
- Complex animation sequences and state-based animationspixijs-2d
When your agent uses it
Fast, lightweight 2D rendering engine for creating interactive graphics, particle effects, and canvas-based applications using WebGL/WebGPU. Use this skill when building 2D games, particle systems, interactive canvases, sprite animations, or UI overlays on 3D scenes. Triggers on tasks involving PixiJS, 2D rendering, sprite sheets, particle effects, filters, or high-performance canvas graphics. Alternative to Canvas2D with WebGL acceleration for rendering thousands of sprites at 60 FPS.
What it loads into context
Frontmatter
112 tokensAlways available to the agent
SKILL.md
5,492 tokensWhen the skill is activated
Reference documents
43,558 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- When to Use This Skill
- Core Concepts
- Common Patterns
- Integration Patterns
- Performance Best Practices
- Common Pitfalls
- Resources
- Related Skills
- Summary
Scripts executed separately
assets/starter_pixijs/main.jsscripts/particle_builder.pyscripts/sprite_generator.py
Files
SKILL.mdcore21,108 bytesassets/examples/README.mddoc94,824 bytesassets/starter_pixijs/README.mddoc11,182 bytesassets/starter_pixijs/index.htmlasset1,286 bytesassets/starter_pixijs/main.jsruns4,278 bytesassets/starter_pixijs/styles.cssasset3,054 bytesreferences/api_reference.mddoc27,335 bytesreferences/filters_effects.mddoc19,346 bytesreferences/performance_guide.mddoc23,181 bytesscripts/particle_builder.pyruns28,371 bytesscripts/sprite_generator.pyruns25,223 bytes
Read SKILL.md
# PixiJS 2D Rendering Skill
Fast, lightweight 2D rendering engine for creating interactive graphics, particle effects, and canvas-based applications using WebGL/WebGPU.
---
## When to Use This Skill
Trigger this skill when you encounter:
- "Create 2D particle effects" or "animated particles"
- "2D sprite animation" or "sprite sheet handling"
- "Interactive canvas graphics" or "2D game"
- "UI overlays on 3D scenes" or "HUD layer"
- "Draw shapes programmatically" or "vector graphics API"playcanvas-engine
When your agent uses it
Lightweight WebGL/WebGPU game engine with entity-component architecture and visual editor integration. Use this skill when building browser-based games, interactive 3D applications, or performance-critical web experiences. Triggers on tasks involving PlayCanvas, entity-component systems, game engine development, WebGL games, 3D browser applications, editor-first workflows, or real-time 3D rendering. Alternative to Three.js with game-specific features and integrated development environment.
What it loads into context
Frontmatter
96 tokensAlways available to the agent
SKILL.md
5,859 tokensWhen the skill is activated
Reference documents
22,469 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- When to Use This Skill
- Core Concepts
- Common Patterns
- Integration Patterns
- Performance Optimization
- Common Pitfalls
- Resources
- Quick Reference
Scripts executed separately
assets/starter_playcanvas/scripts/app.jsassets/starter_playcanvas/scripts/camera-controller.jsassets/starter_playcanvas/scripts/input-manager.jsscripts/component_builder.pyscripts/project_generator.py
Files
SKILL.mdcore22,829 bytesassets/examples/README.mddoc20,615 bytesassets/starter_playcanvas/README.mddoc9,398 bytesassets/starter_playcanvas/index.htmlasset2,076 bytesassets/starter_playcanvas/scripts/app.jsruns6,579 bytesassets/starter_playcanvas/scripts/camera-controller.jsruns8,538 bytesassets/starter_playcanvas/scripts/input-manager.jsruns5,852 bytesassets/starter_playcanvas/styles.cssasset4,304 bytesreferences/api_reference.mddoc20,381 bytesreferences/editor_workflow.mddoc17,093 bytesreferences/optimization_guide.mddoc18,665 bytesscripts/component_builder.pyruns28,728 bytesscripts/project_generator.pyruns22,487 bytes
Read SKILL.md
# PlayCanvas Engine Skill
Lightweight WebGL/WebGPU game engine with entity-component architecture, visual editor integration, and performance-focused design.
## When to Use This Skill
Trigger this skill when you see:
- "PlayCanvas engine"
- "WebGL game engine"
- "entity component system"
- "PlayCanvas application"
- "3D browser games"
- "online 3D editor"
- "lightweight 3D engine"react-spring-physics
When your agent uses it
Physics-based animation library combining React Spring (spring dynamics, gesture integration, 60fps animations) and Popmotion (low-level composable animation utilities, reactive streams). Use when building fluid, natural-feeling UI animations, gesture-driven interfaces, physics simulations, or spring-loaded interactions. Triggers on tasks involving React Spring hooks, spring physics, inertia scrolling, physics-based motion, animation composition, or natural UI movements. Alternative physics approach to motion-framer for more physically accurate animations.
What it loads into context
Frontmatter
106 tokensAlways available to the agent
SKILL.md
2,998 tokensWhen the skill is activated
Reference documents
12,243 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Overview
- Core Concepts
- Common Patterns
- Integration Patterns
- Performance Optimization
- Common Pitfalls
- Resources
- Related Skills
Scripts executed separately
scripts/physics_calculator.pyscripts/spring_generator.py
Files
SKILL.mdcore11,361 bytesassets/README.mddoc7,473 bytesreferences/physics_guide.mddoc11,611 bytesreferences/popmotion_api.mddoc11,493 bytesreferences/react_spring_api.mddoc13,151 bytesscripts/physics_calculator.pyruns9,075 bytesscripts/spring_generator.pyruns8,483 bytes
Read SKILL.md
# React Spring Physics
Physics-based animation for React applications combining React Spring's declarative spring animations with Popmotion's low-level physics utilities.
## Overview
React Spring provides spring-physics animations that feel natural and interruptible. Unlike duration-based animations, springs calculate motion based on physical properties (mass, tension, friction), resulting in organic, realistic movement. Popmotion complements this with composable animation functions for keyframes, decay, and inertia.
**When to use this skill:**
- Natural, physics-based UI animations
- Gesture-driven interfaces (drag, swipe, scroll)
- Interruptible animations that respond to user input mid-motion
- Smooth transitions that maintain velocity across state changes
- Momentum scrolling and inertia effectsreact-three-fiber
When your agent uses it
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.
What it loads into context
Frontmatter
75 tokensAlways available to the agent
SKILL.md
6,337 tokensWhen the skill is activated
Reference documents
11,172 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Overview
- Core Concepts
- Common Patterns
- Integration with Drei Helpers
- Integration with Other Libraries
- Performance Optimization
- Common Pitfalls & Solutions
- Best Practices
- Resources
Scripts executed separately
assets/starter_r3f/package.jsonassets/starter_r3f/src/App.jsxassets/starter_r3f/src/Experience.jsxassets/starter_r3f/src/components/Box.jsxassets/starter_r3f/src/components/Sphere.jsxassets/starter_r3f/src/main.jsxassets/starter_r3f/vite.config.jsscripts/component_generator.pyscripts/scene_setup.py
Files
SKILL.mdcore22,994 bytesassets/examples/README.mddoc16,591 bytesassets/starter_r3f/README.mddoc5,603 bytesassets/starter_r3f/index.htmlasset1,593 bytesassets/starter_r3f/package.jsonruns570 bytesassets/starter_r3f/src/App.jsxruns282 bytesassets/starter_r3f/src/Experience.jsxruns1,329 bytesassets/starter_r3f/src/components/Box.jsxruns945 bytesassets/starter_r3f/src/components/Sphere.jsxruns638 bytesassets/starter_r3f/src/main.jsxruns208 bytesassets/starter_r3f/vite.config.jsruns406 bytesreferences/api_reference.mddoc18,479 bytesscripts/component_generator.pyruns19,731 bytesscripts/scene_setup.pyruns18,385 bytes
Read SKILL.md
# React Three Fiber
## Overview
React Three Fiber (R3F) is a React renderer for Three.js that brings declarative, component-based 3D development to React applications. Instead of imperatively creating and managing Three.js objects, you build 3D scenes using JSX components that map directly to Three.js objects.
**When to Use This Skill**:
- Building 3D experiences within React applications
- Creating interactive product configurators or showcases
- Developing 3D portfolios, galleries, or storytelling experiences
- Building games or simulations in React
- Adding 3D elements to existing React projects
- When you need state management and React hooks with 3D graphics
- When working with React frameworks (Next.js, Gatsby, Remix)rive-interactive
When your agent uses it
State machine-based vector animation with runtime interactivity and web integration. Use this skill when creating interactive animations, state-driven UI, animated components with logic, or designer-created animations with runtime control. Triggers on tasks involving Rive, state machines, interactive vector animations, animation with input handling, ViewModel data binding, or React Rive integration. Alternative to Lottie for animations requiring state machines and two-way interactivity.
What it loads into context
Frontmatter
92 tokensAlways available to the agent
SKILL.md
3,889 tokensWhen the skill is activated
Reference documents
2,279 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Overview
- Core Concepts
- Common Patterns
- Integration Patterns
- Performance Optimization
- Common Pitfalls and Solutions
- Resources
- Related Skills
- Scripts
- Assets
Scripts executed separately
scripts/component_generator.pyscripts/viewmodel_builder.py
Files
SKILL.mdcore15,744 bytesSKILL.mdcore15,744 bytesassets/README.mddoc1,873 bytesreferences/api_reference.mddoc6,953 bytesscripts/component_generator.pyruns688 bytesscripts/viewmodel_builder.pyruns1,151 bytes
Read SKILL.md
# Rive Interactive - State Machine-Based Vector Animation
## Overview
Rive is a state machine-based animation platform that enables designers to create interactive vector animations with complex logic and runtime interactivity. Unlike timeline-only animation tools (like Lottie), Rive supports state machines, input handling, and two-way data binding between application code and animations.
**Key Features**:
- State machine system for complex interactive logic
- ViewModel API for two-way data binding
- Input handling (boolean, number, trigger inputs)
- Custom events for animation-to-code communication
- Runtime property control (colors, strings, numbers, enums)
- Cross-platform support (Web, React, React Native, iOS, Android, Flutter)
- Small file sizes with vector graphicsscroll-reveal-libraries
When your agent uses it
Simple scroll-triggered reveal animations using AOS (Animate On Scroll). Use this skill when building marketing pages, landing pages, or content-heavy sites requiring basic fade/slide effects without complex animation orchestration. Triggers on tasks involving scroll animations, scroll-triggered reveals, AOS, simple animations, or basic scroll effects. Alternative to GSAP ScrollTrigger and Locomotive Scroll for simpler use cases. Compare with motion-framer for React-specific animations.
What it loads into context
Frontmatter
101 tokensAlways available to the agent
SKILL.md
4,589 tokensWhen the skill is activated
Reference documents
11,943 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Overview
- Core Concepts
- Common Patterns
- Integration Patterns
- Performance Optimization
- Common Pitfalls
- Built-in Animations
- Custom Animations
- Comparison with Alternatives
- Resources
- Related Skills
Scripts executed separately
scripts/aos_generator.pyscripts/config_builder.py
Files
SKILL.mdcore17,120 bytesSKILL.mdcore17,120 bytesassets/README.mddoc17,813 bytesreferences/animation_catalog.mddoc12,597 bytesreferences/aos_api.mddoc14,552 bytesscripts/aos_generator.pyruns21,702 bytesscripts/config_builder.pyruns12,733 bytes
Read SKILL.md
# Scroll Reveal Libraries
## Overview
This skill covers AOS (Animate On Scroll), a lightweight CSS-driven library for scroll-triggered animations. AOS excels at simple fade, slide, and zoom effects activated when elements enter the viewport.
**Key Features**:
- **Minimal Setup**: Single JavaScript file + CSS
- **Data Attribute API**: Configure animations in HTML
- **Performance**: CSS-driven, GPU-accelerated animations
- **50+ Built-in Animations**: Fades, slides, zooms, flips
- **Framework Agnostic**: Works with vanilla JS, React, Vue, etc.
**When to Use**:skill-creator
When your agent uses it
Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's capabilities with specialized knowledge, workflows, or tool integrations.
What it loads into context
Frontmatter
56 tokensAlways available to the agent
SKILL.md
2,368 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- About Skills
- Skill Creation Process
Scripts executed separately
scripts/init_skill.pyscripts/package_skill.pyscripts/quick_validate.py
Files
LICENSE.txtdoc11,357 bytesSKILL.mdcore11,547 bytesscripts/init_skill.pyruns10,863 bytesscripts/package_skill.pyruns3,563 bytesscripts/quick_validate.pyruns2,165 bytes
Read SKILL.md
# Skill Creator
This skill provides guidance for creating effective skills.
## About Skills
Skills are modular, self-contained packages that extend Claude's capabilities by providing
specialized knowledge, workflows, and tools. Think of them as "onboarding guides" for specific
domains or tasks—they transform Claude from a general-purpose agent into a specialized agent
equipped with procedural knowledge that no model can fully possess.
### What Skills Provide
1. Specialized workflows - Multi-step procedures for specific domainsspline-interactive
When your agent uses it
Browser-based 3D design tool with visual editor, animation, and web export. Use this skill when creating 3D scenes without code, designing interactive web experiences, prototyping 3D UI, exporting to React/web, or building designer-friendly 3D content. Triggers on tasks involving Spline, no-code 3D, visual 3D editor, 3D animation, state-based interactions, React Spline integration, or scene export. Alternative to Three.js for designers who prefer visual tools over code.
What it loads into context
Frontmatter
114 tokensAlways available to the agent
SKILL.md
4,952 tokensWhen the skill is activated
Reference documents
5,808 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Overview
- Core Concepts
- Common Patterns
- Integration Patterns
- Performance Optimization
- Common Pitfalls and Solutions
- Resources
- Related Skills
- Scripts
- Assets
Scripts executed separately
scripts/component_builder.pyscripts/project_generator.py
Files
SKILL.mdcore19,539 bytesSKILL.mdcore19,539 bytesassets/README.mddoc7,883 bytesreferences/api_reference.mddoc13,071 bytesscripts/component_builder.pyruns6,637 bytesscripts/project_generator.pyruns7,828 bytes
Read SKILL.md
# Spline Interactive - Browser-Based 3D Design and Animation
## Overview
Spline is a browser-based 3D design and animation platform that enables creators to build interactive 3D experiences without requiring code or specialized software knowledge. It provides a collaborative visual editor for designing, animating, and exporting 3D scenes across multiple platforms.
**Key Features**:
- Visual 3D modeling with parametric shapes, extrusion, and boolean operations
- State-based animation system with timeline controls
- Interactive event system (mouse, keyboard, collision, scroll)
- Multiple export options (React components, web code, public URLs)
- Real-time collaboration with team libraries
- AI-powered generation (3D from text, textures, style transfer)
- Built-in physics and particle systemssubstance-3d-texturing
When your agent uses it
Comprehensive skill for Adobe Substance 3D Painter texturing and material creation workflow. Use this skill when creating PBR materials, exporting textures for web/game engines, optimizing 3D assets for real-time rendering, or automating texture workflows. Triggers on tasks involving Substance 3D Painter, PBR texturing, material creation, texture export for Three.js, Babylon.js, Unity, Unreal, glTF optimization, or Python API automation. Creates optimized textures for threejs-webgl, react-three-fiber, and babylonjs-engine materials.
What it loads into context
Frontmatter
121 tokensAlways available to the agent
SKILL.md
3,994 tokensWhen the skill is activated
Reference documents
17,082 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Overview
- Core Concepts
- Common Patterns
- Integration Patterns
- Performance Optimization
- Common Pitfalls
- Resources
- Related Skills
Scripts executed separately
scripts/batch_export.pyscripts/generate_export_preset.pyscripts/web_optimizer.py
Files
SKILL.mdcore15,927 bytesSKILL.mdcore15,927 bytesSKILL.mdcore15,927 bytesSKILL.mdcore15,927 bytesSKILL.mdcore15,927 bytesSKILL.mdcore15,927 bytesSKILL.mdcore15,927 bytesSKILL.mdcore15,927 bytesSKILL.mdcore15,927 bytesSKILL.mdcore15,927 bytesassets/README.mddoc7,438 bytesassets/export_templates/babylonjs_pbr.jsonasset2,211 bytesassets/export_templates/gltf_standard.jsonasset2,214 bytesassets/export_templates/mobile_webgl.jsonasset2,206 bytesassets/export_templates/threejs_optimized.jsonasset2,847 bytesassets/export_templates/web_orm_packed.jsonasset2,380 bytesreferences/export_presets.mddoc20,493 bytesreferences/pbr_channel_guide.mddoc17,038 bytesreferences/python_api_reference.mddoc20,148 bytesscripts/batch_export.pyruns8,725 bytesscripts/generate_export_preset.pyruns15,727 bytesscripts/web_optimizer.pyruns11,508 bytes
Read SKILL.md
# Substance 3D Texturing
## Overview
Master PBR (Physically Based Rendering) texture creation and export workflows for web and real-time engines. This skill covers Substance 3D Painter workflows from material creation through web-optimized texture export, with Python automation for batch processing and integration with WebGL/WebGPU engines.
**Key capabilities:**
- PBR material authoring (metallic/roughness workflow)
- Web-optimized texture export (glTF, Three.js, Babylon.js)
- Python API automation for batch export
- Texture compression and optimization for real-time rendering
## Core Concepts
threejs-webgl
When your agent uses it
Comprehensive skill for Three.js 3D web development. Use this skill when building interactive 3D scenes, WebGL/WebGPU applications, product configurators, 3D visualizations, or immersive web experiences. Triggers on tasks involving Three.js, 3D rendering, scenes, cameras, meshes, materials, lights, animations, textures, or WebGL/WebGPU rendering.
What it loads into context
Frontmatter
86 tokensAlways available to the agent
SKILL.md
3,953 tokensWhen the skill is activated
Reference documents
9,198 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Overview
- Core Concepts
- Quick Start Pattern
- Common Patterns
- Integration Patterns
- Performance Optimization
- Best Practices
- Common Pitfalls
- Resources
- Advanced Topics
- When to Use This Skill
Scripts executed separately
assets/starter_scene/main.jsscripts/setup_scene.py
Files
SKILL.mdcore15,731 bytesassets/starter_scene/README.mddoc2,983 bytesassets/starter_scene/index.htmlasset1,733 bytesassets/starter_scene/main.jsruns4,481 bytesreferences/api_reference.mddoc11,038 bytesreferences/materials_guide.mddoc11,484 bytesreferences/optimization_checklist.mddoc9,675 bytesscripts/setup_scene.pyruns6,813 bytes
Read SKILL.md
# Three.js WebGL/WebGPU Development
## Overview
Three.js is the industry-standard JavaScript library for creating 3D graphics in web browsers using WebGL and WebGPU. This skill provides comprehensive guidance for building performant, interactive 3D experiences including scenes, cameras, renderers, geometries, materials, lights, textures, and animations.
## Core Concepts
### Scene Graph Architecture
Three.js uses a hierarchical scene graph where all 3D objects are organized in a tree structure:
```javascript
Sceneweb3d-integration-patterns
When your agent uses it
Meta-skill for combining Three.js, GSAP ScrollTrigger, React Three Fiber, Motion, and React Spring for complex 3D web experiences. Use when building applications that integrate multiple 3D and animation libraries, requiring architecture patterns, state management, and performance optimization across the stack. Triggers on tasks involving library integration, multi-library architectures, scroll-driven 3D experiences, physics-based 3D animations, or complex interactive 3D applications.
What it loads into context
Frontmatter
104 tokensAlways available to the agent
SKILL.md
5,490 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Overview
- Architecture Patterns
- Common Integration Patterns
- State Management Strategies
- Performance Optimization
- Common Pitfalls
- Decision Matrix
- Resources
- Related Skills
Files
SKILL.mdcore21,184 bytes
Read SKILL.md
# Web 3D Integration Patterns
## Overview
This meta-skill provides architectural patterns, best practices, and integration strategies for combining multiple 3D and animation libraries in web applications. It synthesizes knowledge from the threejs-webgl, gsap-scrolltrigger, react-three-fiber, motion-framer, and react-spring-physics skills into cohesive patterns for building complex, performant 3D web experiences.
**When to use this skill:**
- Building complex 3D applications that combine multiple libraries
- Creating scroll-driven 3D experiences with animation orchestration
- Implementing physics-based interactions with 3D scenes
- Managing state across 3D rendering and UI animations
- Optimizing performance in multi-library architectures
- Designing reusable component architectures for 3D applications
- Migrating between or combining animation approachesanimated-component-libraries
When your agent uses it
Pre-built animated React component collections combining Magic UI (150+ TypeScript/Tailwind/Motion components) and React Bits (90+ minimal-dependency animated components). Use this skill when building landing pages, marketing sites, dashboards, or interactive UIs requiring pre-made animated components instead of hand-crafting animations. Triggers on tasks involving animated UI components, Magic UI, React Bits, shadcn/ui integration, Tailwind CSS components, or component library selection. Alternative to manually implementing animations with Framer Motion or GSAP.
What it loads into context
Frontmatter
115 tokensAlways available to the agent
SKILL.md
5,506 tokensWhen the skill is activated
Reference documents
13,454 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Overview
- Core Concepts
- Common Patterns
- Integration Patterns
- Performance Optimization
- Common Pitfalls
- Resources
- Related Skills
Scripts executed separately
scripts/component_importer.pyscripts/props_generator.py
Files
SKILL.mdcore22,597 bytesSKILL.mdcore22,597 bytesSKILL.mdcore22,597 bytesSKILL.mdcore22,597 bytesSKILL.mdcore22,597 bytesassets/README.mddoc9,831 bytesreferences/customization_guide.mddoc13,895 bytesreferences/magic_ui_components.mddoc10,025 bytesreferences/react_bits_components.mddoc15,557 bytesscripts/component_importer.pyruns9,212 bytesscripts/props_generator.pyruns10,326 bytes
Read SKILL.md
# Animated Component Libraries
## Overview
This skill provides expertise in pre-built animated React component libraries, specifically Magic UI and React Bits. These libraries offer production-ready, animated components that significantly accelerate development of modern, interactive web applications.
**Magic UI** provides 150+ TypeScript components built on Tailwind CSS and Framer Motion, designed for seamless integration with shadcn/ui. Components are copy-paste ready and highly customizable.
**React Bits** offers 90+ animated React components with minimal dependencies, focusing on visual effects, backgrounds, and micro-interactions. Components emphasize performance and ease of customization.
Both libraries follow modern React patterns, support TypeScript, and integrate with popular design systems.
## Core Concepts
animejs
When your agent uses it
Versatile JavaScript animation engine for DOM, CSS, SVG, and JavaScript objects. Use when creating timeline-based animations, stagger effects, SVG morphing, keyframe sequences, or complex choreographed animations. Triggers on tasks involving Anime.js, timeline animations, staggered sequences, SVG path animations, morphing, or multi-step animation choreography. Alternative to GSAP for SVG-heavy animations and React-independent projects.
What it loads into context
Frontmatter
90 tokensAlways available to the agent
SKILL.md
2,897 tokensWhen the skill is activated
Reference documents
11,404 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Overview
- Core Concepts
- Common Patterns
- Integration Patterns
- Advanced Techniques
- Performance Optimization
- Common Pitfalls
- Resources
- Related Skills
Scripts executed separately
scripts/animation_generator.pyscripts/timeline_builder.py
Files
SKILL.mdcore10,775 bytesassets/README.mddoc8,886 bytesreferences/api_reference.mddoc10,483 bytesreferences/stagger_guide.mddoc9,161 bytesreferences/timeline_guide.mddoc10,621 bytesscripts/animation_generator.pyruns5,834 bytesscripts/timeline_builder.pyruns7,842 bytes
Read SKILL.md
# Anime.js
Lightweight JavaScript animation library with powerful timeline and stagger capabilities for web animations.
## Overview
Anime.js (pronounced "Anime JS") is a versatile animation engine that works with DOM elements, CSS properties, SVG attributes, and JavaScript objects. Unlike React-specific libraries, Anime.js works with vanilla JavaScript and any framework.
**When to use this skill:**
- Timeline-based animation sequences with precise choreography
- Staggered animations across multiple elements
- SVG path morphing and drawing animations
- Keyframe animations with percentage-based timing
- Framework-agnostic animation (works with React, Vue, vanilla JS)lottie-animations
When your agent uses it
After Effects animation rendering for web and React applications. Use this skill when implementing Lottie animations, JSON vector animations, interactive animated icons, micro-interactions, or loading animations. Triggers on tasks involving Lottie, lottie-web, lottie-react, dotLottie, After Effects JSON export, bodymovin, animated SVG alternatives, or designer-created animations. Complements GSAP ScrollTrigger and Framer Motion for scroll-driven and interactive animations.
What it loads into context
Frontmatter
99 tokensAlways available to the agent
SKILL.md
4,538 tokensWhen the skill is activated
Reference documents
9,992 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Overview
- Core Concepts
- Common Patterns
- Integration Patterns
- Performance Optimization
- Common Pitfalls
- Resources
- Related Skills
Scripts executed separately
scripts/generate_lottie_component.pyscripts/optimize_lottie.py
Files
SKILL.mdcore17,982 bytesassets/starter_lottie/README.mddoc1,824 bytesreferences/after_effects_export.mddoc9,845 bytesreferences/api_reference.mddoc15,661 bytesreferences/performance_guide.mddoc11,607 bytesscripts/generate_lottie_component.pyruns5,647 bytesscripts/optimize_lottie.pyruns2,641 bytes
Read SKILL.md
# Lottie Animations
## Overview
Lottie is a library for rendering After Effects animations in real-time on web, iOS, Android, and React Native. Created by Airbnb, it allows designers to ship animations as easily as shipping static assets. Animations are exported from After Effects as JSON files using the Bodymovin plugin, then rendered natively with minimal performance overhead.
**When to use Lottie:**
- Designer-created animations that need pixel-perfect fidelity
- Complex animated icons and micro-interactions
- Loading animations and progress indicators
- Onboarding sequences and tutorial animations
- Marketing animations and promotional content
- Alternative to GIF/video with smaller file sizes and scalability
react-spring-physics
When your agent uses it
Physics-based animation library combining React Spring (spring dynamics, gesture integration, 60fps animations) and Popmotion (low-level composable animation utilities, reactive streams). Use when building fluid, natural-feeling UI animations, gesture-driven interfaces, physics simulations, or spring-loaded interactions. Triggers on tasks involving React Spring hooks, spring physics, inertia scrolling, physics-based motion, animation composition, or natural UI movements. Alternative physics approach to motion-framer for more physically accurate animations.
What it loads into context
Frontmatter
106 tokensAlways available to the agent
SKILL.md
2,998 tokensWhen the skill is activated
Reference documents
12,243 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Overview
- Core Concepts
- Common Patterns
- Integration Patterns
- Performance Optimization
- Common Pitfalls
- Resources
- Related Skills
Scripts executed separately
scripts/physics_calculator.pyscripts/spring_generator.py
Files
SKILL.mdcore11,361 bytesassets/README.mddoc7,473 bytesreferences/physics_guide.mddoc11,611 bytesreferences/popmotion_api.mddoc11,493 bytesreferences/react_spring_api.mddoc13,151 bytesscripts/physics_calculator.pyruns9,075 bytesscripts/spring_generator.pyruns8,483 bytes
Read SKILL.md
# React Spring Physics
Physics-based animation for React applications combining React Spring's declarative spring animations with Popmotion's low-level physics utilities.
## Overview
React Spring provides spring-physics animations that feel natural and interruptible. Unlike duration-based animations, springs calculate motion based on physical properties (mass, tension, friction), resulting in organic, realistic movement. Popmotion complements this with composable animation functions for keyframes, decay, and inertia.
**When to use this skill:**
- Natural, physics-based UI animations
- Gesture-driven interfaces (drag, swipe, scroll)
- Interruptible animations that respond to user input mid-motion
- Smooth transitions that maintain velocity across state changes
- Momentum scrolling and inertia effectsscroll-reveal-libraries
When your agent uses it
Simple scroll-triggered reveal animations using AOS (Animate On Scroll). Use this skill when building marketing pages, landing pages, or content-heavy sites requiring basic fade/slide effects without complex animation orchestration. Triggers on tasks involving scroll animations, scroll-triggered reveals, AOS, simple animations, or basic scroll effects. Alternative to GSAP ScrollTrigger and Locomotive Scroll for simpler use cases. Compare with motion-framer for React-specific animations.
What it loads into context
Frontmatter
101 tokensAlways available to the agent
SKILL.md
4,589 tokensWhen the skill is activated
Reference documents
11,943 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Overview
- Core Concepts
- Common Patterns
- Integration Patterns
- Performance Optimization
- Common Pitfalls
- Built-in Animations
- Custom Animations
- Comparison with Alternatives
- Resources
- Related Skills
Scripts executed separately
scripts/aos_generator.pyscripts/config_builder.py
Files
SKILL.mdcore17,120 bytesSKILL.mdcore17,120 bytesassets/README.mddoc17,813 bytesreferences/animation_catalog.mddoc12,597 bytesreferences/aos_api.mddoc14,552 bytesscripts/aos_generator.pyruns21,702 bytesscripts/config_builder.pyruns12,733 bytes
Read SKILL.md
# Scroll Reveal Libraries
## Overview
This skill covers AOS (Animate On Scroll), a lightweight CSS-driven library for scroll-triggered animations. AOS excels at simple fade, slide, and zoom effects activated when elements enter the viewport.
**Key Features**:
- **Minimal Setup**: Single JavaScript file + CSS
- **Data Attribute API**: Configure animations in HTML
- **Performance**: CSS-driven, GPU-accelerated animations
- **50+ Built-in Animations**: Fades, slides, zooms, flips
- **Framework Agnostic**: Works with vanilla JS, React, Vue, etc.
**When to Use**:blender-web-pipeline
When your agent uses it
Blender to web export workflows for 3D models and animations. Use this skill when exporting Blender models to glTF for web, optimizing 3D assets for Three.js or Babylon.js, batch processing models with Python scripts, automating Blender workflows, or creating web-ready 3D pipelines. Triggers on tasks involving Blender glTF export, bpy scripting, 3D asset optimization, model compression, texture baking, or Blender automation. Exports models for threejs-webgl, react-three-fiber, and babylonjs-engine skills.
What it loads into context
Frontmatter
118 tokensAlways available to the agent
SKILL.md
4,144 tokensWhen the skill is activated
Reference documents
2,059 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Overview
- Core Concepts
- Common Patterns
- Integration Patterns
- Optimization Techniques
- Common Pitfalls
- Best Practices
- Resources
- Related Skills
Scripts executed separately
scripts/batch_export.pyscripts/generate_lods.pyscripts/optimize_model.py
Files
SKILL.mdcore16,782 bytesSKILL.mdcore16,782 bytesSKILL.mdcore16,782 bytesSKILL.mdcore16,782 bytesSKILL.mdcore16,782 bytesSKILL.mdcore16,782 bytesSKILL.mdcore16,782 bytesSKILL.mdcore16,782 bytesSKILL.mdcore16,782 bytesSKILL.mdcore16,782 bytesSKILL.mdcore16,782 bytesSKILL.mdcore16,782 bytesSKILL.mdcore16,782 bytesSKILL.mdcore16,782 bytesSKILL.mdcore16,782 bytesSKILL.mdcore16,782 bytesSKILL.mdcore16,782 bytesSKILL.mdcore16,782 bytesSKILL.mdcore16,782 bytesSKILL.mdcore16,782 bytesSKILL.mdcore16,782 bytesassets/README.mddoc841 bytesreferences/bpy_api_reference.mddoc1,825 bytesreferences/gltf_export_guide.mddoc3,740 bytesreferences/optimization_strategies.mddoc1,564 bytesscripts/batch_export.pyruns967 bytesscripts/generate_lods.pyruns913 bytesscripts/optimize_model.pyruns720 bytes
Read SKILL.md
# Blender Web Pipeline
## Overview
Blender Web Pipeline skill provides workflows for exporting 3D models and animations from Blender to web-optimized formats (primarily glTF 2.0). It covers Python scripting for batch processing, optimization techniques for web performance, and integration with web 3D libraries like Three.js and Babylon.js.
**When to use this skill:**
- Exporting Blender models for web applications
- Batch processing multiple 3D assets
- Optimizing file sizes for web delivery
- Automating repetitive Blender tasks
- Creating production pipelines for 3D web content
- Converting legacy formats to glTF
rive-interactive
When your agent uses it
State machine-based vector animation with runtime interactivity and web integration. Use this skill when creating interactive animations, state-driven UI, animated components with logic, or designer-created animations with runtime control. Triggers on tasks involving Rive, state machines, interactive vector animations, animation with input handling, ViewModel data binding, or React Rive integration. Alternative to Lottie for animations requiring state machines and two-way interactivity.
What it loads into context
Frontmatter
92 tokensAlways available to the agent
SKILL.md
3,889 tokensWhen the skill is activated
Reference documents
2,279 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Overview
- Core Concepts
- Common Patterns
- Integration Patterns
- Performance Optimization
- Common Pitfalls and Solutions
- Resources
- Related Skills
- Scripts
- Assets
Scripts executed separately
scripts/component_generator.pyscripts/viewmodel_builder.py
Files
SKILL.mdcore15,744 bytesSKILL.mdcore15,744 bytesassets/README.mddoc1,873 bytesreferences/api_reference.mddoc6,953 bytesscripts/component_generator.pyruns688 bytesscripts/viewmodel_builder.pyruns1,151 bytes
Read SKILL.md
# Rive Interactive - State Machine-Based Vector Animation
## Overview
Rive is a state machine-based animation platform that enables designers to create interactive vector animations with complex logic and runtime interactivity. Unlike timeline-only animation tools (like Lottie), Rive supports state machines, input handling, and two-way data binding between application code and animations.
**Key Features**:
- State machine system for complex interactive logic
- ViewModel API for two-way data binding
- Input handling (boolean, number, trigger inputs)
- Custom events for animation-to-code communication
- Runtime property control (colors, strings, numbers, enums)
- Cross-platform support (Web, React, React Native, iOS, Android, Flutter)
- Small file sizes with vector graphicsspline-interactive
When your agent uses it
Browser-based 3D design tool with visual editor, animation, and web export. Use this skill when creating 3D scenes without code, designing interactive web experiences, prototyping 3D UI, exporting to React/web, or building designer-friendly 3D content. Triggers on tasks involving Spline, no-code 3D, visual 3D editor, 3D animation, state-based interactions, React Spline integration, or scene export. Alternative to Three.js for designers who prefer visual tools over code.
What it loads into context
Frontmatter
114 tokensAlways available to the agent
SKILL.md
4,952 tokensWhen the skill is activated
Reference documents
5,808 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Overview
- Core Concepts
- Common Patterns
- Integration Patterns
- Performance Optimization
- Common Pitfalls and Solutions
- Resources
- Related Skills
- Scripts
- Assets
Scripts executed separately
scripts/component_builder.pyscripts/project_generator.py
Files
SKILL.mdcore19,539 bytesSKILL.mdcore19,539 bytesassets/README.mddoc7,883 bytesreferences/api_reference.mddoc13,071 bytesscripts/component_builder.pyruns6,637 bytesscripts/project_generator.pyruns7,828 bytes
Read SKILL.md
# Spline Interactive - Browser-Based 3D Design and Animation
## Overview
Spline is a browser-based 3D design and animation platform that enables creators to build interactive 3D experiences without requiring code or specialized software knowledge. It provides a collaborative visual editor for designing, animating, and exporting 3D scenes across multiple platforms.
**Key Features**:
- Visual 3D modeling with parametric shapes, extrusion, and boolean operations
- State-based animation system with timeline controls
- Interactive event system (mouse, keyboard, collision, scroll)
- Multiple export options (React components, web code, public URLs)
- Real-time collaboration with team libraries
- AI-powered generation (3D from text, textures, style transfer)
- Built-in physics and particle systemssubstance-3d-texturing
When your agent uses it
Comprehensive skill for Adobe Substance 3D Painter texturing and material creation workflow. Use this skill when creating PBR materials, exporting textures for web/game engines, optimizing 3D assets for real-time rendering, or automating texture workflows. Triggers on tasks involving Substance 3D Painter, PBR texturing, material creation, texture export for Three.js, Babylon.js, Unity, Unreal, glTF optimization, or Python API automation. Creates optimized textures for threejs-webgl, react-three-fiber, and babylonjs-engine materials.
What it loads into context
Frontmatter
121 tokensAlways available to the agent
SKILL.md
3,994 tokensWhen the skill is activated
Reference documents
17,082 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Overview
- Core Concepts
- Common Patterns
- Integration Patterns
- Performance Optimization
- Common Pitfalls
- Resources
- Related Skills
Scripts executed separately
scripts/batch_export.pyscripts/generate_export_preset.pyscripts/web_optimizer.py
Files
SKILL.mdcore15,927 bytesSKILL.mdcore15,927 bytesSKILL.mdcore15,927 bytesSKILL.mdcore15,927 bytesSKILL.mdcore15,927 bytesSKILL.mdcore15,927 bytesSKILL.mdcore15,927 bytesSKILL.mdcore15,927 bytesSKILL.mdcore15,927 bytesSKILL.mdcore15,927 bytesassets/README.mddoc7,438 bytesassets/export_templates/babylonjs_pbr.jsonasset2,211 bytesassets/export_templates/gltf_standard.jsonasset2,214 bytesassets/export_templates/mobile_webgl.jsonasset2,206 bytesassets/export_templates/threejs_optimized.jsonasset2,847 bytesassets/export_templates/web_orm_packed.jsonasset2,380 bytesreferences/export_presets.mddoc20,493 bytesreferences/pbr_channel_guide.mddoc17,038 bytesreferences/python_api_reference.mddoc20,148 bytesscripts/batch_export.pyruns8,725 bytesscripts/generate_export_preset.pyruns15,727 bytesscripts/web_optimizer.pyruns11,508 bytes
Read SKILL.md
# Substance 3D Texturing
## Overview
Master PBR (Physically Based Rendering) texture creation and export workflows for web and real-time engines. This skill covers Substance 3D Painter workflows from material creation through web-optimized texture export, with Python automation for batch processing and integration with WebGL/WebGPU engines.
**Key capabilities:**
- PBR material authoring (metallic/roughness workflow)
- Web-optimized texture export (glTF, Three.js, Babylon.js)
- Python API automation for batch export
- Texture compression and optimization for real-time rendering
## Core Concepts
babylonjs-engine
When your agent uses it
Comprehensive skill for Babylon.js 3D web rendering engine. Use this skill when building real-time 3D experiences, browser-based games, interactive visualizations, or immersive web applications. Triggers on tasks involving Babylon.js, 3D scenes, WebGL/WebGPU rendering, entity-component systems, physics simulations, PBR materials, shadow mapping, or 3D model loading. Alternative to Three.js with built-in editor integration and game engine features.
What it loads into context
Frontmatter
100 tokensAlways available to the agent
SKILL.md
8,404 tokensWhen the skill is activated
Reference documents
19,547 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Related Skills
- Core Concepts
- Common Patterns
- Integration Patterns
- Performance Optimization
- Common Pitfalls
- Advanced Topics
- Debugging
- Resources
- Version Notes
Scripts executed separately
assets/starter_babylon/package.jsonassets/starter_babylon/src/main.jsassets/starter_babylon/vite.config.jsscripts/mesh_builder.pyscripts/scene_generator.py
Files
SKILL.mdcore31,117 bytesassets/examples/README.mddoc30,647 bytesassets/starter_babylon/README.mddoc6,762 bytesassets/starter_babylon/index.htmlasset647 bytesassets/starter_babylon/package.jsonruns426 bytesassets/starter_babylon/src/main.jsruns7,422 bytesassets/starter_babylon/src/style.cssasset1,217 bytesassets/starter_babylon/vite.config.jsruns235 bytesreferences/api_reference.mddoc41,609 bytesscripts/mesh_builder.pyruns17,048 bytesscripts/scene_generator.pyruns19,154 bytes
Read SKILL.md
# Babylon.js Engine Skill
## Related Skills
- threejs-webgl: Alternative 3D engine
- react-three-fiber: React integration for 3D
- gsap-scrolltrigger: Animation library
- motion-framer: UI animations
## Core Concepts
### 1. Engine and Scene Initialization
**Basic Setup**
```javascriptgsap-scrolltrigger
When your agent uses it
Comprehensive skill for GSAP (GreenSock Animation Platform) and ScrollTrigger plugin. Use this skill when creating web animations, scroll-driven experiences, timelines, tweens, scroll-triggered animations, pinning, scrubbing, parallax effects, or animating DOM elements, SVG, Canvas, WebGL, or Three.js. Triggers on tasks involving GSAP, ScrollTrigger, smooth animations, scroll effects, or animation sequencing.
What it loads into context
Frontmatter
95 tokensAlways available to the agent
SKILL.md
4,771 tokensWhen the skill is activated
Reference documents
19,320 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Overview
- Core Concepts
- ScrollTrigger Fundamentals
- Common Patterns
- Integration Patterns
- Advanced Techniques
- Performance Best Practices
- Common Pitfalls
- Easing Reference
- ScrollTrigger Methods
- Resources
- When to Use This Skill
Scripts executed separately
assets/starter_scroll/main.jsscripts/generate_animation.pyscripts/timeline_builder.py
Files
SKILL.mdcore17,238 bytesassets/easings/easing_visualizer.htmlasset14,295 bytesassets/examples/README.mddoc8,427 bytesassets/starter_scroll/README.mddoc10,778 bytesassets/starter_scroll/index.htmlasset8,288 bytesassets/starter_scroll/main.jsruns9,838 bytesassets/starter_scroll/style.cssasset11,573 bytesreferences/api_reference.mddoc9,062 bytesreferences/common_patterns.mddoc24,473 bytesreferences/easing_guide.mddoc16,338 bytesscripts/generate_animation.pyruns13,955 bytesscripts/timeline_builder.pyruns18,784 bytes
Read SKILL.md
# GSAP & ScrollTrigger Development
## Overview
GSAP (GreenSock Animation Platform) is the industry-leading JavaScript animation library for creating high-performance, production-quality animations. ScrollTrigger is GSAP's powerful plugin for scroll-driven animations. Together, they enable everything from simple UI transitions to complex scroll-based storytelling experiences.
## Core Concepts
### The Basics: Tweens
A **tween** is a single animation from point A to point B.
```javascript
// Animate TO a state (from current)motion-framer
When your agent uses it
Modern animation library for React and JavaScript. Create smooth, production-ready animations with motion components, variants, gestures (hover/tap/drag), layout animations, AnimatePresence exit animations, spring physics, and scroll-based effects. Use when building interactive UI components, micro-interactions, page transitions, or complex animation sequences.
What it loads into context
Frontmatter
72 tokensAlways available to the agent
SKILL.md
5,657 tokensWhen the skill is activated
Reference documents
25,907 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Overview
- Core Concepts
- Common Patterns
- Gesture Recognition
- Hooks
- Integration Patterns
- Performance Optimization
- Common Pitfalls
- Resources
Scripts executed separately
assets/starter_motion/package.jsonassets/starter_motion/src/App.jsxassets/starter_motion/src/components/DraggableBox.jsxassets/starter_motion/src/components/HoverCard.jsxassets/starter_motion/src/components/StaggerList.jsxassets/starter_motion/src/main.jsxassets/starter_motion/vite.config.jsscripts/animation_generator.pyscripts/variant_builder.py
Files
SKILL.mdcore21,032 bytesassets/examples/README.mddoc73,986 bytesassets/starter_motion/README.mddoc6,762 bytesassets/starter_motion/index.htmlasset958 bytesassets/starter_motion/package.jsonruns452 bytesassets/starter_motion/src/App.cssasset1,747 bytesassets/starter_motion/src/App.jsxruns3,513 bytesassets/starter_motion/src/components/DraggableBox.jsxruns1,439 bytesassets/starter_motion/src/components/HoverCard.jsxruns803 bytesassets/starter_motion/src/components/StaggerList.jsxruns1,582 bytesassets/starter_motion/src/main.jsxruns208 bytesassets/starter_motion/vite.config.jsruns210 bytesreferences/api_reference.mddoc20,478 bytesscripts/animation_generator.pyruns15,573 bytesscripts/variant_builder.pyruns13,942 bytes
Read SKILL.md
# Motion & Framer Motion
## Overview
Motion (formerly Framer Motion) is a production-ready animation library for React and JavaScript that enables declarative, performant animations with minimal code. It provides `motion` components that wrap HTML elements with animation superpowers, supports gesture recognition (hover, tap, drag, focus), and includes advanced features like layout animations, exit animations, and spring physics.
**When to use this skill:**
- Building interactive UI components (buttons, cards, menus)
- Creating micro-interactions and hover effects
- Implementing page transitions and route animations
- Adding scroll-based animations and parallax effects
- Animating layout changes (resizing, reordering, shared element transitions)
- Drag-and-drop interfaces
- Complex animation sequences and state-based animationsreact-three-fiber
When your agent uses it
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.
What it loads into context
Frontmatter
75 tokensAlways available to the agent
SKILL.md
6,337 tokensWhen the skill is activated
Reference documents
11,172 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Overview
- Core Concepts
- Common Patterns
- Integration with Drei Helpers
- Integration with Other Libraries
- Performance Optimization
- Common Pitfalls & Solutions
- Best Practices
- Resources
Scripts executed separately
assets/starter_r3f/package.jsonassets/starter_r3f/src/App.jsxassets/starter_r3f/src/Experience.jsxassets/starter_r3f/src/components/Box.jsxassets/starter_r3f/src/components/Sphere.jsxassets/starter_r3f/src/main.jsxassets/starter_r3f/vite.config.jsscripts/component_generator.pyscripts/scene_setup.py
Files
SKILL.mdcore22,994 bytesassets/examples/README.mddoc16,591 bytesassets/starter_r3f/README.mddoc5,603 bytesassets/starter_r3f/index.htmlasset1,593 bytesassets/starter_r3f/package.jsonruns570 bytesassets/starter_r3f/src/App.jsxruns282 bytesassets/starter_r3f/src/Experience.jsxruns1,329 bytesassets/starter_r3f/src/components/Box.jsxruns945 bytesassets/starter_r3f/src/components/Sphere.jsxruns638 bytesassets/starter_r3f/src/main.jsxruns208 bytesassets/starter_r3f/vite.config.jsruns406 bytesreferences/api_reference.mddoc18,479 bytesscripts/component_generator.pyruns19,731 bytesscripts/scene_setup.pyruns18,385 bytes
Read SKILL.md
# React Three Fiber
## Overview
React Three Fiber (R3F) is a React renderer for Three.js that brings declarative, component-based 3D development to React applications. Instead of imperatively creating and managing Three.js objects, you build 3D scenes using JSX components that map directly to Three.js objects.
**When to Use This Skill**:
- Building 3D experiences within React applications
- Creating interactive product configurators or showcases
- Developing 3D portfolios, galleries, or storytelling experiences
- Building games or simulations in React
- Adding 3D elements to existing React projects
- When you need state management and React hooks with 3D graphics
- When working with React frameworks (Next.js, Gatsby, Remix)threejs-webgl
When your agent uses it
Comprehensive skill for Three.js 3D web development. Use this skill when building interactive 3D scenes, WebGL/WebGPU applications, product configurators, 3D visualizations, or immersive web experiences. Triggers on tasks involving Three.js, 3D rendering, scenes, cameras, meshes, materials, lights, animations, textures, or WebGL/WebGPU rendering.
What it loads into context
Frontmatter
86 tokensAlways available to the agent
SKILL.md
3,953 tokensWhen the skill is activated
Reference documents
9,198 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Overview
- Core Concepts
- Quick Start Pattern
- Common Patterns
- Integration Patterns
- Performance Optimization
- Best Practices
- Common Pitfalls
- Resources
- Advanced Topics
- When to Use This Skill
Scripts executed separately
assets/starter_scene/main.jsscripts/setup_scene.py
Files
SKILL.mdcore15,731 bytesassets/starter_scene/README.mddoc2,983 bytesassets/starter_scene/index.htmlasset1,733 bytesassets/starter_scene/main.jsruns4,481 bytesreferences/api_reference.mddoc11,038 bytesreferences/materials_guide.mddoc11,484 bytesreferences/optimization_checklist.mddoc9,675 bytesscripts/setup_scene.pyruns6,813 bytes
Read SKILL.md
# Three.js WebGL/WebGPU Development
## Overview
Three.js is the industry-standard JavaScript library for creating 3D graphics in web browsers using WebGL and WebGPU. This skill provides comprehensive guidance for building performant, interactive 3D experiences including scenes, cameras, renderers, geometries, materials, lights, textures, and animations.
## Core Concepts
### Scene Graph Architecture
Three.js uses a hierarchical scene graph where all 3D objects are organized in a tree structure:
```javascript
Sceneaframe-webxr
When your agent uses it
Declarative web framework for building browser-based 3D, VR, and AR experiences using HTML and entity-component architecture. Use this skill when creating WebXR applications, VR experiences, AR experiences, 360-degree media viewers, or immersive web content with minimal JavaScript. Triggers on tasks involving A-Frame, WebXR, VR development, AR development, entity-component-system, declarative 3D, or HTML-based 3D scenes. Built on Three.js with accessible HTML-first approach.
What it loads into context
Frontmatter
109 tokensAlways available to the agent
SKILL.md
7,814 tokensWhen the skill is activated
Reference documents
27,483 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- When to Use This Skill
- Core Concepts
- Common Patterns
- Integration Patterns
- Performance Best Practices
- Common Pitfalls and Solutions
- Resources
- Related Skills
Scripts executed separately
assets/starter_aframe/main.jsscripts/component_builder.pyscripts/scene_generator.py
Files
SKILL.mdcore27,341 bytesSKILL.mdcore27,341 bytesassets/examples/README.mddoc24,709 bytesassets/starter_aframe/README.mddoc5,961 bytesassets/starter_aframe/index.htmlasset2,692 bytesassets/starter_aframe/main.jsruns2,309 bytesassets/starter_aframe/style.cssasset865 bytesreferences/api_reference.mddoc26,551 bytesreferences/components_library.mddoc17,326 bytesreferences/webxr_guide.mddoc23,138 bytesscripts/component_builder.pyruns23,223 bytesscripts/scene_generator.pyruns26,499 bytes
Read SKILL.md
# A-Frame WebXR Skill
## When to Use This Skill
- Build VR/AR experiences with minimal JavaScript
- Create cross-platform WebXR applications (desktop, mobile, headset)
- Prototype 3D scenes quickly with HTML primitives
- Implement VR controller interactions
- Add 3D content to web pages declaratively
- Build 360° image/video experiences
- Develop AR experiences with hit testing
## Core Concepts
### 1. Entity-Component-System (ECS)barba-js
When your agent uses it
Page transitions library for creating fluid, smooth transitions between website pages. Use this skill when implementing page transitions, creating SPA-like experiences, adding animated route changes, or building websites with smooth navigation. Triggers on tasks involving Barba.js, page transitions, routing, view management, transition hooks, GSAP integration, or smooth page navigation. Works with gsap-scrolltrigger for transition animations.
What it loads into context
Frontmatter
84 tokensAlways available to the agent
SKILL.md
4,881 tokensWhen the skill is activated
Reference documents
20,960 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Overview
- Core Concepts
- Common Patterns
- Integration Patterns
- Performance Optimization
- Common Pitfalls
- Resources
- Related Skills
Scripts executed separately
scripts/project_setup.pyscripts/transition_generator.py
Files
SKILL.mdcore19,598 bytesSKILL.mdcore19,598 bytesSKILL.mdcore19,598 bytesSKILL.mdcore19,598 bytesSKILL.mdcore19,598 bytesassets/README.mddoc4,561 bytesreferences/api_reference.mddoc23,282 bytesreferences/gsap_integration.mddoc16,066 bytesreferences/hooks_guide.mddoc19,411 bytesreferences/transition_patterns.mddoc16,742 bytesscripts/project_setup.pyruns19,813 bytesscripts/transition_generator.pyruns12,769 bytes
Read SKILL.md
# Barba.js
Modern page transition library for creating fluid, smooth transitions between website pages. Barba.js makes multi-page websites feel like Single Page Applications (SPAs) by hijacking navigation and managing transitions without full page reloads.
## Overview
Barba.js is a lightweight (7kb minified and compressed) JavaScript library that intercepts navigation between pages, fetches new content via AJAX, and smoothly transitions between old and new containers. It reduces page load delays and HTTP requests while maintaining the benefits of traditional multi-page architecture.
**Core Features**:
- Smooth page transitions without full reloads
- Lifecycle hooks for precise control over transition phases
- View-based logic for page-specific behaviors
- Built-in routing with @barba/router plugin
- Extensible plugin systemlightweight-3d-effects
When your agent uses it
Lightweight 3D effects for decorative elements and micro-interactions using Zdog, Vanta.js, and Vanilla-Tilt.js. Use this skill when adding pseudo-3D illustrations, animated backgrounds, parallax tilt effects, decorative 3D elements, or subtle depth effects without heavy frameworks. Triggers on tasks involving Zdog pseudo-3D, Vanta.js backgrounds, Vanilla-Tilt parallax, card tilt effects, hero section animations, or lightweight landing page visuals. Ideal for performance-focused designs.
What it loads into context
Frontmatter
112 tokensAlways available to the agent
SKILL.md
6,812 tokensWhen the skill is activated
Reference documents
29,548 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Overview
- When to Use This Skill
- Zdog - Pseudo-3D Illustrations
- Vanta.js - Animated 3D Backgrounds
- Vanilla-Tilt.js - Parallax Tilt Effects
- Common Patterns
- Performance Best Practices
- Common Pitfalls
- Resources
- Related Skills
Scripts executed separately
assets/starter_lightweight/main.jsscripts/generate_zdog.pyscripts/setup_vanta.py
Files
SKILL.mdcore22,880 bytesassets/examples/README.mddoc27,112 bytesassets/starter_lightweight/README.mddoc11,642 bytesassets/starter_lightweight/index.htmlasset3,154 bytesassets/starter_lightweight/main.jsruns9,539 bytesassets/starter_lightweight/style.cssasset4,774 bytesreferences/tilt_patterns.mddoc20,892 bytesreferences/vantajs_effects.mddoc19,469 bytesreferences/zdog_api.mddoc21,376 bytesscripts/generate_zdog.pyruns22,409 bytesscripts/setup_vanta.pyruns19,934 bytes
Read SKILL.md
# Lightweight 3D Effects Skill
## Overview
This skill combines three powerful libraries for decorative 3D elements and micro-interactions:
- **Zdog**: Pseudo-3D engine for designer-friendly vector illustrations
- **Vanta.js**: Animated 3D backgrounds powered by Three.js/p5.js
- **Vanilla-Tilt.js**: Smooth parallax tilt effects responding to mouse/gyroscope
## When to Use This Skill
- Add decorative 3D illustrations without heavy frameworks
- Create animated backgrounds for hero sections
- Implement subtle parallax tilt effects on cards/images
- Build lightweight landing pages with visual depthlocomotive-scroll
When your agent uses it
Comprehensive skill for Locomotive Scroll smooth scrolling library with parallax effects, viewport detection, and scroll-driven animations. Use this skill when implementing smooth scrolling experiences, creating parallax effects, building scroll-triggered animations, or developing immersive scrolling websites. Triggers on tasks involving Locomotive Scroll, smooth scrolling, parallax, scroll detection, scroll events, sticky elements, horizontal scrolling, or GSAP ScrollTrigger integration. Integrates with GSAP for advanced scroll-driven animations.
What it loads into context
Frontmatter
102 tokensAlways available to the agent
SKILL.md
2,956 tokensWhen the skill is activated
Reference documents
8,118 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Overview
- Installation
- Core Concepts
- Common Patterns
- Integration with GSAP ScrollTrigger
- Instance Methods
- Performance Optimization
- Common Pitfalls
- Related Skills
- Resources
Scripts executed separately
assets/starter_locomotive/main.jsassets/starter_locomotive/package.jsonscripts/generate_config.pyscripts/integration_helper.py
Files
SKILL.mdcore12,368 bytesSKILL.mdcore12,368 bytesassets/starter_locomotive/README.mddoc6,951 bytesassets/starter_locomotive/index.htmlasset4,432 bytesassets/starter_locomotive/main.jsruns3,772 bytesassets/starter_locomotive/package.jsonruns357 bytesassets/starter_locomotive/style.cssasset5,195 bytesreferences/api_reference.mddoc11,843 bytesreferences/gsap_integration.mddoc13,346 bytesscripts/generate_config.pyruns11,185 bytesscripts/integration_helper.pyruns13,982 bytes
Read SKILL.md
# Locomotive Scroll
Comprehensive guide for implementing smooth scrolling, parallax effects, and scroll-driven animations using Locomotive Scroll.
## Overview
Locomotive Scroll is a JavaScript library that provides:
- **Smooth scrolling**: Hardware-accelerated smooth scroll with customizable easing
- **Parallax effects**: Element-level speed control for depth
- **Viewport detection**: Track when elements enter/exit viewport
- **Scroll events**: Monitor scroll progress for animation synchronization
- **Sticky elements**: Pin elements within defined boundaries
- **Horizontal scrolling**: Support for horizontal scroll layouts
pixijs-2d
When your agent uses it
Fast, lightweight 2D rendering engine for creating interactive graphics, particle effects, and canvas-based applications using WebGL/WebGPU. Use this skill when building 2D games, particle systems, interactive canvases, sprite animations, or UI overlays on 3D scenes. Triggers on tasks involving PixiJS, 2D rendering, sprite sheets, particle effects, filters, or high-performance canvas graphics. Alternative to Canvas2D with WebGL acceleration for rendering thousands of sprites at 60 FPS.
What it loads into context
Frontmatter
112 tokensAlways available to the agent
SKILL.md
5,492 tokensWhen the skill is activated
Reference documents
43,558 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- When to Use This Skill
- Core Concepts
- Common Patterns
- Integration Patterns
- Performance Best Practices
- Common Pitfalls
- Resources
- Related Skills
- Summary
Scripts executed separately
assets/starter_pixijs/main.jsscripts/particle_builder.pyscripts/sprite_generator.py
Files
SKILL.mdcore21,108 bytesassets/examples/README.mddoc94,824 bytesassets/starter_pixijs/README.mddoc11,182 bytesassets/starter_pixijs/index.htmlasset1,286 bytesassets/starter_pixijs/main.jsruns4,278 bytesassets/starter_pixijs/styles.cssasset3,054 bytesreferences/api_reference.mddoc27,335 bytesreferences/filters_effects.mddoc19,346 bytesreferences/performance_guide.mddoc23,181 bytesscripts/particle_builder.pyruns28,371 bytesscripts/sprite_generator.pyruns25,223 bytes
Read SKILL.md
# PixiJS 2D Rendering Skill
Fast, lightweight 2D rendering engine for creating interactive graphics, particle effects, and canvas-based applications using WebGL/WebGPU.
---
## When to Use This Skill
Trigger this skill when you encounter:
- "Create 2D particle effects" or "animated particles"
- "2D sprite animation" or "sprite sheet handling"
- "Interactive canvas graphics" or "2D game"
- "UI overlays on 3D scenes" or "HUD layer"
- "Draw shapes programmatically" or "vector graphics API"playcanvas-engine
When your agent uses it
Lightweight WebGL/WebGPU game engine with entity-component architecture and visual editor integration. Use this skill when building browser-based games, interactive 3D applications, or performance-critical web experiences. Triggers on tasks involving PlayCanvas, entity-component systems, game engine development, WebGL games, 3D browser applications, editor-first workflows, or real-time 3D rendering. Alternative to Three.js with game-specific features and integrated development environment.
What it loads into context
Frontmatter
96 tokensAlways available to the agent
SKILL.md
5,859 tokensWhen the skill is activated
Reference documents
22,469 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- When to Use This Skill
- Core Concepts
- Common Patterns
- Integration Patterns
- Performance Optimization
- Common Pitfalls
- Resources
- Quick Reference
Scripts executed separately
assets/starter_playcanvas/scripts/app.jsassets/starter_playcanvas/scripts/camera-controller.jsassets/starter_playcanvas/scripts/input-manager.jsscripts/component_builder.pyscripts/project_generator.py
Files
SKILL.mdcore22,829 bytesassets/examples/README.mddoc20,615 bytesassets/starter_playcanvas/README.mddoc9,398 bytesassets/starter_playcanvas/index.htmlasset2,076 bytesassets/starter_playcanvas/scripts/app.jsruns6,579 bytesassets/starter_playcanvas/scripts/camera-controller.jsruns8,538 bytesassets/starter_playcanvas/scripts/input-manager.jsruns5,852 bytesassets/starter_playcanvas/styles.cssasset4,304 bytesreferences/api_reference.mddoc20,381 bytesreferences/editor_workflow.mddoc17,093 bytesreferences/optimization_guide.mddoc18,665 bytesscripts/component_builder.pyruns28,728 bytesscripts/project_generator.pyruns22,487 bytes
Read SKILL.md
# PlayCanvas Engine Skill
Lightweight WebGL/WebGPU game engine with entity-component architecture, visual editor integration, and performance-focused design.
## When to Use This Skill
Trigger this skill when you see:
- "PlayCanvas engine"
- "WebGL game engine"
- "entity component system"
- "PlayCanvas application"
- "3D browser games"
- "online 3D editor"
- "lightweight 3D engine"modern-web-design
When your agent uses it
Modern web design trends, principles, and implementation patterns for 2024-2025. Use this skill when designing websites, creating interactive experiences, implementing design systems, ensuring accessibility, or building performance-first interfaces. Triggers on tasks involving modern design trends, micro-interactions, scrollytelling, bold minimalism, cursor UX, glassmorphism, accessibility compliance, performance optimization, or design system architecture. References animation skills (GSAP, Framer Motion, React Spring), 3D skills (Three.js, R3F, Babylon.js), and component libraries for implementation guidance.
What it loads into context
Frontmatter
126 tokensAlways available to the agent
SKILL.md
7,010 tokensWhen the skill is activated
Reference documents
24,096 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Overview
- Core Design Principles (2024-2025)
- Common Design Patterns
- Integration with Other Skills
- Accessibility Best Practices
- Performance Optimization
- Common Pitfalls
- Design System Architecture
- Resources
Scripts executed separately
scripts/design_audit.pyscripts/pattern_generator.py
Files
SKILL.mdcore26,596 bytesSKILL.mdcore26,596 bytesSKILL.mdcore26,596 bytesassets/README.mddoc7,811 bytesreferences/accessibility_guide.mddoc19,842 bytesreferences/design_trends_2024.mddoc20,338 bytesreferences/interaction_patterns.mddoc21,720 bytesreferences/performance_checklist.mddoc18,722 bytesscripts/design_audit.pyruns15,021 bytesscripts/pattern_generator.pyruns24,524 bytes
Read SKILL.md
# Modern Web Design
## Overview
Modern web design in 2024-2025 emphasizes performance, accessibility, and meaningful interactions. This skill provides comprehensive guidance on current design trends, implementation patterns, and best practices for creating engaging, accessible, and performant web experiences.
This meta-skill synthesizes knowledge from all animation, interaction, and 3D skills in this repository to provide holistic design guidance.
## Core Design Principles (2024-2025)
### 1. Performance-First Design
**Philosophy**: Design decisions should prioritize Core Web Vitals and user experience on all devices.
web3d-integration-patterns
When your agent uses it
Meta-skill for combining Three.js, GSAP ScrollTrigger, React Three Fiber, Motion, and React Spring for complex 3D web experiences. Use when building applications that integrate multiple 3D and animation libraries, requiring architecture patterns, state management, and performance optimization across the stack. Triggers on tasks involving library integration, multi-library architectures, scroll-driven 3D experiences, physics-based 3D animations, or complex interactive 3D applications.
What it loads into context
Frontmatter
104 tokensAlways available to the agent
SKILL.md
5,490 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Overview
- Architecture Patterns
- Common Integration Patterns
- State Management Strategies
- Performance Optimization
- Common Pitfalls
- Decision Matrix
- Resources
- Related Skills
Files
SKILL.mdcore21,184 bytes
Read SKILL.md
# Web 3D Integration Patterns
## Overview
This meta-skill provides architectural patterns, best practices, and integration strategies for combining multiple 3D and animation libraries in web applications. It synthesizes knowledge from the threejs-webgl, gsap-scrolltrigger, react-three-fiber, motion-framer, and react-spring-physics skills into cohesive patterns for building complex, performant 3D web experiences.
**When to use this skill:**
- Building complex 3D applications that combine multiple libraries
- Creating scroll-driven 3D experiences with animation orchestration
- Implementing physics-based interactions with 3D scenes
- Managing state across 3D rendering and UI animations
- Optimizing performance in multi-library architectures
- Designing reusable component architectures for 3D applications
- Migrating between or combining animation approachesaframe-webxr
When your agent uses it
Declarative web framework for building browser-based 3D, VR, and AR experiences using HTML and entity-component architecture. Use this skill when creating WebXR applications, VR experiences, AR experiences, 360-degree media viewers, or immersive web content with minimal JavaScript. Triggers on tasks involving A-Frame, WebXR, VR development, AR development, entity-component-system, declarative 3D, or HTML-based 3D scenes. Built on Three.js with accessible HTML-first approach.
What it loads into context
Frontmatter
109 tokensAlways available to the agent
SKILL.md
7,814 tokensWhen the skill is activated
Reference documents
27,483 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- When to Use This Skill
- Core Concepts
- Common Patterns
- Integration Patterns
- Performance Best Practices
- Common Pitfalls and Solutions
- Resources
- Related Skills
Scripts executed separately
assets/starter_aframe/main.jsscripts/component_builder.pyscripts/scene_generator.py
Files
SKILL.mdcore27,341 bytesSKILL.mdcore27,341 bytesassets/examples/README.mddoc24,709 bytesassets/starter_aframe/README.mddoc5,961 bytesassets/starter_aframe/index.htmlasset2,692 bytesassets/starter_aframe/main.jsruns2,309 bytesassets/starter_aframe/style.cssasset865 bytesreferences/api_reference.mddoc26,551 bytesreferences/components_library.mddoc17,326 bytesreferences/webxr_guide.mddoc23,138 bytesscripts/component_builder.pyruns23,223 bytesscripts/scene_generator.pyruns26,499 bytes
Read SKILL.md
# A-Frame WebXR Skill
## When to Use This Skill
- Build VR/AR experiences with minimal JavaScript
- Create cross-platform WebXR applications (desktop, mobile, headset)
- Prototype 3D scenes quickly with HTML primitives
- Implement VR controller interactions
- Add 3D content to web pages declaratively
- Build 360° image/video experiences
- Develop AR experiences with hit testing
## Core Concepts
### 1. Entity-Component-System (ECS)animated-component-libraries
When your agent uses it
Pre-built animated React component collections combining Magic UI (150+ TypeScript/Tailwind/Motion components) and React Bits (90+ minimal-dependency animated components). Use this skill when building landing pages, marketing sites, dashboards, or interactive UIs requiring pre-made animated components instead of hand-crafting animations. Triggers on tasks involving animated UI components, Magic UI, React Bits, shadcn/ui integration, Tailwind CSS components, or component library selection. Alternative to manually implementing animations with Framer Motion or GSAP.
What it loads into context
Frontmatter
115 tokensAlways available to the agent
SKILL.md
5,506 tokensWhen the skill is activated
Reference documents
13,454 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Overview
- Core Concepts
- Common Patterns
- Integration Patterns
- Performance Optimization
- Common Pitfalls
- Resources
- Related Skills
Scripts executed separately
scripts/component_importer.pyscripts/props_generator.py
Files
SKILL.mdcore22,597 bytesSKILL.mdcore22,597 bytesSKILL.mdcore22,597 bytesSKILL.mdcore22,597 bytesSKILL.mdcore22,597 bytesassets/README.mddoc9,831 bytesreferences/customization_guide.mddoc13,895 bytesreferences/magic_ui_components.mddoc10,025 bytesreferences/react_bits_components.mddoc15,557 bytesscripts/component_importer.pyruns9,212 bytesscripts/props_generator.pyruns10,326 bytes
Read SKILL.md
# Animated Component Libraries
## Overview
This skill provides expertise in pre-built animated React component libraries, specifically Magic UI and React Bits. These libraries offer production-ready, animated components that significantly accelerate development of modern, interactive web applications.
**Magic UI** provides 150+ TypeScript components built on Tailwind CSS and Framer Motion, designed for seamless integration with shadcn/ui. Components are copy-paste ready and highly customizable.
**React Bits** offers 90+ animated React components with minimal dependencies, focusing on visual effects, backgrounds, and micro-interactions. Components emphasize performance and ease of customization.
Both libraries follow modern React patterns, support TypeScript, and integrate with popular design systems.
## Core Concepts
animejs
When your agent uses it
Versatile JavaScript animation engine for DOM, CSS, SVG, and JavaScript objects. Use when creating timeline-based animations, stagger effects, SVG morphing, keyframe sequences, or complex choreographed animations. Triggers on tasks involving Anime.js, timeline animations, staggered sequences, SVG path animations, morphing, or multi-step animation choreography. Alternative to GSAP for SVG-heavy animations and React-independent projects.
What it loads into context
Frontmatter
90 tokensAlways available to the agent
SKILL.md
2,897 tokensWhen the skill is activated
Reference documents
11,404 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Overview
- Core Concepts
- Common Patterns
- Integration Patterns
- Advanced Techniques
- Performance Optimization
- Common Pitfalls
- Resources
- Related Skills
Scripts executed separately
scripts/animation_generator.pyscripts/timeline_builder.py
Files
SKILL.mdcore10,775 bytesassets/README.mddoc8,886 bytesreferences/api_reference.mddoc10,483 bytesreferences/stagger_guide.mddoc9,161 bytesreferences/timeline_guide.mddoc10,621 bytesscripts/animation_generator.pyruns5,834 bytesscripts/timeline_builder.pyruns7,842 bytes
Read SKILL.md
# Anime.js
Lightweight JavaScript animation library with powerful timeline and stagger capabilities for web animations.
## Overview
Anime.js (pronounced "Anime JS") is a versatile animation engine that works with DOM elements, CSS properties, SVG attributes, and JavaScript objects. Unlike React-specific libraries, Anime.js works with vanilla JavaScript and any framework.
**When to use this skill:**
- Timeline-based animation sequences with precise choreography
- Staggered animations across multiple elements
- SVG path morphing and drawing animations
- Keyframe animations with percentage-based timing
- Framework-agnostic animation (works with React, Vue, vanilla JS)babylonjs-engine
When your agent uses it
Comprehensive skill for Babylon.js 3D web rendering engine. Use this skill when building real-time 3D experiences, browser-based games, interactive visualizations, or immersive web applications. Triggers on tasks involving Babylon.js, 3D scenes, WebGL/WebGPU rendering, entity-component systems, physics simulations, PBR materials, shadow mapping, or 3D model loading. Alternative to Three.js with built-in editor integration and game engine features.
What it loads into context
Frontmatter
100 tokensAlways available to the agent
SKILL.md
8,404 tokensWhen the skill is activated
Reference documents
19,547 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Related Skills
- Core Concepts
- Common Patterns
- Integration Patterns
- Performance Optimization
- Common Pitfalls
- Advanced Topics
- Debugging
- Resources
- Version Notes
Scripts executed separately
assets/starter_babylon/package.jsonassets/starter_babylon/src/main.jsassets/starter_babylon/vite.config.jsscripts/mesh_builder.pyscripts/scene_generator.py
Files
SKILL.mdcore31,117 bytesassets/examples/README.mddoc30,647 bytesassets/starter_babylon/README.mddoc6,762 bytesassets/starter_babylon/index.htmlasset647 bytesassets/starter_babylon/package.jsonruns426 bytesassets/starter_babylon/src/main.jsruns7,422 bytesassets/starter_babylon/src/style.cssasset1,217 bytesassets/starter_babylon/vite.config.jsruns235 bytesreferences/api_reference.mddoc41,609 bytesscripts/mesh_builder.pyruns17,048 bytesscripts/scene_generator.pyruns19,154 bytes
Read SKILL.md
# Babylon.js Engine Skill
## Related Skills
- threejs-webgl: Alternative 3D engine
- react-three-fiber: React integration for 3D
- gsap-scrolltrigger: Animation library
- motion-framer: UI animations
## Core Concepts
### 1. Engine and Scene Initialization
**Basic Setup**
```javascriptbarba-js
When your agent uses it
Page transitions library for creating fluid, smooth transitions between website pages. Use this skill when implementing page transitions, creating SPA-like experiences, adding animated route changes, or building websites with smooth navigation. Triggers on tasks involving Barba.js, page transitions, routing, view management, transition hooks, GSAP integration, or smooth page navigation. Works with gsap-scrolltrigger for transition animations.
What it loads into context
Frontmatter
84 tokensAlways available to the agent
SKILL.md
4,881 tokensWhen the skill is activated
Reference documents
20,960 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Overview
- Core Concepts
- Common Patterns
- Integration Patterns
- Performance Optimization
- Common Pitfalls
- Resources
- Related Skills
Scripts executed separately
scripts/project_setup.pyscripts/transition_generator.py
Files
SKILL.mdcore19,598 bytesSKILL.mdcore19,598 bytesSKILL.mdcore19,598 bytesSKILL.mdcore19,598 bytesSKILL.mdcore19,598 bytesassets/README.mddoc4,561 bytesreferences/api_reference.mddoc23,282 bytesreferences/gsap_integration.mddoc16,066 bytesreferences/hooks_guide.mddoc19,411 bytesreferences/transition_patterns.mddoc16,742 bytesscripts/project_setup.pyruns19,813 bytesscripts/transition_generator.pyruns12,769 bytes
Read SKILL.md
# Barba.js
Modern page transition library for creating fluid, smooth transitions between website pages. Barba.js makes multi-page websites feel like Single Page Applications (SPAs) by hijacking navigation and managing transitions without full page reloads.
## Overview
Barba.js is a lightweight (7kb minified and compressed) JavaScript library that intercepts navigation between pages, fetches new content via AJAX, and smoothly transitions between old and new containers. It reduces page load delays and HTTP requests while maintaining the benefits of traditional multi-page architecture.
**Core Features**:
- Smooth page transitions without full reloads
- Lifecycle hooks for precise control over transition phases
- View-based logic for page-specific behaviors
- Built-in routing with @barba/router plugin
- Extensible plugin systemblender-web-pipeline
When your agent uses it
Blender to web export workflows for 3D models and animations. Use this skill when exporting Blender models to glTF for web, optimizing 3D assets for Three.js or Babylon.js, batch processing models with Python scripts, automating Blender workflows, or creating web-ready 3D pipelines. Triggers on tasks involving Blender glTF export, bpy scripting, 3D asset optimization, model compression, texture baking, or Blender automation. Exports models for threejs-webgl, react-three-fiber, and babylonjs-engine skills.
What it loads into context
Frontmatter
118 tokensAlways available to the agent
SKILL.md
4,144 tokensWhen the skill is activated
Reference documents
2,059 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Overview
- Core Concepts
- Common Patterns
- Integration Patterns
- Optimization Techniques
- Common Pitfalls
- Best Practices
- Resources
- Related Skills
Scripts executed separately
scripts/batch_export.pyscripts/generate_lods.pyscripts/optimize_model.py
Files
SKILL.mdcore16,782 bytesSKILL.mdcore16,782 bytesSKILL.mdcore16,782 bytesSKILL.mdcore16,782 bytesSKILL.mdcore16,782 bytesSKILL.mdcore16,782 bytesSKILL.mdcore16,782 bytesSKILL.mdcore16,782 bytesSKILL.mdcore16,782 bytesSKILL.mdcore16,782 bytesSKILL.mdcore16,782 bytesSKILL.mdcore16,782 bytesSKILL.mdcore16,782 bytesSKILL.mdcore16,782 bytesSKILL.mdcore16,782 bytesSKILL.mdcore16,782 bytesSKILL.mdcore16,782 bytesSKILL.mdcore16,782 bytesSKILL.mdcore16,782 bytesSKILL.mdcore16,782 bytesSKILL.mdcore16,782 bytesassets/README.mddoc841 bytesreferences/bpy_api_reference.mddoc1,825 bytesreferences/gltf_export_guide.mddoc3,740 bytesreferences/optimization_strategies.mddoc1,564 bytesscripts/batch_export.pyruns967 bytesscripts/generate_lods.pyruns913 bytesscripts/optimize_model.pyruns720 bytes
Read SKILL.md
# Blender Web Pipeline
## Overview
Blender Web Pipeline skill provides workflows for exporting 3D models and animations from Blender to web-optimized formats (primarily glTF 2.0). It covers Python scripting for batch processing, optimization techniques for web performance, and integration with web 3D libraries like Three.js and Babylon.js.
**When to use this skill:**
- Exporting Blender models for web applications
- Batch processing multiple 3D assets
- Optimizing file sizes for web delivery
- Automating repetitive Blender tasks
- Creating production pipelines for 3D web content
- Converting legacy formats to glTF
gsap-scrolltrigger
When your agent uses it
Comprehensive skill for GSAP (GreenSock Animation Platform) and ScrollTrigger plugin. Use this skill when creating web animations, scroll-driven experiences, timelines, tweens, scroll-triggered animations, pinning, scrubbing, parallax effects, or animating DOM elements, SVG, Canvas, WebGL, or Three.js. Triggers on tasks involving GSAP, ScrollTrigger, smooth animations, scroll effects, or animation sequencing.
What it loads into context
Frontmatter
95 tokensAlways available to the agent
SKILL.md
4,771 tokensWhen the skill is activated
Reference documents
19,320 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Overview
- Core Concepts
- ScrollTrigger Fundamentals
- Common Patterns
- Integration Patterns
- Advanced Techniques
- Performance Best Practices
- Common Pitfalls
- Easing Reference
- ScrollTrigger Methods
- Resources
- When to Use This Skill
Scripts executed separately
assets/starter_scroll/main.jsscripts/generate_animation.pyscripts/timeline_builder.py
Files
SKILL.mdcore17,238 bytesassets/easings/easing_visualizer.htmlasset14,295 bytesassets/examples/README.mddoc8,427 bytesassets/starter_scroll/README.mddoc10,778 bytesassets/starter_scroll/index.htmlasset8,288 bytesassets/starter_scroll/main.jsruns9,838 bytesassets/starter_scroll/style.cssasset11,573 bytesreferences/api_reference.mddoc9,062 bytesreferences/common_patterns.mddoc24,473 bytesreferences/easing_guide.mddoc16,338 bytesscripts/generate_animation.pyruns13,955 bytesscripts/timeline_builder.pyruns18,784 bytes
Read SKILL.md
# GSAP & ScrollTrigger Development
## Overview
GSAP (GreenSock Animation Platform) is the industry-leading JavaScript animation library for creating high-performance, production-quality animations. ScrollTrigger is GSAP's powerful plugin for scroll-driven animations. Together, they enable everything from simple UI transitions to complex scroll-based storytelling experiences.
## Core Concepts
### The Basics: Tweens
A **tween** is a single animation from point A to point B.
```javascript
// Animate TO a state (from current)lightweight-3d-effects
When your agent uses it
Lightweight 3D effects for decorative elements and micro-interactions using Zdog, Vanta.js, and Vanilla-Tilt.js. Use this skill when adding pseudo-3D illustrations, animated backgrounds, parallax tilt effects, decorative 3D elements, or subtle depth effects without heavy frameworks. Triggers on tasks involving Zdog pseudo-3D, Vanta.js backgrounds, Vanilla-Tilt parallax, card tilt effects, hero section animations, or lightweight landing page visuals. Ideal for performance-focused designs.
What it loads into context
Frontmatter
112 tokensAlways available to the agent
SKILL.md
6,812 tokensWhen the skill is activated
Reference documents
29,548 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Overview
- When to Use This Skill
- Zdog - Pseudo-3D Illustrations
- Vanta.js - Animated 3D Backgrounds
- Vanilla-Tilt.js - Parallax Tilt Effects
- Common Patterns
- Performance Best Practices
- Common Pitfalls
- Resources
- Related Skills
Scripts executed separately
assets/starter_lightweight/main.jsscripts/generate_zdog.pyscripts/setup_vanta.py
Files
SKILL.mdcore22,880 bytesassets/examples/README.mddoc27,112 bytesassets/starter_lightweight/README.mddoc11,642 bytesassets/starter_lightweight/index.htmlasset3,154 bytesassets/starter_lightweight/main.jsruns9,539 bytesassets/starter_lightweight/style.cssasset4,774 bytesreferences/tilt_patterns.mddoc20,892 bytesreferences/vantajs_effects.mddoc19,469 bytesreferences/zdog_api.mddoc21,376 bytesscripts/generate_zdog.pyruns22,409 bytesscripts/setup_vanta.pyruns19,934 bytes
Read SKILL.md
# Lightweight 3D Effects Skill
## Overview
This skill combines three powerful libraries for decorative 3D elements and micro-interactions:
- **Zdog**: Pseudo-3D engine for designer-friendly vector illustrations
- **Vanta.js**: Animated 3D backgrounds powered by Three.js/p5.js
- **Vanilla-Tilt.js**: Smooth parallax tilt effects responding to mouse/gyroscope
## When to Use This Skill
- Add decorative 3D illustrations without heavy frameworks
- Create animated backgrounds for hero sections
- Implement subtle parallax tilt effects on cards/images
- Build lightweight landing pages with visual depthlocomotive-scroll
When your agent uses it
Comprehensive skill for Locomotive Scroll smooth scrolling library with parallax effects, viewport detection, and scroll-driven animations. Use this skill when implementing smooth scrolling experiences, creating parallax effects, building scroll-triggered animations, or developing immersive scrolling websites. Triggers on tasks involving Locomotive Scroll, smooth scrolling, parallax, scroll detection, scroll events, sticky elements, horizontal scrolling, or GSAP ScrollTrigger integration. Integrates with GSAP for advanced scroll-driven animations.
What it loads into context
Frontmatter
102 tokensAlways available to the agent
SKILL.md
2,956 tokensWhen the skill is activated
Reference documents
8,118 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Overview
- Installation
- Core Concepts
- Common Patterns
- Integration with GSAP ScrollTrigger
- Instance Methods
- Performance Optimization
- Common Pitfalls
- Related Skills
- Resources
Scripts executed separately
assets/starter_locomotive/main.jsassets/starter_locomotive/package.jsonscripts/generate_config.pyscripts/integration_helper.py
Files
SKILL.mdcore12,368 bytesSKILL.mdcore12,368 bytesassets/starter_locomotive/README.mddoc6,951 bytesassets/starter_locomotive/index.htmlasset4,432 bytesassets/starter_locomotive/main.jsruns3,772 bytesassets/starter_locomotive/package.jsonruns357 bytesassets/starter_locomotive/style.cssasset5,195 bytesreferences/api_reference.mddoc11,843 bytesreferences/gsap_integration.mddoc13,346 bytesscripts/generate_config.pyruns11,185 bytesscripts/integration_helper.pyruns13,982 bytes
Read SKILL.md
# Locomotive Scroll
Comprehensive guide for implementing smooth scrolling, parallax effects, and scroll-driven animations using Locomotive Scroll.
## Overview
Locomotive Scroll is a JavaScript library that provides:
- **Smooth scrolling**: Hardware-accelerated smooth scroll with customizable easing
- **Parallax effects**: Element-level speed control for depth
- **Viewport detection**: Track when elements enter/exit viewport
- **Scroll events**: Monitor scroll progress for animation synchronization
- **Sticky elements**: Pin elements within defined boundaries
- **Horizontal scrolling**: Support for horizontal scroll layouts
lottie-animations
When your agent uses it
After Effects animation rendering for web and React applications. Use this skill when implementing Lottie animations, JSON vector animations, interactive animated icons, micro-interactions, or loading animations. Triggers on tasks involving Lottie, lottie-web, lottie-react, dotLottie, After Effects JSON export, bodymovin, animated SVG alternatives, or designer-created animations. Complements GSAP ScrollTrigger and Framer Motion for scroll-driven and interactive animations.
What it loads into context
Frontmatter
99 tokensAlways available to the agent
SKILL.md
4,538 tokensWhen the skill is activated
Reference documents
9,992 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Overview
- Core Concepts
- Common Patterns
- Integration Patterns
- Performance Optimization
- Common Pitfalls
- Resources
- Related Skills
Scripts executed separately
scripts/generate_lottie_component.pyscripts/optimize_lottie.py
Files
SKILL.mdcore17,982 bytesassets/starter_lottie/README.mddoc1,824 bytesreferences/after_effects_export.mddoc9,845 bytesreferences/api_reference.mddoc15,661 bytesreferences/performance_guide.mddoc11,607 bytesscripts/generate_lottie_component.pyruns5,647 bytesscripts/optimize_lottie.pyruns2,641 bytes
Read SKILL.md
# Lottie Animations
## Overview
Lottie is a library for rendering After Effects animations in real-time on web, iOS, Android, and React Native. Created by Airbnb, it allows designers to ship animations as easily as shipping static assets. Animations are exported from After Effects as JSON files using the Bodymovin plugin, then rendered natively with minimal performance overhead.
**When to use Lottie:**
- Designer-created animations that need pixel-perfect fidelity
- Complex animated icons and micro-interactions
- Loading animations and progress indicators
- Onboarding sequences and tutorial animations
- Marketing animations and promotional content
- Alternative to GIF/video with smaller file sizes and scalability
modern-web-design
When your agent uses it
Modern web design trends, principles, and implementation patterns for 2024-2025. Use this skill when designing websites, creating interactive experiences, implementing design systems, ensuring accessibility, or building performance-first interfaces. Triggers on tasks involving modern design trends, micro-interactions, scrollytelling, bold minimalism, cursor UX, glassmorphism, accessibility compliance, performance optimization, or design system architecture. References animation skills (GSAP, Framer Motion, React Spring), 3D skills (Three.js, R3F, Babylon.js), and component libraries for implementation guidance.
What it loads into context
Frontmatter
126 tokensAlways available to the agent
SKILL.md
7,010 tokensWhen the skill is activated
Reference documents
24,096 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Overview
- Core Design Principles (2024-2025)
- Common Design Patterns
- Integration with Other Skills
- Accessibility Best Practices
- Performance Optimization
- Common Pitfalls
- Design System Architecture
- Resources
Scripts executed separately
scripts/design_audit.pyscripts/pattern_generator.py
Files
SKILL.mdcore26,596 bytesSKILL.mdcore26,596 bytesSKILL.mdcore26,596 bytesassets/README.mddoc7,811 bytesreferences/accessibility_guide.mddoc19,842 bytesreferences/design_trends_2024.mddoc20,338 bytesreferences/interaction_patterns.mddoc21,720 bytesreferences/performance_checklist.mddoc18,722 bytesscripts/design_audit.pyruns15,021 bytesscripts/pattern_generator.pyruns24,524 bytes
Read SKILL.md
# Modern Web Design
## Overview
Modern web design in 2024-2025 emphasizes performance, accessibility, and meaningful interactions. This skill provides comprehensive guidance on current design trends, implementation patterns, and best practices for creating engaging, accessible, and performant web experiences.
This meta-skill synthesizes knowledge from all animation, interaction, and 3D skills in this repository to provide holistic design guidance.
## Core Design Principles (2024-2025)
### 1. Performance-First Design
**Philosophy**: Design decisions should prioritize Core Web Vitals and user experience on all devices.
motion-framer
When your agent uses it
Modern animation library for React and JavaScript. Create smooth, production-ready animations with motion components, variants, gestures (hover/tap/drag), layout animations, AnimatePresence exit animations, spring physics, and scroll-based effects. Use when building interactive UI components, micro-interactions, page transitions, or complex animation sequences.
What it loads into context
Frontmatter
72 tokensAlways available to the agent
SKILL.md
5,657 tokensWhen the skill is activated
Reference documents
25,907 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Overview
- Core Concepts
- Common Patterns
- Gesture Recognition
- Hooks
- Integration Patterns
- Performance Optimization
- Common Pitfalls
- Resources
Scripts executed separately
assets/starter_motion/package.jsonassets/starter_motion/src/App.jsxassets/starter_motion/src/components/DraggableBox.jsxassets/starter_motion/src/components/HoverCard.jsxassets/starter_motion/src/components/StaggerList.jsxassets/starter_motion/src/main.jsxassets/starter_motion/vite.config.jsscripts/animation_generator.pyscripts/variant_builder.py
Files
SKILL.mdcore21,032 bytesassets/examples/README.mddoc73,986 bytesassets/starter_motion/README.mddoc6,762 bytesassets/starter_motion/index.htmlasset958 bytesassets/starter_motion/package.jsonruns452 bytesassets/starter_motion/src/App.cssasset1,747 bytesassets/starter_motion/src/App.jsxruns3,513 bytesassets/starter_motion/src/components/DraggableBox.jsxruns1,439 bytesassets/starter_motion/src/components/HoverCard.jsxruns803 bytesassets/starter_motion/src/components/StaggerList.jsxruns1,582 bytesassets/starter_motion/src/main.jsxruns208 bytesassets/starter_motion/vite.config.jsruns210 bytesreferences/api_reference.mddoc20,478 bytesscripts/animation_generator.pyruns15,573 bytesscripts/variant_builder.pyruns13,942 bytes
Read SKILL.md
# Motion & Framer Motion
## Overview
Motion (formerly Framer Motion) is a production-ready animation library for React and JavaScript that enables declarative, performant animations with minimal code. It provides `motion` components that wrap HTML elements with animation superpowers, supports gesture recognition (hover, tap, drag, focus), and includes advanced features like layout animations, exit animations, and spring physics.
**When to use this skill:**
- Building interactive UI components (buttons, cards, menus)
- Creating micro-interactions and hover effects
- Implementing page transitions and route animations
- Adding scroll-based animations and parallax effects
- Animating layout changes (resizing, reordering, shared element transitions)
- Drag-and-drop interfaces
- Complex animation sequences and state-based animationspixijs-2d
When your agent uses it
Fast, lightweight 2D rendering engine for creating interactive graphics, particle effects, and canvas-based applications using WebGL/WebGPU. Use this skill when building 2D games, particle systems, interactive canvases, sprite animations, or UI overlays on 3D scenes. Triggers on tasks involving PixiJS, 2D rendering, sprite sheets, particle effects, filters, or high-performance canvas graphics. Alternative to Canvas2D with WebGL acceleration for rendering thousands of sprites at 60 FPS.
What it loads into context
Frontmatter
112 tokensAlways available to the agent
SKILL.md
5,492 tokensWhen the skill is activated
Reference documents
43,558 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- When to Use This Skill
- Core Concepts
- Common Patterns
- Integration Patterns
- Performance Best Practices
- Common Pitfalls
- Resources
- Related Skills
- Summary
Scripts executed separately
assets/starter_pixijs/main.jsscripts/particle_builder.pyscripts/sprite_generator.py
Files
SKILL.mdcore21,108 bytesassets/examples/README.mddoc94,824 bytesassets/starter_pixijs/README.mddoc11,182 bytesassets/starter_pixijs/index.htmlasset1,286 bytesassets/starter_pixijs/main.jsruns4,278 bytesassets/starter_pixijs/styles.cssasset3,054 bytesreferences/api_reference.mddoc27,335 bytesreferences/filters_effects.mddoc19,346 bytesreferences/performance_guide.mddoc23,181 bytesscripts/particle_builder.pyruns28,371 bytesscripts/sprite_generator.pyruns25,223 bytes
Read SKILL.md
# PixiJS 2D Rendering Skill
Fast, lightweight 2D rendering engine for creating interactive graphics, particle effects, and canvas-based applications using WebGL/WebGPU.
---
## When to Use This Skill
Trigger this skill when you encounter:
- "Create 2D particle effects" or "animated particles"
- "2D sprite animation" or "sprite sheet handling"
- "Interactive canvas graphics" or "2D game"
- "UI overlays on 3D scenes" or "HUD layer"
- "Draw shapes programmatically" or "vector graphics API"playcanvas-engine
When your agent uses it
Lightweight WebGL/WebGPU game engine with entity-component architecture and visual editor integration. Use this skill when building browser-based games, interactive 3D applications, or performance-critical web experiences. Triggers on tasks involving PlayCanvas, entity-component systems, game engine development, WebGL games, 3D browser applications, editor-first workflows, or real-time 3D rendering. Alternative to Three.js with game-specific features and integrated development environment.
What it loads into context
Frontmatter
96 tokensAlways available to the agent
SKILL.md
5,859 tokensWhen the skill is activated
Reference documents
22,469 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- When to Use This Skill
- Core Concepts
- Common Patterns
- Integration Patterns
- Performance Optimization
- Common Pitfalls
- Resources
- Quick Reference
Scripts executed separately
assets/starter_playcanvas/scripts/app.jsassets/starter_playcanvas/scripts/camera-controller.jsassets/starter_playcanvas/scripts/input-manager.jsscripts/component_builder.pyscripts/project_generator.py
Files
SKILL.mdcore22,829 bytesassets/examples/README.mddoc20,615 bytesassets/starter_playcanvas/README.mddoc9,398 bytesassets/starter_playcanvas/index.htmlasset2,076 bytesassets/starter_playcanvas/scripts/app.jsruns6,579 bytesassets/starter_playcanvas/scripts/camera-controller.jsruns8,538 bytesassets/starter_playcanvas/scripts/input-manager.jsruns5,852 bytesassets/starter_playcanvas/styles.cssasset4,304 bytesreferences/api_reference.mddoc20,381 bytesreferences/editor_workflow.mddoc17,093 bytesreferences/optimization_guide.mddoc18,665 bytesscripts/component_builder.pyruns28,728 bytesscripts/project_generator.pyruns22,487 bytes
Read SKILL.md
# PlayCanvas Engine Skill
Lightweight WebGL/WebGPU game engine with entity-component architecture, visual editor integration, and performance-focused design.
## When to Use This Skill
Trigger this skill when you see:
- "PlayCanvas engine"
- "WebGL game engine"
- "entity component system"
- "PlayCanvas application"
- "3D browser games"
- "online 3D editor"
- "lightweight 3D engine"react-spring-physics
When your agent uses it
Physics-based animation library combining React Spring (spring dynamics, gesture integration, 60fps animations) and Popmotion (low-level composable animation utilities, reactive streams). Use when building fluid, natural-feeling UI animations, gesture-driven interfaces, physics simulations, or spring-loaded interactions. Triggers on tasks involving React Spring hooks, spring physics, inertia scrolling, physics-based motion, animation composition, or natural UI movements. Alternative physics approach to motion-framer for more physically accurate animations.
What it loads into context
Frontmatter
106 tokensAlways available to the agent
SKILL.md
2,998 tokensWhen the skill is activated
Reference documents
12,243 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Overview
- Core Concepts
- Common Patterns
- Integration Patterns
- Performance Optimization
- Common Pitfalls
- Resources
- Related Skills
Scripts executed separately
scripts/physics_calculator.pyscripts/spring_generator.py
Files
SKILL.mdcore11,361 bytesassets/README.mddoc7,473 bytesreferences/physics_guide.mddoc11,611 bytesreferences/popmotion_api.mddoc11,493 bytesreferences/react_spring_api.mddoc13,151 bytesscripts/physics_calculator.pyruns9,075 bytesscripts/spring_generator.pyruns8,483 bytes
Read SKILL.md
# React Spring Physics
Physics-based animation for React applications combining React Spring's declarative spring animations with Popmotion's low-level physics utilities.
## Overview
React Spring provides spring-physics animations that feel natural and interruptible. Unlike duration-based animations, springs calculate motion based on physical properties (mass, tension, friction), resulting in organic, realistic movement. Popmotion complements this with composable animation functions for keyframes, decay, and inertia.
**When to use this skill:**
- Natural, physics-based UI animations
- Gesture-driven interfaces (drag, swipe, scroll)
- Interruptible animations that respond to user input mid-motion
- Smooth transitions that maintain velocity across state changes
- Momentum scrolling and inertia effectsreact-three-fiber
When your agent uses it
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.
What it loads into context
Frontmatter
75 tokensAlways available to the agent
SKILL.md
6,337 tokensWhen the skill is activated
Reference documents
11,172 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Overview
- Core Concepts
- Common Patterns
- Integration with Drei Helpers
- Integration with Other Libraries
- Performance Optimization
- Common Pitfalls & Solutions
- Best Practices
- Resources
Scripts executed separately
assets/starter_r3f/package.jsonassets/starter_r3f/src/App.jsxassets/starter_r3f/src/Experience.jsxassets/starter_r3f/src/components/Box.jsxassets/starter_r3f/src/components/Sphere.jsxassets/starter_r3f/src/main.jsxassets/starter_r3f/vite.config.jsscripts/component_generator.pyscripts/scene_setup.py
Files
SKILL.mdcore22,994 bytesassets/examples/README.mddoc16,591 bytesassets/starter_r3f/README.mddoc5,603 bytesassets/starter_r3f/index.htmlasset1,593 bytesassets/starter_r3f/package.jsonruns570 bytesassets/starter_r3f/src/App.jsxruns282 bytesassets/starter_r3f/src/Experience.jsxruns1,329 bytesassets/starter_r3f/src/components/Box.jsxruns945 bytesassets/starter_r3f/src/components/Sphere.jsxruns638 bytesassets/starter_r3f/src/main.jsxruns208 bytesassets/starter_r3f/vite.config.jsruns406 bytesreferences/api_reference.mddoc18,479 bytesscripts/component_generator.pyruns19,731 bytesscripts/scene_setup.pyruns18,385 bytes
Read SKILL.md
# React Three Fiber
## Overview
React Three Fiber (R3F) is a React renderer for Three.js that brings declarative, component-based 3D development to React applications. Instead of imperatively creating and managing Three.js objects, you build 3D scenes using JSX components that map directly to Three.js objects.
**When to Use This Skill**:
- Building 3D experiences within React applications
- Creating interactive product configurators or showcases
- Developing 3D portfolios, galleries, or storytelling experiences
- Building games or simulations in React
- Adding 3D elements to existing React projects
- When you need state management and React hooks with 3D graphics
- When working with React frameworks (Next.js, Gatsby, Remix)rive-interactive
When your agent uses it
State machine-based vector animation with runtime interactivity and web integration. Use this skill when creating interactive animations, state-driven UI, animated components with logic, or designer-created animations with runtime control. Triggers on tasks involving Rive, state machines, interactive vector animations, animation with input handling, ViewModel data binding, or React Rive integration. Alternative to Lottie for animations requiring state machines and two-way interactivity.
What it loads into context
Frontmatter
92 tokensAlways available to the agent
SKILL.md
3,889 tokensWhen the skill is activated
Reference documents
2,279 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Overview
- Core Concepts
- Common Patterns
- Integration Patterns
- Performance Optimization
- Common Pitfalls and Solutions
- Resources
- Related Skills
- Scripts
- Assets
Scripts executed separately
scripts/component_generator.pyscripts/viewmodel_builder.py
Files
SKILL.mdcore15,744 bytesSKILL.mdcore15,744 bytesassets/README.mddoc1,873 bytesreferences/api_reference.mddoc6,953 bytesscripts/component_generator.pyruns688 bytesscripts/viewmodel_builder.pyruns1,151 bytes
Read SKILL.md
# Rive Interactive - State Machine-Based Vector Animation
## Overview
Rive is a state machine-based animation platform that enables designers to create interactive vector animations with complex logic and runtime interactivity. Unlike timeline-only animation tools (like Lottie), Rive supports state machines, input handling, and two-way data binding between application code and animations.
**Key Features**:
- State machine system for complex interactive logic
- ViewModel API for two-way data binding
- Input handling (boolean, number, trigger inputs)
- Custom events for animation-to-code communication
- Runtime property control (colors, strings, numbers, enums)
- Cross-platform support (Web, React, React Native, iOS, Android, Flutter)
- Small file sizes with vector graphicsscroll-reveal-libraries
When your agent uses it
Simple scroll-triggered reveal animations using AOS (Animate On Scroll). Use this skill when building marketing pages, landing pages, or content-heavy sites requiring basic fade/slide effects without complex animation orchestration. Triggers on tasks involving scroll animations, scroll-triggered reveals, AOS, simple animations, or basic scroll effects. Alternative to GSAP ScrollTrigger and Locomotive Scroll for simpler use cases. Compare with motion-framer for React-specific animations.
What it loads into context
Frontmatter
101 tokensAlways available to the agent
SKILL.md
4,589 tokensWhen the skill is activated
Reference documents
11,943 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Overview
- Core Concepts
- Common Patterns
- Integration Patterns
- Performance Optimization
- Common Pitfalls
- Built-in Animations
- Custom Animations
- Comparison with Alternatives
- Resources
- Related Skills
Scripts executed separately
scripts/aos_generator.pyscripts/config_builder.py
Files
SKILL.mdcore17,120 bytesSKILL.mdcore17,120 bytesassets/README.mddoc17,813 bytesreferences/animation_catalog.mddoc12,597 bytesreferences/aos_api.mddoc14,552 bytesscripts/aos_generator.pyruns21,702 bytesscripts/config_builder.pyruns12,733 bytes
Read SKILL.md
# Scroll Reveal Libraries
## Overview
This skill covers AOS (Animate On Scroll), a lightweight CSS-driven library for scroll-triggered animations. AOS excels at simple fade, slide, and zoom effects activated when elements enter the viewport.
**Key Features**:
- **Minimal Setup**: Single JavaScript file + CSS
- **Data Attribute API**: Configure animations in HTML
- **Performance**: CSS-driven, GPU-accelerated animations
- **50+ Built-in Animations**: Fades, slides, zooms, flips
- **Framework Agnostic**: Works with vanilla JS, React, Vue, etc.
**When to Use**:spline-interactive
When your agent uses it
Browser-based 3D design tool with visual editor, animation, and web export. Use this skill when creating 3D scenes without code, designing interactive web experiences, prototyping 3D UI, exporting to React/web, or building designer-friendly 3D content. Triggers on tasks involving Spline, no-code 3D, visual 3D editor, 3D animation, state-based interactions, React Spline integration, or scene export. Alternative to Three.js for designers who prefer visual tools over code.
What it loads into context
Frontmatter
114 tokensAlways available to the agent
SKILL.md
4,952 tokensWhen the skill is activated
Reference documents
5,808 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Overview
- Core Concepts
- Common Patterns
- Integration Patterns
- Performance Optimization
- Common Pitfalls and Solutions
- Resources
- Related Skills
- Scripts
- Assets
Scripts executed separately
scripts/component_builder.pyscripts/project_generator.py
Files
SKILL.mdcore19,539 bytesSKILL.mdcore19,539 bytesassets/README.mddoc7,883 bytesreferences/api_reference.mddoc13,071 bytesscripts/component_builder.pyruns6,637 bytesscripts/project_generator.pyruns7,828 bytes
Read SKILL.md
# Spline Interactive - Browser-Based 3D Design and Animation
## Overview
Spline is a browser-based 3D design and animation platform that enables creators to build interactive 3D experiences without requiring code or specialized software knowledge. It provides a collaborative visual editor for designing, animating, and exporting 3D scenes across multiple platforms.
**Key Features**:
- Visual 3D modeling with parametric shapes, extrusion, and boolean operations
- State-based animation system with timeline controls
- Interactive event system (mouse, keyboard, collision, scroll)
- Multiple export options (React components, web code, public URLs)
- Real-time collaboration with team libraries
- AI-powered generation (3D from text, textures, style transfer)
- Built-in physics and particle systemssubstance-3d-texturing
When your agent uses it
Comprehensive skill for Adobe Substance 3D Painter texturing and material creation workflow. Use this skill when creating PBR materials, exporting textures for web/game engines, optimizing 3D assets for real-time rendering, or automating texture workflows. Triggers on tasks involving Substance 3D Painter, PBR texturing, material creation, texture export for Three.js, Babylon.js, Unity, Unreal, glTF optimization, or Python API automation. Creates optimized textures for threejs-webgl, react-three-fiber, and babylonjs-engine materials.
What it loads into context
Frontmatter
121 tokensAlways available to the agent
SKILL.md
3,994 tokensWhen the skill is activated
Reference documents
17,082 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Overview
- Core Concepts
- Common Patterns
- Integration Patterns
- Performance Optimization
- Common Pitfalls
- Resources
- Related Skills
Scripts executed separately
scripts/batch_export.pyscripts/generate_export_preset.pyscripts/web_optimizer.py
Files
SKILL.mdcore15,927 bytesSKILL.mdcore15,927 bytesSKILL.mdcore15,927 bytesSKILL.mdcore15,927 bytesSKILL.mdcore15,927 bytesSKILL.mdcore15,927 bytesSKILL.mdcore15,927 bytesSKILL.mdcore15,927 bytesSKILL.mdcore15,927 bytesSKILL.mdcore15,927 bytesassets/README.mddoc7,438 bytesassets/export_templates/babylonjs_pbr.jsonasset2,211 bytesassets/export_templates/gltf_standard.jsonasset2,214 bytesassets/export_templates/mobile_webgl.jsonasset2,206 bytesassets/export_templates/threejs_optimized.jsonasset2,847 bytesassets/export_templates/web_orm_packed.jsonasset2,380 bytesreferences/export_presets.mddoc20,493 bytesreferences/pbr_channel_guide.mddoc17,038 bytesreferences/python_api_reference.mddoc20,148 bytesscripts/batch_export.pyruns8,725 bytesscripts/generate_export_preset.pyruns15,727 bytesscripts/web_optimizer.pyruns11,508 bytes
Read SKILL.md
# Substance 3D Texturing
## Overview
Master PBR (Physically Based Rendering) texture creation and export workflows for web and real-time engines. This skill covers Substance 3D Painter workflows from material creation through web-optimized texture export, with Python automation for batch processing and integration with WebGL/WebGPU engines.
**Key capabilities:**
- PBR material authoring (metallic/roughness workflow)
- Web-optimized texture export (glTF, Three.js, Babylon.js)
- Python API automation for batch export
- Texture compression and optimization for real-time rendering
## Core Concepts
threejs-webgl
When your agent uses it
Comprehensive skill for Three.js 3D web development. Use this skill when building interactive 3D scenes, WebGL/WebGPU applications, product configurators, 3D visualizations, or immersive web experiences. Triggers on tasks involving Three.js, 3D rendering, scenes, cameras, meshes, materials, lights, animations, textures, or WebGL/WebGPU rendering.
What it loads into context
Frontmatter
86 tokensAlways available to the agent
SKILL.md
3,953 tokensWhen the skill is activated
Reference documents
9,198 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Overview
- Core Concepts
- Quick Start Pattern
- Common Patterns
- Integration Patterns
- Performance Optimization
- Best Practices
- Common Pitfalls
- Resources
- Advanced Topics
- When to Use This Skill
Scripts executed separately
assets/starter_scene/main.jsscripts/setup_scene.py
Files
SKILL.mdcore15,731 bytesassets/starter_scene/README.mddoc2,983 bytesassets/starter_scene/index.htmlasset1,733 bytesassets/starter_scene/main.jsruns4,481 bytesreferences/api_reference.mddoc11,038 bytesreferences/materials_guide.mddoc11,484 bytesreferences/optimization_checklist.mddoc9,675 bytesscripts/setup_scene.pyruns6,813 bytes
Read SKILL.md
# Three.js WebGL/WebGPU Development
## Overview
Three.js is the industry-standard JavaScript library for creating 3D graphics in web browsers using WebGL and WebGPU. This skill provides comprehensive guidance for building performant, interactive 3D experiences including scenes, cameras, renderers, geometries, materials, lights, textures, and animations.
## Core Concepts
### Scene Graph Architecture
Three.js uses a hierarchical scene graph where all 3D objects are organized in a tree structure:
```javascript
Sceneweb3d-integration-patterns
When your agent uses it
Meta-skill for combining Three.js, GSAP ScrollTrigger, React Three Fiber, Motion, and React Spring for complex 3D web experiences. Use when building applications that integrate multiple 3D and animation libraries, requiring architecture patterns, state management, and performance optimization across the stack. Triggers on tasks involving library integration, multi-library architectures, scroll-driven 3D experiences, physics-based 3D animations, or complex interactive 3D applications.
What it loads into context
Frontmatter
104 tokensAlways available to the agent
SKILL.md
5,490 tokensWhen the skill is activated
Reference documents
0 tokensLoaded on request
Token counts are estimates. Scripts run separately; they are not counted as reference context.
The playbook
- Overview
- Architecture Patterns
- Common Integration Patterns
- State Management Strategies
- Performance Optimization
- Common Pitfalls
- Decision Matrix
- Resources
- Related Skills
Files
SKILL.mdcore21,184 bytes
Read SKILL.md
# Web 3D Integration Patterns
## Overview
This meta-skill provides architectural patterns, best practices, and integration strategies for combining multiple 3D and animation libraries in web applications. It synthesizes knowledge from the threejs-webgl, gsap-scrolltrigger, react-three-fiber, motion-framer, and react-spring-physics skills into cohesive patterns for building complex, performant 3D web experiences.
**When to use this skill:**
- Building complex 3D applications that combine multiple libraries
- Creating scroll-driven 3D experiences with animation orchestration
- Implementing physics-based interactions with 3D scenes
- Managing state across 3D rendering and UI animations
- Optimizing performance in multi-library architectures
- Designing reusable component architectures for 3D applications
- Migrating between or combining animation approachesSkills included
- aframe-webxr
- animated-component-libraries
- animejs
- babylonjs-engine
- barba-js
- blender-web-pipeline
- gsap-scrolltrigger
- lightweight-3d-effects
- locomotive-scroll
- lottie-animations
- modern-web-design
- motion-framer
- pixijs-2d
- playcanvas-engine
- react-spring-physics
- react-three-fiber
- rive-interactive
- scroll-reveal-libraries
- skill-creator
- spline-interactive
- substance-3d-texturing
- threejs-webgl
- web3d-integration-patterns
- animated-component-libraries
- animejs
- lottie-animations
- react-spring-physics
- scroll-reveal-libraries
- blender-web-pipeline
- rive-interactive
- spline-interactive
- substance-3d-texturing
- babylonjs-engine
- gsap-scrolltrigger
- motion-framer
- react-three-fiber
- threejs-webgl
- aframe-webxr
- barba-js
- lightweight-3d-effects
- locomotive-scroll
- pixijs-2d
- playcanvas-engine
- modern-web-design
- web3d-integration-patterns
- aframe-webxr
- animated-component-libraries
- animejs
- babylonjs-engine
- barba-js
- blender-web-pipeline
- gsap-scrolltrigger
- lightweight-3d-effects
- locomotive-scroll
- lottie-animations
- modern-web-design
- motion-framer
- pixijs-2d
- playcanvas-engine
- react-spring-physics
- react-three-fiber
- rive-interactive
- scroll-reveal-libraries
- spline-interactive
- substance-3d-texturing
- threejs-webgl
- web3d-integration-patterns
Repository facts
- License
- MIT
- Created
- Oct 25, 2025
- Last pushed
- Nov 20, 2025
- Forks
- 207
- Open issues
- 4
- Project activity
- Slowing
Rank over the last 12 weeks
Now #745 · best #655 · down 45 in 30 days
- #761 on Oct 30
- #756 on Oct 31
- #752 from Nov 1 to Nov 2
- #756 on Nov 3
- #749 on Nov 4
- #745 since Nov 5
82 earlier periods
- #704 on Aug 2
- #690 on Aug 7
- #688 on Aug 8
- #690 on Aug 9
- #717 on Aug 10
- #720 on Aug 11
- #709 on Aug 12
- #707 on Aug 13
- #700 on Aug 14
- #670 on Aug 15
- #687 on Aug 16
- #694 on Aug 17
- #707 on Aug 18
- #685 on Aug 19
- #684 on Aug 20
- #685 on Aug 21
- #655 on Aug 22
- #680 on Aug 23
- #708 on Aug 24
- #715 on Aug 25
- #699 on Aug 26
- #702 on Aug 27
- #726 on Aug 28
- #665 on Aug 29
- #670 on Aug 30
- #699 on Aug 31
- #707 on Sep 1
- #692 on Sep 2
- #693 on Sep 3
- #669 on Sep 4
- #660 on Sep 5
- #680 on Sep 6
- #694 on Sep 7
- #707 on Sep 8
- #692 on Sep 9
- #690 on Sep 10
- #673 on Sep 11
- #674 on Sep 12
- #675 on Sep 13
- #696 on Sep 14
- #683 on Sep 15
- #695 on Sep 16
- #697 on Sep 17
- #686 on Sep 18
- #662 on Sep 19
- #693 on Sep 21
- #711 on Sep 22
- #702 on Sep 23
- #674 on Sep 24
- #659 on Sep 25
- #660 on Sep 26
- #689 on Sep 27
- #694 on Sep 28
- #733 on Sep 29
- #710 on Sep 30
- #671 on Oct 1
- #675 on Oct 2
- #655 on Oct 3
- #687 on Oct 4
- #688 on Oct 5
- #695 on Oct 6
- #700 on Oct 7
- #738 on Oct 8
- #706 on Oct 9
- #691 on Oct 10
- #682 on Oct 11
- #698 on Oct 12
- #699 on Oct 13
- #711 on Oct 14
- #702 on Oct 15
- #709 on Oct 16
- #684 on Oct 17
- #675 on Oct 18
- #711 on Oct 19
- #715 on Oct 20
- #713 on Oct 21
- #691 on Oct 22
- #689 on Oct 23
- #663 on Oct 24
- #768 on Oct 25
- #766 on Oct 28
- #764 on Oct 29
Before you install
Network or broad shellAutomated signals, not a guarantee
Checked Nov 3, 2026
Not fully analyzed: some files were too long, unreadable or missing. This never lowers the level.
Show 259 notes
.factory/skills/aframe-webxr/SKILL.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedplugins/bundles/animation-components/commands/animated-component-libraries-component_importer.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedplugins/bundles/animation-components/commands/animated-component-libraries-props_generator.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedplugins/bundles/animation-components/commands/animejs-animation_generator.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedplugins/bundles/animation-components/commands/animejs-timeline_builder.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedplugins/bundles/animation-components/commands/lottie-animations-generate_lottie_component.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedplugins/bundles/animation-components/commands/lottie-animations-optimize_lottie.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedplugins/bundles/animation-components/commands/react-spring-physics-physics_calculator.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedplugins/bundles/animation-components/commands/react-spring-physics-spring_generator.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedplugins/bundles/animation-components/commands/scroll-reveal-libraries-aos_generator.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedplugins/bundles/animation-components/commands/scroll-reveal-libraries-config_builder.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedplugins/bundles/authoring-motion/commands/blender-web-pipeline-batch_export.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedplugins/bundles/authoring-motion/commands/blender-web-pipeline-generate_lods.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedplugins/bundles/authoring-motion/commands/blender-web-pipeline-optimize_model.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedplugins/bundles/authoring-motion/commands/rive-interactive-component_generator.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedplugins/bundles/authoring-motion/commands/rive-interactive-viewmodel_builder.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedplugins/bundles/authoring-motion/commands/spline-interactive-component_builder.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedplugins/bundles/authoring-motion/commands/spline-interactive-project_generator.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedplugins/bundles/authoring-motion/commands/substance-3d-texturing-batch_export.md:1Analysis incomplete: Referenced executable target unavailable; not analyzedplugins/bundles/authoring-motion/commands/substance-3d-texturing-generate_export_preset.md:1Analysis incomplete: Referenced executable target unavailable; not analyzed
- No broad tool permissions
- No dangerous shell commands
- No hidden or obfuscated text
- No instruction overrides
- 353 executable scriptsin 213 files: plugins/bundles/animation-components/skills/animated-component-libraries/scripts/component_importer.py:1 plugins/bundles/animation-components/skills/animated-component-libraries/scripts/props_generator.py:1 plugins/bundles/animation-components/skills/animejs/scripts/animation_generator.py:1 and 210 more
- No access to secrets
- No requests to vote in Hot
Show all 4,718 signals by file
.claude-plugin/marketplace.json
- Network accessline 1
{ "$schema": "https://anthropic.com/claude-code/marketplace.schema.json", - Network accessline 2
"$schema": "https://anthropic.com/claude-code/marketplace.schema.json", - Network accessline 5
"name": "Claude Design Skillstack", "email": "oladotun.olatunji@gmail.com", "url": "https://github.com/freshtechbro/claudedesignskills" - Network accessline 6
"email": "oladotun.olatunji@gmail.com", "url": "https://github.com/freshtechbro/claudedesignskills" }, - Network accessline 7
"url": "https://github.com/freshtechbro/claudedesignskills" - Network accessline 10
"description": "Professional design agency skillstack for 3D/WebGL, animation, and modern web development. Comprehensive collection covering Three.js, GSAP, React Three Fiber, Framer Motion, Babylon.js, and more. Includes 22 individual plug - Network accessline 11
"version": "1.0.0", "homepage": "https://github.com/freshtechbro/claudedesignskills", "repository": "https://github.com/freshtechbro/claudedesignskills" - Network accessline 12
"homepage": "https://github.com/freshtechbro/claudedesignskills", - Network accessline 13
"repository": "https://github.com/freshtechbro/claudedesignskills"
.factory/skills/aframe-webxr/SKILL.md
- Network accessline 57
<html> <head> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 58
<head> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> </head> - Network accessline 59
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 583
<html> <head> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 584
<head> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/@fern-solutions/aframe-sky-background/dist/sky-background.umd.min.js"></script> - Network accessline 585
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 586
<script src="https://cdn.jsdelivr.net/npm/@fern-solutions/aframe-sky-background/dist/sky-background.umd.min.js"></script> - Network accessline 587
<script src="https://cdn.jsdelivr.net/gh/c-frame/aframe-extras@7.5.0/dist/aframe-extras.min.js"></script> - Network accessline 702
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script> - Network accessline 1033
<!-- Use crossorigin attribute --> <a-assets> <img id="texture" src="https://example.com/texture.jpg" crossorigin="anonymous"> - Network accessline 1034
<a-assets> <img id="texture" src="https://example.com/texture.jpg" crossorigin="anonymous"> </a-assets> - Network accessline 1035
<img id="texture" src="https://example.com/texture.jpg" crossorigin="anonymous"> - Network accessline 1064
- [A-Frame Documentation](https://aframe.io/docs/) - Network accessline 1065
- [A-Frame GitHub](https://github.com/aframevr/aframe) - Network accessline 1066
- [A-Frame School](https://aframe.io/school/) - Network accessline 1067
- [A-Frame Community Components](https://github.com/c-frame) - Network accessline 1068
- [WebXR Device API](https://www.w3.org/TR/webxr/) - Network accessline 1069
- [Three.js Documentation](https://threejs.org/docs/) (A-Frame built on Three.js)
.factory/skills/aframe-webxr/assets/examples/README.md
.factory/skills/aframe-webxr/assets/starter_aframe/README.md
- Network accessline 33
Then visit `http://localhost:8000` - Network accessline 232
<script src="https://cdn.jsdelivr.net/npm/aframe-physics-system@4.2.2/dist/aframe-physics-system.min.js"></script> - Network accessline 243
<script src="https://cdn.jsdelivr.net/npm/aframe-environment-component@1.3.3/dist/aframe-environment-component.min.js"></script> - Network accessline 251
<script src="https://cdn.jsdelivr.net/gh/c-frame/aframe-particle-system-component@1.2.x/dist/aframe-particle-system-component.min.js"></script> - Network accessline 258
- [A-Frame Documentation](https://aframe.io/docs/) - Network accessline 259
- [A-Frame School](https://aframe.io/school/) - Network accessline 260
- [A-Frame Examples](https://aframe.io/examples/) - Network accessline 261
- [A-Frame Community Components](https://github.com/c-frame) - Network accessline 262
- [WebXR Guide](https://immersiveweb.dev/)
.factory/skills/aframe-webxr/assets/starter_aframe/index.html
- Network accessline 6
<meta name="description" content="A-Frame VR/AR Starter Template"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 7
<meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> <link rel="stylesheet" href="style.css"> - Network accessline 8
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 13
<!-- Assets --> <a-assets> <audio id="click-sound" src="https://cdn.aframe.io/360-image-gallery-boilerplate/audio/click.ogg"></audio> - Network accessline 14
<a-assets> <audio id="click-sound" src="https://cdn.aframe.io/360-image-gallery-boilerplate/audio/click.ogg"></audio> </a-assets> - Network accessline 15
<audio id="click-sound" src="https://cdn.aframe.io/360-image-gallery-boilerplate/audio/click.ogg"></audio>
.factory/skills/aframe-webxr/assets/starter_aframe/main.js
- Executable scriptline 1
Executable file
.factory/skills/aframe-webxr/references/api_reference.md
- Network accessline 1207
<html> <head> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 1208
<head> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> </head> - Network accessline 1209
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script>
.factory/skills/aframe-webxr/references/components_library.md
- Network accessline 26
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 27
<script src="https://cdn.jsdelivr.net/gh/c-frame/aframe-extras@7.5.0/dist/aframe-extras.min.js"></script> - Network accessline 56
**GitHub**: https://github.com/supermedium/aframe-environment-component - Network accessline 60
<script src="https://cdn.jsdelivr.net/npm/aframe-environment-component@1.3.3/dist/aframe-environment-component.min.js"></script> - Network accessline 107
**GitHub**: https://github.com/IdeaSpaceVR/aframe-particle-system-component - Network accessline 111
<script src="https://cdn.jsdelivr.net/gh/IdeaSpaceVR/aframe-particle-system-component@1.2.x/dist/aframe-particle-system-component.min.js"></script> - Network accessline 131
maxAge: 2; blending: additive; texture: https://cdn.aframe.io/examples/particle/images/star.png - Network accessline 132
blending: additive; texture: https://cdn.aframe.io/examples/particle/images/star.png "></a-entity> - Network accessline 133
texture: https://cdn.aframe.io/examples/particle/images/star.png - Network accessline 143
**GitHub**: https://github.com/wizgrav/aframe-effects - Network accessline 147
<script src="https://cdn.jsdelivr.net/npm/aframe-effects@2.0.3/dist/aframe-effects.min.js"></script> - Network accessline 175
**GitHub**: https://github.com/c-frame/aframe-physics-system - Network accessline 179
<script src="https://cdn.jsdelivr.net/npm/aframe-physics-system@4.2.2/dist/aframe-physics-system.min.js"></script> - Network accessline 232
**GitHub**: https://github.com/c-frame/aframe-physics-system - Network accessline 264
**GitHub**: https://github.com/c-frame/aframe-extras - Network accessline 268
<script src="https://cdn.jsdelivr.net/gh/c-frame/aframe-extras@7.5.0/dist/aframe-extras.min.js"></script> - Network accessline 307
**GitHub**: https://github.com/jure/aframe-blink-controls - Network accessline 311
<script src="https://cdn.jsdelivr.net/npm/aframe-blink-controls/dist/aframe-blink-controls.min.js"></script> - Network accessline 377
**GitHub**: https://github.com/c-frame/aframe-simple-sun-sky - Network accessline 381
<script src="https://cdn.jsdelivr.net/npm/aframe-simple-sun-sky@^1.2.2/simple-sun-sky.js"></script> - Network accessline 407
**GitHub**: https://github.com/mayognaise/aframe-html-shader - Network accessline 411
<script src="https://cdn.jsdelivr.net/npm/aframe-html-shader@0.2.0/dist/aframe-html-shader.min.js"></script> - Network accessline 431
**GitHub**: https://github.com/rdub80/aframe-gui - Network accessline 435
<script src="https://cdn.jsdelivr.net/npm/aframe-gui/dist/aframe-gui.min.js"></script> - Network accessline 470
**GitHub**: https://github.com/lojjic/aframe-troika-text - Network accessline 474
<script src="https://cdn.jsdelivr.net/npm/troika-three-text@0.46.4/dist/troika-three-text.min.js"></script> - Network accessline 475
<script src="https://cdn.jsdelivr.net/npm/aframe-troika-text@1.0.0/dist/aframe-troika-text.min.js"></script> - Network accessline 502
**GitHub**: https://github.com/harlyq/aframe-spe-particles-component - Network accessline 506
<script src="https://cdn.jsdelivr.net/npm/aframe-spe-particles-component/dist/aframe-spe-particles-component.min.js"></script> - Network accessline 511
<!-- Fire effect --> <a-entity spe-particles=" texture: https://cdn.rawgit.com/IdeaSpaceVR/aframe-particle-system-component/master/dist/images/star.png; - Network accessline 512
<a-entity spe-particles=" texture: https://cdn.rawgit.com/IdeaSpaceVR/aframe-particle-system-component/master/dist/images/star.png; color: #ff0000, #ffff00; - Network accessline 513
texture: https://cdn.rawgit.com/IdeaSpaceVR/aframe-particle-system-component/master/dist/images/star.png; - Network accessline 535
**GitHub**: https://github.com/oscarmarinmiro/aframe-stereo-component - Network accessline 539
<script src="https://cdn.jsdelivr.net/npm/aframe-stereo-component/dist/aframe-stereo-component.min.js"></script> - Network accessline 588
**GitHub**: https://github.com/c-frame/aframe-super-hands-component - Network accessline 592
<script src="https://cdn.jsdelivr.net/npm/super-hands/dist/super-hands.min.js"></script> - Network accessline 617
**GitHub**: https://github.com/c-frame/aframe-input-mapping-component - Network accessline 621
<script src="https://cdn.jsdelivr.net/npm/aframe-input-mapping-component/dist/aframe-input-mapping-component.min.js"></script> - Network accessline 648
**GitHub**: https://github.com/networked-aframe/networked-aframe - Network accessline 652
<script src="https://cdn.jsdelivr.net/npm/networked-aframe@^0.11.0/dist/networked-aframe.min.js"></script> - Network accessline 705
**GitHub**: https://github.com/tizzle/aframe-orbit-controls-component - Network accessline 709
<script src="https://cdn.jsdelivr.net/npm/aframe-orbit-controls@1.3.2/dist/aframe-orbit-controls.min.js"></script> - Network accessline 727
**GitHub**: https://github.com/protyze/aframe-alongpath-component - Network accessline 731
<script src="https://cdn.jsdelivr.net/npm/aframe-alongpath-component/dist/aframe-alongpath-component.min.js"></script> - Network accessline 755
**GitHub**: https://github.com/jesstelford/aframe-click-drag-component - Network accessline 759
<script src="https://cdn.jsdelivr.net/npm/aframe-click-drag-component/dist/aframe-click-drag-component.min.js"></script> - Network accessline 794
**A-Frame Registry**: https://aframe.io/registry/
.factory/skills/aframe-webxr/references/webxr_guide.md
- Network accessline 27
<html> <head> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 28
<head> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> </head> - Network accessline 29
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 189
<html> <head> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 190
<head> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> </head> - Network accessline 191
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 964
- [WebXR Device API Specification](https://www.w3.org/TR/webxr/) - Network accessline 965
- [A-Frame WebXR Documentation](https://aframe.io/docs/1.7.0/introduction/webxr.html) - Network accessline 966
- [Meta Quest Development](https://developer.oculus.com/) - Network accessline 967
- [WebXR Samples](https://immersive-web.github.io/webxr-samples/) - Network accessline 968
- [Mozilla Mixed Reality Blog](https://mixedreality.mozilla.org/)
.factory/skills/aframe-webxr/scripts/component_builder.py
- Executable scriptline 1
#!/usr/bin/env python3
.factory/skills/aframe-webxr/scripts/scene_generator.py
- Executable scriptline 1
#!/usr/bin/env python3 - Network accessline 71
<meta name="description" content="{name} - A-Frame VR"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 72
<meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> <style> - Network accessline 73
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 152
<meta name="description" content="{name} - VR Experience"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 153
<meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/aframe-blink-controls/dist/aframe-blink-controls.m - Network accessline 154
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 155
<script src="https://cdn.jsdelivr.net/npm/aframe-blink-controls/dist/aframe-blink-controls.min.js"></script> - Network accessline 162
<!-- Assets --> <a-assets> <audio id="click-sound" src="https://cdn.aframe.io/360-image-gallery-boilerplate/audio/click.ogg"></audio> - Network accessline 163
<a-assets> <audio id="click-sound" src="https://cdn.aframe.io/360-image-gallery-boilerplate/audio/click.ogg"></audio> </a-assets> - Network accessline 164
<audio id="click-sound" src="https://cdn.aframe.io/360-image-gallery-boilerplate/audio/click.ogg"></audio> - Network accessline 264
<meta name="description" content="{name} - AR Experience"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 265
<meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> <style> - Network accessline 266
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 304
<a-assets> <!-- Replace with your GLTF model --> <a-asset-item id="model-asset" src="https://cdn.aframe.io/test-models/models/virtualcity/VC.gltf"></a-asset-item> - Network accessline 305
<!-- Replace with your GLTF model --> <a-asset-item id="model-asset" src="https://cdn.aframe.io/test-models/models/virtualcity/VC.gltf"></a-asset-item> </a-assets> - Network accessline 306
<a-asset-item id="model-asset" src="https://cdn.aframe.io/test-models/models/virtualcity/VC.gltf"></a-asset-item> - Network accessline 398
<meta name="description" content="{name} - 360° Gallery"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 399
<meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> <script src="https://unpkg.com/aframe-event-set-component@5.0.0/dist/aframe-event-set-compon - Network accessline 400
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 401
<script src="https://unpkg.com/aframe-event-set-component@5.0.0/dist/aframe-event-set-component.min.js"></script> - Network accessline 422
<a-assets> <!-- Replace with your 360 images --> <img id="city" src="https://cdn.aframe.io/360-image-gallery-boilerplate/img/city.jpg" crossorigin="anonymous"> - Network accessline 423
<!-- Replace with your 360 images --> <img id="city" src="https://cdn.aframe.io/360-image-gallery-boilerplate/img/city.jpg" crossorigin="anonymous"> <img id="forest" src="https://cdn.aframe.io/360-image-gallery-boilerplate/i - Network accessline 424
<img id="city" src="https://cdn.aframe.io/360-image-gallery-boilerplate/img/city.jpg" crossorigin="anonymous"> - Network accessline 425
<img id="forest" src="https://cdn.aframe.io/360-image-gallery-boilerplate/img/cubes.jpg" crossorigin="anonymous"> - Network accessline 426
<img id="space" src="https://cdn.aframe.io/360-image-gallery-boilerplate/img/sechelt.jpg" crossorigin="anonymous"> - Network accessline 428
<!-- Thumbnails --> <img id="city-thumb" src="https://cdn.aframe.io/360-image-gallery-boilerplate/img/thumb-city.jpg" crossorigin="anonymous"> - Network accessline 429
<img id="city-thumb" src="https://cdn.aframe.io/360-image-gallery-boilerplate/img/thumb-city.jpg" crossorigin="anonymous"> - Network accessline 430
<img id="forest-thumb" src="https://cdn.aframe.io/360-image-gallery-boilerplate/img/thumb-cubes.jpg" crossorigin="anonymous"> - Network accessline 431
<img id="space-thumb" src="https://cdn.aframe.io/360-image-gallery-boilerplate/img/thumb-sechelt.jpg" crossorigin="anonymous"> - Network accessline 433
<audio id="click-sound" src="https://cdn.aframe.io/360-image-gallery-boilerplate/audio/click.ogg"></audio> - Network accessline 496
<meta name="description" content="{name} - Physics Simulation"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 497
<meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/aframe-physics-system@4.2.2/dist/aframe-physics-sy - Network accessline 498
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 499
<script src="https://cdn.jsdelivr.net/npm/aframe-physics-system@4.2.2/dist/aframe-physics-system.min.js"></script> - Network accessline 603
<meta name="description" content="{name} - Procedural Environment"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 604
<meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/aframe-environment-component@1.3.3/dist/aframe-env - Network accessline 605
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 606
<script src="https://cdn.jsdelivr.net/npm/aframe-environment-component@1.3.3/dist/aframe-environment-component.min.js"></script> - Network accessline 607
<script src="https://cdn.jsdelivr.net/gh/c-frame/aframe-particle-system-component@1.2.x/dist/aframe-particle-system-component.min.js"></script> - Network accessline 665
<meta name="description" content="{name} - Multi-user VR"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 666
<meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/networked-aframe@^0.11.0/dist/networked-aframe.min - Network accessline 667
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/networked-aframe@^0.11.0/dist/networked-aframe.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/so - Network accessline 668
<script src="https://cdn.jsdelivr.net/npm/networked-aframe@^0.11.0/dist/networked-aframe.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.5.4/socket.io.js"></script> <script> - Network accessline 669
<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.5.4/socket.io.js"></script>
.factory/skills/animated-component-libraries/SKILL.md
- Network accessline 31
# Via shadcn CLI (recommended) npx shadcn@latest add https://magicui.design/r/animated-beam - Network accessline 32
npx shadcn@latest add https://magicui.design/r/animated-beam - Network accessline 439
# Install Magic UI component npx shadcn@latest add https://magicui.design/r/shimmer-button - Network accessline 440
npx shadcn@latest add https://magicui.design/r/shimmer-button - Network accessline 800
### Official Documentation - **Magic UI**: https://magicui.design - Network accessline 801
- **Magic UI**: https://magicui.design - Network accessline 802
- **React Bits**: https://reactbits.dev - Network accessline 803
- **shadcn/ui**: https://ui.shadcn.com - Network accessline 804
- **Framer Motion**: https://motion.dev
.factory/skills/animated-component-libraries/assets/README.md
- Network accessline 23
# Add Magic UI components npx shadcn@latest add https://magicui.design/r/grid-pattern - Network accessline 24
npx shadcn@latest add https://magicui.design/r/grid-pattern - Network accessline 25
npx shadcn@latest add https://magicui.design/r/shimmer-button - Network accessline 26
npx shadcn@latest add https://magicui.design/r/marquee - Network accessline 76
**Copy components from reactbits.dev**: - Visit https://reactbits.dev - Network accessline 77
- Visit https://reactbits.dev - Network accessline 221
**Magic UI**: - Official examples: https://magicui.design - Network accessline 222
- Official examples: https://magicui.design - Network accessline 223
- GitHub repository: https://github.com/magicuidesign/magicui - Network accessline 226
**React Bits**: - Official examples: https://reactbits.dev - Network accessline 227
- Official examples: https://reactbits.dev - Network accessline 229
- GitHub: https://github.com/davidhdev/react-bits - Network accessline 341
- **Magic UI Documentation**: https://magicui.design/docs - Network accessline 342
- **React Bits Documentation**: https://reactbits.dev/docs - Network accessline 343
- **Framer Motion**: https://motion.dev - Network accessline 344
- **shadcn/ui**: https://ui.shadcn.com - Network accessline 345
- **Tailwind CSS**: https://tailwindcss.com
.factory/skills/animated-component-libraries/references/magic_ui_components.md
.factory/skills/animated-component-libraries/references/react_bits_components.md
- Network accessline 7
React Bits uses a copy-paste installation model. Visit [reactbits.dev](https://reactbits.dev), browse components, and copy the code directly into your project.
.factory/skills/animated-component-libraries/scripts/component_importer.py
- Executable scriptline 1
#!/usr/bin/env python3 - Network accessline 19
"grid-pattern": { "name": "Grid Pattern", "install": "npx shadcn@latest add https://magicui.design/r/grid-pattern", - Network accessline 20
"name": "Grid Pattern", "install": "npx shadcn@latest add https://magicui.design/r/grid-pattern", "deps": ["motion", "clsx", "tailwind-merge"], - Network accessline 21
"install": "npx shadcn@latest add https://magicui.design/r/grid-pattern", - Network accessline 25
"animated-grid-pattern": { "name": "Animated Grid Pattern", "install": "npx shadcn@latest add https://magicui.design/r/animated-grid-pattern", - Network accessline 26
"name": "Animated Grid Pattern", "install": "npx shadcn@latest add https://magicui.design/r/animated-grid-pattern", "deps": ["motion", "clsx", "tailwind-merge"], - Network accessline 27
"install": "npx shadcn@latest add https://magicui.design/r/animated-grid-pattern", - Network accessline 32
"shimmer-button": { "name": "Shimmer Button", "install": "npx shadcn@latest add https://magicui.design/r/shimmer-button", - Network accessline 33
"name": "Shimmer Button", "install": "npx shadcn@latest add https://magicui.design/r/shimmer-button", "deps": ["motion", "clsx", "tailwind-merge"], - Network accessline 34
"install": "npx shadcn@latest add https://magicui.design/r/shimmer-button", - Network accessline 39
"border-beam": { "name": "Border Beam", "install": "npx shadcn@latest add https://magicui.design/r/border-beam", - Network accessline 40
"name": "Border Beam", "install": "npx shadcn@latest add https://magicui.design/r/border-beam", "deps": ["motion", "clsx", "tailwind-merge"], - Network accessline 41
"install": "npx shadcn@latest add https://magicui.design/r/border-beam", - Network accessline 46
"marquee": { "name": "Marquee", "install": "npx shadcn@latest add https://magicui.design/r/marquee", - Network accessline 47
"name": "Marquee", "install": "npx shadcn@latest add https://magicui.design/r/marquee", "deps": ["motion", "clsx", "tailwind-merge"], - Network accessline 48
"install": "npx shadcn@latest add https://magicui.design/r/marquee", - Network accessline 53
"spinning-text": { "name": "Spinning Text", "install": "npx shadcn@latest add https://magicui.design/r/spinning-text", - Network accessline 54
"name": "Spinning Text", "install": "npx shadcn@latest add https://magicui.design/r/spinning-text", "deps": ["motion", "clsx", "tailwind-merge"], - Network accessline 55
"install": "npx shadcn@latest add https://magicui.design/r/spinning-text", - Network accessline 184
print("Step 1: Copy component code") print(f" Visit https://reactbits.dev") - Network accessline 185
print(f" Visit https://reactbits.dev")
.factory/skills/animated-component-libraries/scripts/props_generator.py
- Executable scriptline 1
#!/usr/bin/env python3
.factory/skills/animejs/assets/README.md
- Network accessline 25
The Anime.js team maintains excellent examples at: - **Documentation**: https://animejs.com/documentation/ - Network accessline 26
- **Documentation**: https://animejs.com/documentation/ - Network accessline 27
- **CodePen Examples**: https://codepen.io/collection/DxpqGJ/ - Network accessline 28
- **Official Repository**: https://github.com/juliangarnier/anime - Network accessline 32
**Basic Animations:** - Simple animation: https://codepen.io/juliangarnier/pen/KRwwOL - Network accessline 33
- Simple animation: https://codepen.io/juliangarnier/pen/KRwwOL - Network accessline 34
- Property parameters: https://codepen.io/juliangarnier/pen/LpWPgj - Network accessline 35
- Function-based values: https://codepen.io/juliangarnier/pen/gmOwJX - Network accessline 37
**Stagger Animations:** - Basic stagger: https://codepen.io/juliangarnier/pen/PboRJN - Network accessline 38
- Basic stagger: https://codepen.io/juliangarnier/pen/PboRJN - Network accessline 39
- Stagger from center: https://codepen.io/juliangarnier/pen/WNNwQa - Network accessline 40
- Grid stagger: https://codepen.io/juliangarnier/pen/JXaKpP - Network accessline 41
- Stagger easing: https://codepen.io/juliangarnier/pen/QMMmQK - Network accessline 43
**Timeline Animations:** - Basic timeline: https://codepen.io/juliangarnier/pen/grVWYq - Network accessline 44
- Basic timeline: https://codepen.io/juliangarnier/pen/grVWYq - Network accessline 45
- Timeline offsets: https://codepen.io/juliangarnier/pen/xLOXJX - Network accessline 46
- Timeline controls: https://codepen.io/juliangarnier/pen/oWjmWd - Network accessline 48
**SVG Animations:** - Line drawing: https://codepen.io/juliangarnier/pen/XdqyNw - Network accessline 49
- Line drawing: https://codepen.io/juliangarnier/pen/XdqyNw - Network accessline 50
- Path morphing: https://codepen.io/juliangarnier/pen/mWEOmL - Network accessline 51
- Motion path: https://codepen.io/juliangarnier/pen/NqYKQL - Network accessline 53
**Advanced Patterns:** - Keyframes: https://codepen.io/juliangarnier/pen/QMMmQK - Network accessline 54
- Keyframes: https://codepen.io/juliangarnier/pen/QMMmQK - Network accessline 55
- Scroll-driven: https://codepen.io/juliangarnier/pen/ZqyEJw - Network accessline 56
- Custom easing: https://codepen.io/juliangarnier/pen/YBBRvG - Network accessline 404
- **Official Documentation**: https://animejs.com/documentation/ - Network accessline 405
- **API Reference**: https://animejs.com/documentation/#cssProperties - Network accessline 406
- **GitHub Repository**: https://github.com/juliangarnier/anime - Network accessline 407
- **CodePen Collection**: https://codepen.io/collection/DxpqGJ/ - Network accessline 408
- **Community Examples**: https://animejs.com/documentation/#communityShowcase
.factory/skills/animejs/references/stagger_guide.md
.factory/skills/animejs/references/timeline_guide.md
.factory/skills/animejs/scripts/animation_generator.py
- Executable scriptline 1
#!/usr/bin/env python3
.factory/skills/animejs/scripts/timeline_builder.py
- Executable scriptline 1
#!/usr/bin/env python3
.factory/skills/babylonjs-engine/SKILL.md
- Network accessline 384
const result = await BABYLON.SceneLoader.ImportMeshAsync( null, // all meshes 'https://assets.babylonjs.com/meshes/', - Network accessline 385
null, // all meshes 'https://assets.babylonjs.com/meshes/', 'village.glb', - Network accessline 386
'https://assets.babylonjs.com/meshes/', - Network accessline 607
const result = await BABYLON.SceneLoader.ImportMeshAsync( null, 'https://assets.babylonjs.com/meshes/', - Network accessline 608
null, 'https://assets.babylonjs.com/meshes/', 'village.glb', - Network accessline 609
'https://assets.babylonjs.com/meshes/', - Network accessline 1225
- [Official Documentation](https://doc.babylonjs.com/) - Network accessline 1226
- [Playground](https://playground.babylonjs.com/) - Network accessline 1227
- [Forum](https://forum.babylonjs.com/) - Network accessline 1228
- [Examples](https://doc.babylonjs.com/examples/) - Network accessline 1229
- [NPM Package](https://www.npmjs.com/package/@babylonjs/core)
.factory/skills/babylonjs-engine/assets/examples/README.md
- Network accessline 74
// Setup environment const envTexture = BABYLON.CubeTexture.CreateFromPrefilteredData( 'https://assets.babylonjs.com/environments/environmentSpecular.env', - Network accessline 75
const envTexture = BABYLON.CubeTexture.CreateFromPrefilteredData( 'https://assets.babylonjs.com/environments/environmentSpecular.env', scene - Network accessline 76
'https://assets.babylonjs.com/environments/environmentSpecular.env', - Network accessline 647
fire.particleTexture = new BABYLON.Texture( 'https://assets.babylonjs.com/textures/flare.png', - Network accessline 648
'https://assets.babylonjs.com/textures/flare.png', - Network accessline 703
smoke.particleTexture = new BABYLON.Texture( 'https://assets.babylonjs.com/textures/cloud.png', - Network accessline 704
'https://assets.babylonjs.com/textures/cloud.png', - Network accessline 758
gpu.particleTexture = new BABYLON.Texture( 'https://assets.babylonjs.com/textures/flare.png', - Network accessline 759
'https://assets.babylonjs.com/textures/flare.png',
.factory/skills/babylonjs-engine/assets/starter_babylon/README.md
- Network accessline 34
Opens at `http://localhost:3000` - Network accessline 130
const result = await SceneLoader.ImportMeshAsync( null, 'https://assets.babylonjs.com/meshes/', - Network accessline 131
null, 'https://assets.babylonjs.com/meshes/', 'village.glb', - Network accessline 132
'https://assets.babylonjs.com/meshes/', - Network accessline 274
- [Babylon.js Documentation](https://doc.babylonjs.com/) - Network accessline 275
- [Babylon.js Playground](https://playground.babylonjs.com/) - Network accessline 276
- [Babylon.js Forum](https://forum.babylonjs.com/) - Network accessline 277
- [Babylon.js Examples](https://doc.babylonjs.com/examples/)
.factory/skills/babylonjs-engine/assets/starter_babylon/package.json
- Executable scriptline 1
Executable file
.factory/skills/babylonjs-engine/assets/starter_babylon/src/main.js
- Executable scriptline 1
Executable file
.factory/skills/babylonjs-engine/assets/starter_babylon/vite.config.js
- Executable scriptline 1
Executable file
.factory/skills/babylonjs-engine/references/api_reference.md
- Network accessline 1448
This reference covers the most commonly used Babylon.js APIs. For complete documentation, visit: https://doc.babylonjs.com/
.factory/skills/babylonjs-engine/scripts/mesh_builder.py
- Executable scriptline 1
#!/usr/bin/env python3
.factory/skills/babylonjs-engine/scripts/scene_generator.py
- Executable scriptline 1
#!/usr/bin/env python3 - Network accessline 302
const result = await SceneLoader.ImportMeshAsync( null, 'https://assets.babylonjs.com/meshes/', - Network accessline 303
null, 'https://assets.babylonjs.com/meshes/', 'village.glb', - Network accessline 304
'https://assets.babylonjs.com/meshes/', - Network accessline 340
// Create particle system const particleSystem = new ParticleSystem('particles', 2000, scene); particleSystem.particleTexture = new Texture('https://assets.babylonjs.com/textures/flare.png', scene); - Network accessline 342
particleSystem.particleTexture = new Texture('https://assets.babylonjs.com/textures/flare.png', scene);
.factory/skills/barba-js/assets/README.md
- Network accessline 103
3. Install dependencies: `npm install` (auto-run unless `--no-install`) 4. Start dev server: `npm run dev` 5. Open browser: `http://localhost:5173` - Network accessline 104
4. Start dev server: `npm run dev` 5. Open browser: `http://localhost:5173` 6. Build for production: `npm run build` - Network accessline 105
5. Open browser: `http://localhost:5173`
.factory/skills/barba-js/references/api_reference.md
- Network accessline 255
// Get absolute URL const absolute = barba.url.getAbsoluteHref('/about'); // Returns: "https://example.com/about" - Network accessline 257
// Returns: "https://example.com/about" - Network accessline 263
// Get pathname const pathname = barba.url.getPathname('https://example.com/blog/post-1'); - Network accessline 264
const pathname = barba.url.getPathname('https://example.com/blog/post-1');
.factory/skills/barba-js/references/hooks_guide.md
- Network accessline 200
gsap.to(current.container.querySelector('h1'), { opacity: 0 }), gsap.to(current.container.querySelector('.content'), { y: -50 }), fetch('/api/track-exit') - Network accessline 201
gsap.to(current.container.querySelector('.content'), { y: -50 }), fetch('/api/track-exit') ]); - Network accessline 202
fetch('/api/track-exit')
.factory/skills/barba-js/scripts/project_setup.py
- Executable scriptline 1
#!/usr/bin/env python3 - Network accessline 606
Open http://localhost:5173 in your browser. - Network accessline 657
- [Barba.js Documentation](https://barba.js.org) - Network accessline 658
- [GSAP Documentation](https://greensock.com/docs/) - Network accessline 659
- [Vite Documentation](https://vitejs.dev)
.factory/skills/barba-js/scripts/transition_generator.py
- Executable scriptline 1
#!/usr/bin/env python3
.factory/skills/blender-web-pipeline/scripts/batch_export.py
- Executable scriptline 1
#!/usr/bin/env blender --background --python
.factory/skills/blender-web-pipeline/scripts/generate_lods.py
- Executable scriptline 1
#!/usr/bin/env python3
.factory/skills/blender-web-pipeline/scripts/optimize_model.py
- Executable scriptline 1
#!/usr/bin/env python3
.factory/skills/gsap-scrolltrigger/assets/easings/easing_visualizer.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>GSAP Easing Visualizer</title> <script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js"></script> - Network accessline 6
<title>GSAP Easing Visualizer</title> <script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js"></script> <style> - Network accessline 7
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js"></script>
.factory/skills/gsap-scrolltrigger/assets/examples/README.md
- Network accessline 166
python -m http.server 8000 # Navigate to http://localhost:8000/pin_animation.html - Network accessline 167
# Navigate to http://localhost:8000/pin_animation.html - Network accessline 234
- [ScrollTrigger Docs](https://gsap.com/docs/v3/Plugins/ScrollTrigger) - Network accessline 235
- [GSAP Showcase](https://gsap.com/showcase/) - Network accessline 236
- [CodePen Examples](https://codepen.io/GreenSock/pens/popular) - Network accessline 237
- [GSAP Forums](https://gsap.com/community/) - Network accessline 435
- Try the [Easing Visualizer](../easings/easing_visualizer.html) - Browse [Common Patterns](../references/common_patterns.md) - Visit [GSAP Forums](https://gsap.com/community/) - Network accessline 437
- Visit [GSAP Forums](https://gsap.com/community/)
.factory/skills/gsap-scrolltrigger/assets/starter_scroll/README.md
- Network accessline 47
Open `http://localhost:8000` in your browser. - Network accessline 376
- [GSAP Documentation](https://gsap.com/docs/) - Network accessline 377
- [ScrollTrigger Docs](https://gsap.com/docs/v3/Plugins/ScrollTrigger) - Network accessline 378
- [Easing Visualizer](../easings/easing_visualizer.html) - Included in this package - [GSAP Forums](https://gsap.com/community/) - [CodePen GSAP Examples](https://codepen.io/GreenSock/pens/popular) - Network accessline 379
- [GSAP Forums](https://gsap.com/community/) - Network accessline 380
- [CodePen GSAP Examples](https://codepen.io/GreenSock/pens/popular) - Network accessline 444
GSAP is licensed under [GreenSock License](https://gsap.com/licensing/). Free for most projects, paid license required for commercial use. - Network accessline 450
Built with: - [GSAP](https://gsap.com) - Animation library - Network accessline 451
- [GSAP](https://gsap.com) - Animation library - Network accessline 452
- [ScrollTrigger](https://gsap.com/docs/v3/Plugins/ScrollTrigger) - Scroll-driven animations - Network accessline 453
- [ScrollToPlugin](https://gsap.com/docs/v3/Plugins/ScrollToPlugin) - Smooth scroll navigation
.factory/skills/gsap-scrolltrigger/assets/starter_scroll/index.html
- Network accessline 248
<!-- GSAP Scripts --> <script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js"></script> - Network accessline 249
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js"></script> - Network accessline 250
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/ScrollTrigger.min.js"></script> - Network accessline 251
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/ScrollToPlugin.min.js"></script>
.factory/skills/gsap-scrolltrigger/assets/starter_scroll/main.js
- Executable scriptline 1
Executable file
.factory/skills/gsap-scrolltrigger/assets/starter_scroll/style.css
- Network accessline 355
width: 100%; height: 150%; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="%23667eea" d="M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,122.7C672,117,768,139,864,14 - Network accessline 356
height: 150%; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="%23667eea" d="M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,122.7C672,117,768,139,864,149.3C960,160,105 - Network accessline 357
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="%23667eea" d="M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,122.7C672,117,768,139,864,149.3C960,160,1056,160,1152,138.7
.factory/skills/gsap-scrolltrigger/references/common_patterns.md
- Network accessline 1221
- [GSAP Documentation](https://gsap.com/docs/) - Network accessline 1222
- [ScrollTrigger Demos](https://gsap.com/docs/v3/Plugins/ScrollTrigger) - Network accessline 1223
- [GSAP Showcase](https://gsap.com/showcase/) - Network accessline 1224
- [Codepen GSAP Examples](https://codepen.io/GreenSock/pens/popular)
.factory/skills/gsap-scrolltrigger/references/easing_guide.md
- Network accessline 568
<html> <head> <script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js"></script> - Network accessline 569
<head> <script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js"></script> <style> - Network accessline 570
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js"></script> - Network accessline 616
**Online Tools**: - [GreenSock Ease Visualizer](https://gsap.com/docs/v3/Eases) - Network accessline 617
- [GreenSock Ease Visualizer](https://gsap.com/docs/v3/Eases) - Network accessline 618
- [Cubic Bezier Generator](https://cubic-bezier.com)
.factory/skills/gsap-scrolltrigger/scripts/generate_animation.py
- Executable scriptline 1
#!/usr/bin/env python3
.factory/skills/gsap-scrolltrigger/scripts/timeline_builder.py
- Executable scriptline 1
#!/usr/bin/env python3
.factory/skills/lightweight-3d-effects/SKILL.md
- Network accessline 39
<html> <head> <script src="https://unpkg.com/zdog@1/dist/zdog.dist.min.js"></script> - Network accessline 40
<head> <script src="https://unpkg.com/zdog@1/dist/zdog.dist.min.js"></script> <style> - Network accessline 41
<script src="https://unpkg.com/zdog@1/dist/zdog.dist.min.js"></script> - Network accessline 311
<!-- Three.js (required) --> <script src="https://cdn.jsdelivr.net/npm/three@0.134.0/build/three.min.js"></script> - Network accessline 312
<script src="https://cdn.jsdelivr.net/npm/three@0.134.0/build/three.min.js"></script> - Network accessline 314
<!-- Vanta.js effect --> <script src="https://cdn.jsdelivr.net/npm/vanta@0.5.24/dist/vanta.waves.min.js"></script> - Network accessline 315
<script src="https://cdn.jsdelivr.net/npm/vanta@0.5.24/dist/vanta.waves.min.js"></script> - Network accessline 368
<script src="https://cdn.jsdelivr.net/npm/p5@1.4.0/lib/p5.min.js"></script> - Network accessline 369
<script src="https://cdn.jsdelivr.net/npm/vanta@0.5.24/dist/vanta.birds.min.js"></script> - Network accessline 562
<script src="https://cdn.jsdelivr.net/npm/vanilla-tilt@1.8.1/dist/vanilla-tilt.min.js"></script> - Network accessline 746
<script src="https://cdn.jsdelivr.net/npm/three@0.134.0/build/three.min.js"></script> - Network accessline 747
<script src="https://cdn.jsdelivr.net/npm/vanta@0.5.24/dist/vanta.waves.min.js"></script> - Network accessline 770
<script src="https://unpkg.com/zdog@1/dist/zdog.dist.min.js"></script> - Network accessline 874
<script src="https://cdn.jsdelivr.net/npm/vanilla-tilt@1.8.1/dist/vanilla-tilt.min.js"></script> - Network accessline 1072
**Zdog:** - [Zdog Documentation](https://zzz.dog/) - Network accessline 1073
- [Zdog Documentation](https://zzz.dog/) - Network accessline 1074
- [Zdog GitHub](https://github.com/metafizzy/zdog) - Network accessline 1075
- [Zdog Codepen Examples](https://codepen.io/collection/DzdGMe/) - Network accessline 1077
**Vanta.js:** - [Vanta.js Official Site](https://www.vantajs.com/) - Network accessline 1078
- [Vanta.js Official Site](https://www.vantajs.com/) - Network accessline 1079
- [Vanta.js GitHub](https://github.com/tengbao/vanta) - Network accessline 1080
- [Effect Customizer](https://www.vantajs.com/?effect=waves) - Network accessline 1082
**Vanilla-Tilt.js:** - [Vanilla-Tilt GitHub](https://github.com/micku7zu/vanilla-tilt.js) - Network accessline 1083
- [Vanilla-Tilt GitHub](https://github.com/micku7zu/vanilla-tilt.js) - Network accessline 1084
- [NPM Package](https://www.npmjs.com/package/vanilla-tilt)
.factory/skills/lightweight-3d-effects/assets/examples/README.md
- Network accessline 1052
<!-- Scripts --> <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js"></script> - Network accessline 1053
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js"></script> - Network accessline 1054
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.waves.min.js"></script> - Network accessline 1055
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.topology.min.js"></script> - Network accessline 1056
<script src="https://unpkg.com/zdog@1/dist/zdog.dist.min.js"></script> - Network accessline 1057
<script src="https://cdnjs.cloudflare.com/ajax/libs/vanilla-tilt/1.8.1/vanilla-tilt.min.js"></script>
.factory/skills/lightweight-3d-effects/assets/starter_lightweight/README.md
- Network accessline 28
# Option 2: Local server (recommended) python -m http.server 8000 # Visit http://localhost:8000 - Network accessline 30
# Visit http://localhost:8000 - Network accessline 58
// Change from WAVES to BIRDS <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.birds.min.js"></script> - Network accessline 59
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.birds.min.js"></script> - Network accessline 427
- Three.js: `https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js` - Network accessline 428
- Vanta.js: `https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.waves.min.js` - Network accessline 429
- Zdog: `https://unpkg.com/zdog@1/dist/zdog.dist.min.js` - Network accessline 430
- Vanilla-Tilt: `https://cdnjs.cloudflare.com/ajax/libs/vanilla-tilt/1.8.1/vanilla-tilt.min.js` - Network accessline 536
### Documentation - **Vanta.js**: https://www.vantajs.com - Network accessline 537
- **Vanta.js**: https://www.vantajs.com - Network accessline 538
- **Zdog**: https://zzz.dog - Network accessline 539
- **Vanilla-Tilt**: https://github.com/micku7zu/vanilla-tilt.js - Network accessline 541
### Inspiration - **Vanta Gallery**: https://www.vantajs.com/?effect=waves - Network accessline 542
- **Vanta Gallery**: https://www.vantajs.com/?effect=waves - Network accessline 543
- **Zdog Examples**: https://codepen.io/desandro/ - Network accessline 544
- **Tilt Patterns**: https://micku7zu.github.io/vanilla-tilt.js/
.factory/skills/lightweight-3d-effects/assets/starter_lightweight/index.html
- Network accessline 64
<p>Built with ❤<U+FE0F> using Vanta.js, Zdog, and Vanilla-Tilt</p> <div class="footer-links"> <a href="https://www.vantajs.com" target="_blank">Vanta.js</a> - Network accessline 65
<div class="footer-links"> <a href="https://www.vantajs.com" target="_blank">Vanta.js</a> <a href="https://zzz.dog" target="_blank">Zdog</a> - Network accessline 66
<a href="https://www.vantajs.com" target="_blank">Vanta.js</a> - Network accessline 67
<a href="https://zzz.dog" target="_blank">Zdog</a> - Network accessline 68
<a href="https://github.com/micku7zu/vanilla-tilt.js" target="_blank">Vanilla-Tilt</a> - Network accessline 73
<!-- Scripts --> <!-- Three.js (required for Vanta) --> <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js"></script> - Network accessline 75
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js"></script> - Network accessline 77
<!-- Vanta.js WAVES effect --> <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.waves.min.js"></script> - Network accessline 78
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.waves.min.js"></script> - Network accessline 80
<!-- Zdog --> <script src="https://unpkg.com/zdog@1/dist/zdog.dist.min.js"></script> - Network accessline 81
<script src="https://unpkg.com/zdog@1/dist/zdog.dist.min.js"></script> - Network accessline 83
<!-- Vanilla Tilt --> <script src="https://cdnjs.cloudflare.com/ajax/libs/vanilla-tilt/1.8.1/vanilla-tilt.min.js"></script> - Network accessline 84
<script src="https://cdnjs.cloudflare.com/ajax/libs/vanilla-tilt/1.8.1/vanilla-tilt.min.js"></script>
.factory/skills/lightweight-3d-effects/assets/starter_lightweight/main.js
- Executable scriptline 1
Executable file
.factory/skills/lightweight-3d-effects/references/tilt_patterns.md
- Network accessline 5
**Version**: 1.8.1 **License**: MIT **GitHub**: https://github.com/micku7zu/vanilla-tilt.js - Network accessline 7
**GitHub**: https://github.com/micku7zu/vanilla-tilt.js - Network accessline 29
<script src="https://cdnjs.cloudflare.com/ajax/libs/vanilla-tilt/1.8.1/vanilla-tilt.min.js"></script> - Network accessline 1201
- **GitHub**: https://github.com/micku7zu/vanilla-tilt.js - Network accessline 1203
- **Examples**: https://micku7zu.github.io/vanilla-tilt.js/
.factory/skills/lightweight-3d-effects/references/vantajs_effects.md
- Network accessline 5
**Version**: 0.5.24 **License**: MIT **Website**: https://www.vantajs.com - Network accessline 7
**Website**: https://www.vantajs.com - Network accessline 28
<!-- Three.js (required for all effects) --> <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js"></script> - Network accessline 29
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js"></script> - Network accessline 31
<!-- Vanta.js effect (choose one) --> <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.waves.min.js"></script> - Network accessline 32
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.waves.min.js"></script> - Network accessline 528
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.0/p5.min.js"></script> - Network accessline 529
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.ripple.min.js"></script> - Network accessline 1011
- **Official Site**: https://www.vantajs.com - Network accessline 1012
- **GitHub**: https://github.com/tengbao/vanta - Network accessline 1013
- **Interactive Gallery**: https://www.vantajs.com/?effect=waves
.factory/skills/lightweight-3d-effects/references/zdog_api.md
- Network accessline 5
**Version**: 1.1.3 **License**: MIT **CDN**: `https://unpkg.com/zdog@1/dist/zdog.dist.min.js` - Network accessline 7
**CDN**: `https://unpkg.com/zdog@1/dist/zdog.dist.min.js` - Network accessline 1246
- **Official Site**: https://zzz.dog - Network accessline 1247
- **GitHub**: https://github.com/metafizzy/zdog - Network accessline 1248
- **CodePen Examples**: https://codepen.io/desandro/
.factory/skills/lightweight-3d-effects/scripts/generate_zdog.py
.factory/skills/lightweight-3d-effects/scripts/setup_vanta.py
- Executable scriptline 1
#!/usr/bin/env python3 - Network accessline 146
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js"></script> - Network accessline 178
return { 'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.waves.min.js', - Network accessline 179
'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.waves.min.js', - Network accessline 218
return { 'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.clouds.min.js', - Network accessline 219
'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.clouds.min.js', - Network accessline 258
return { 'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.birds.min.js', - Network accessline 259
'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.birds.min.js', - Network accessline 304
return { 'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js', - Network accessline 305
'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js', - Network accessline 345
return { 'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.cells.min.js', - Network accessline 346
'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.cells.min.js', - Network accessline 383
return { 'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.fog.min.js', - Network accessline 384
'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.fog.min.js', - Network accessline 423
return { 'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js', - Network accessline 424
'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js', - Network accessline 453
return { 'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.rings.min.js', - Network accessline 454
'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.rings.min.js', - Network accessline 473
return { 'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.dots.min.js', - Network accessline 474
'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.dots.min.js', - Network accessline 513
return { 'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.topology.min.js', - Network accessline 514
'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.topology.min.js', - Network accessline 533
return { 'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.trunk.min.js', - Network accessline 534
'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.trunk.min.js',
.factory/skills/locomotive-scroll/SKILL.md
- Network accessline 44
// Or via CDN <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/locomotive-scroll/dist/locomotive-scroll.min.css"> - Network accessline 45
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/locomotive-scroll/dist/locomotive-scroll.min.css"> - Network accessline 46
<script src="https://cdn.jsdelivr.net/npm/locomotive-scroll/dist/locomotive-scroll.min.js"></script>
.factory/skills/locomotive-scroll/assets/starter_locomotive/README.md
- Network accessline 33
Open http://localhost:5173 in your browser. - Network accessline 302
- [Locomotive Scroll GitHub](https://github.com/locomotivemtl/locomotive-scroll) - Network accessline 303
- [Official Documentation](https://locomotivemtl.github.io/locomotive-scroll/) - Network accessline 304
- [CodePen Examples](https://codepen.io/tag/locomotive-scroll)
.factory/skills/locomotive-scroll/assets/starter_locomotive/index.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Locomotive Scroll Starter</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/locomotive-scroll@4/dist/locomotive-scroll.min.css"> - Network accessline 6
<title>Locomotive Scroll Starter</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/locomotive-scroll@4/dist/locomotive-scroll.min.css"> <link rel="stylesheet" href="style.css"> - Network accessline 7
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/locomotive-scroll@4/dist/locomotive-scroll.min.css">
.factory/skills/locomotive-scroll/assets/starter_locomotive/main.js
.factory/skills/locomotive-scroll/assets/starter_locomotive/package.json
- Executable scriptline 1
Executable file
.factory/skills/locomotive-scroll/references/gsap_integration.md
.factory/skills/locomotive-scroll/scripts/generate_config.py
- Executable scriptline 1
#!/usr/bin/env python3 - Network accessline 278
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Locomotive Scroll</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/locomotive-scroll/dist/locomotive-scroll.min.css"> - Network accessline 279
<title>Locomotive Scroll</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/locomotive-scroll/dist/locomotive-scroll.min.css"> <style> - Network accessline 280
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/locomotive-scroll/dist/locomotive-scroll.min.css">
.factory/skills/locomotive-scroll/scripts/integration_helper.py
- Executable scriptline 1
#!/usr/bin/env python3
.factory/skills/lottie-animations/SKILL.md
- Network accessline 128
<script type="module"> import { DotLottie } from 'https://cdn.jsdelivr.net/npm/@lottiefiles/dotlottie-web/+esm'; - Network accessline 129
import { DotLottie } from 'https://cdn.jsdelivr.net/npm/@lottiefiles/dotlottie-web/+esm'; - Network accessline 131
new DotLottie({ canvas: document.getElementById('canvas'), src: 'https://lottie.host/4db68bbd-31f6-4cd8-84eb-189de081159a/IGmMCqhzpt.lottie', - Network accessline 132
canvas: document.getElementById('canvas'), src: 'https://lottie.host/4db68bbd-31f6-4cd8-84eb-189de081159a/IGmMCqhzpt.lottie', autoplay: true, - Network accessline 133
src: 'https://lottie.host/4db68bbd-31f6-4cd8-84eb-189de081159a/IGmMCqhzpt.lottie', - Network accessline 452
autoplay loop src="https://path-to-animation.lottie" - Network accessline 453
loop src="https://path-to-animation.lottie" /> - Network accessline 454
src="https://path-to-animation.lottie" - Network accessline 620
- Check Bodymovin export settings (disable "Include expressions" if not needed) - Remove unused assets before export - Use Lottie optimizer tools: https://lottiefiles.com/tools/lottie-editor - Network accessline 622
- Use Lottie optimizer tools: https://lottiefiles.com/tools/lottie-editor - Network accessline 645
// OR use path for external URLs (requires CORS headers) <DotLottieReact src="https://example.com/animation.lottie" /> - Network accessline 646
<DotLottieReact src="https://example.com/animation.lottie" /> - Network accessline 664
- Test export early and often - Use LottieFiles preview before exporting - Check Bodymovin compatibility: https://airbnb.io/lottie/#/supported-features - Network accessline 665
- Use LottieFiles preview before exporting - Check Bodymovin compatibility: https://airbnb.io/lottie/#/supported-features - Convert effects to shapes when possible - Network accessline 666
- Check Bodymovin compatibility: https://airbnb.io/lottie/#/supported-features
.factory/skills/lottie-animations/references/after_effects_export.md
- Network accessline 8
2. **Bodymovin Plugin** - Install from: - **Recommended:** AEsc scripts panel (Extension Manager) - Manual: https://aescripts.com/bodymovin/ - Network accessline 9
- **Recommended:** AEsc scripts panel (Extension Manager) - Manual: https://aescripts.com/bodymovin/ - LottieFiles plugin: https://lottiefiles.com/plugins/after-effects - Network accessline 10
- Manual: https://aescripts.com/bodymovin/ - Network accessline 11
- LottieFiles plugin: https://lottiefiles.com/plugins/after-effects - Network accessline 17
1. Download ZXP Installer: https://aescripts.com/learn/zxp-installer/ - Network accessline 313
1. Export from After Effects 2. Preview on LottieFiles: https://lottiefiles.com/preview - Network accessline 314
2. Preview on LottieFiles: https://lottiefiles.com/preview 3. Check file size (aim for <100 KB) - Network accessline 315
https://lottiefiles.com/preview - Network accessline 326
<body> <div id="lottie"></div> <script src="https://cdnjs.cloudflare.com/ajax/libs/lottie-web/5.12.2/lottie.min.js"></script> - Network accessline 327
<div id="lottie"></div> <script src="https://cdnjs.cloudflare.com/ajax/libs/lottie-web/5.12.2/lottie.min.js"></script> <script> - Network accessline 328
<script src="https://cdnjs.cloudflare.com/ajax/libs/lottie-web/5.12.2/lottie.min.js"></script> - Network accessline 409
- **LottieFiles Preview:** https://lottiefiles.com/preview - Network accessline 410
- **Supported Features:** https://airbnb.io/lottie/#/supported-features - Network accessline 411
- **Bodymovin Plugin:** https://aescripts.com/bodymovin/ - Network accessline 412
- **LottieFiles Plugin:** https://lottiefiles.com/plugins/after-effects - Network accessline 413
- **File Size Optimizer:** https://lottiefiles.com/tools/lottie-editor
.factory/skills/lottie-animations/references/performance_guide.md
- Network accessline 44
# Use Lottie optimizer https://lottiefiles.com/tools/lottie-editor - Network accessline 45
https://lottiefiles.com/tools/lottie-editor - Network accessline 286
// Host on CDN for better caching <DotLottieReact src="https://cdn.example.com/animations/hero.lottie" - Network accessline 287
<DotLottieReact src="https://cdn.example.com/animations/hero.lottie" loop - Network accessline 288
src="https://cdn.example.com/animations/hero.lottie" - Network accessline 307
// Programmatic preload const preloadAnimation = async (src) => { const response = await fetch(src); - Network accessline 308
const preloadAnimation = async (src) => { const response = await fetch(src); const blob = await response.blob(); - Network accessline 309
const response = await fetch(src); - Network accessline 336
event.respondWith( caches.match(event.request).then((response) => { return response || fetch(event.request); - Network accessline 337
caches.match(event.request).then((response) => { return response || fetch(event.request); }) - Network accessline 338
return response || fetch(event.request);
.factory/skills/lottie-animations/scripts/generate_lottie_component.py
- Executable scriptline 1
#!/usr/bin/env python3
.factory/skills/lottie-animations/scripts/optimize_lottie.py
- Executable scriptline 1
#!/usr/bin/env python3
.factory/skills/modern-web-design/references/accessibility_guide.md
- Network accessline 65
**Tools**: - WebAIM Contrast Checker: https://webaim.org/resources/contrastchecker/ - Network accessline 66
- WebAIM Contrast Checker: https://webaim.org/resources/contrastchecker/ - Network accessline 751
# pa11y npm install -g pa11y pa11y https://example.com - Network accessline 753
pa11y https://example.com - Network accessline 755
# axe-core CLI npm install -g @axe-core/cli axe https://example.com - Network accessline 757
axe https://example.com
.factory/skills/modern-web-design/references/performance_checklist.md
- Network accessline 712
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 713
<link rel="preconnect" href="https://cdn.example.com"> - Network accessline 718
<link rel="dns-prefetch" href="https://analytics.example.com"> - Network accessline 785
function sendToAnalytics({ name, value, id }) { // Send to your analytics endpoint fetch('/analytics', { - Network accessline 786
// Send to your analytics endpoint fetch('/analytics', { method: 'POST', - Network accessline 787
fetch('/analytics', {
.factory/skills/modern-web-design/scripts/design_audit.py
- Executable scriptline 1
#!/usr/bin/env python3
.factory/skills/modern-web-design/scripts/pattern_generator.py
- Executable scriptline 1
#!/usr/bin/env python3
.factory/skills/motion-framer/SKILL.md
- Network accessline 906
### Official Documentation - [Motion Docs](https://motion.dev/) - Official Motion documentation - Network accessline 907
- [Motion Docs](https://motion.dev/) - Official Motion documentation - Network accessline 908
- [Framer Motion Docs](https://www.framer.com/motion/) - Framer Motion (legacy) - Network accessline 909
- [Motion GitHub](https://github.com/framer/motion) - Source code & examples - Network accessline 928
### Community Resources - [Motion Dev Discord](https://discord.gg/motion) - Official community - Network accessline 929
- [Motion Dev Discord](https://discord.gg/motion) - Official community - Network accessline 930
- [Framer Motion Examples](https://www.framer.com/motion/examples/) - Interactive examples - Network accessline 931
- [Motion Recipes](https://motion.dev/docs/recipes) - Common patterns - Network accessline 932
- [CodeSandbox Templates](https://codesandbox.io/s/framer-motion-examples) - Live demos
.factory/skills/motion-framer/assets/examples/README.md
- Network accessline 2920
- [Framer Motion Official Docs](https://www.framer.com/motion/) - Network accessline 2921
- [Motion Dev](https://motion.dev/) - New Motion library - Network accessline 2922
- [Motion Examples](https://www.framer.com/motion/examples/) - Network accessline 2923
- [Motion API Reference](https://www.framer.com/motion/component/) - Network accessline 2924
- [Animation Best Practices](https://web.dev/animations/)
.factory/skills/motion-framer/assets/starter_motion/README.md
- Network accessline 33
Opens at `http://localhost:3000` - Network accessline 300
- [Framer Motion Docs](https://www.framer.com/motion/) - Official documentation - Network accessline 301
- [Motion Dev](https://motion.dev/) - New Motion library docs - Network accessline 302
- [Examples](https://www.framer.com/motion/examples/) - Interactive examples - Network accessline 303
- [API Reference](https://www.framer.com/motion/component/) - Complete API
.factory/skills/motion-framer/assets/starter_motion/package.json
- Executable scriptline 1
Executable file
.factory/skills/motion-framer/assets/starter_motion/src/App.jsx
- Executable scriptline 1
Executable file
.factory/skills/motion-framer/assets/starter_motion/src/components/DraggableBox.jsx
- Executable scriptline 1
Executable file
.factory/skills/motion-framer/assets/starter_motion/src/components/HoverCard.jsx
- Executable scriptline 1
Executable file
.factory/skills/motion-framer/assets/starter_motion/src/components/StaggerList.jsx
- Executable scriptline 1
Executable file
.factory/skills/motion-framer/assets/starter_motion/src/main.jsx
- Executable scriptline 1
Executable file
.factory/skills/motion-framer/assets/starter_motion/vite.config.js
.factory/skills/motion-framer/scripts/animation_generator.py
- Executable scriptline 1
#!/usr/bin/env python3
.factory/skills/motion-framer/scripts/variant_builder.py
- Executable scriptline 1
#!/usr/bin/env python3
.factory/skills/pixijs-2d/SKILL.md
- Network accessline 907
- **Official Site**: https://pixijs.com - **API Documentation**: https://pixijs.download/release/docs/ - Network accessline 908
- **API Documentation**: https://pixijs.download/release/docs/ - Network accessline 909
- **Examples**: https://pixijs.io/examples/ - Network accessline 910
- **GitHub**: https://github.com/pixijs/pixijs - Network accessline 912
- **Community**: https://github.com/pixijs/pixijs/discussions
.factory/skills/pixijs-2d/assets/examples/README.md
- Network accessline 3641
For more examples, visit: - [PixiJS Examples](https://pixijs.com/examples) - Network accessline 3642
- [PixiJS Examples](https://pixijs.com/examples) - Network accessline 3643
- [PixiJS Playground](https://pixijs.io/playground) - Network accessline 3644
- [GitHub PixiJS Demos](https://github.com/pixijs/pixijs/tree/dev/examples)
.factory/skills/pixijs-2d/assets/starter_pixijs/README.md
- Network accessline 28
# Then open http://localhost:8000 - Network accessline 309
- PixiJS CDN is loading correctly - No JavaScript errors in console - Browser supports WebGL (check `https://get.webgl.org/`) - Network accessline 311
- Browser supports WebGL (check `https://get.webgl.org/`) - Network accessline 351
Requires WebGL support. Check compatibility at [caniuse.com/webgl](https://caniuse.com/webgl). - Network accessline 357
- [PixiJS Official Documentation](https://pixijs.com/docs) - Network accessline 358
- [PixiJS Examples](https://pixijs.com/examples) - Network accessline 359
- [PixiJS Playground](https://pixijs.io/playground) - Network accessline 360
- [WebGL Fundamentals](https://webglfundamentals.org/) - Network accessline 443
git commit -m "Initial commit" git branch -M main git remote add origin https://github.com/username/repo.git - Network accessline 444
git branch -M main git remote add origin https://github.com/username/repo.git git push -u origin main - Network accessline 445
git remote add origin https://github.com/username/repo.git - Network accessline 455
<script src="https://pixijs.download/release/pixi.js"></script> - Network accessline 479
PixiJS is MIT licensed. See [PixiJS GitHub](https://github.com/pixijs/pixijs) for details. - Network accessline 483
For PixiJS questions: - [PixiJS Discord](https://discord.gg/CPTjeb28nH) - Network accessline 484
- [PixiJS Discord](https://discord.gg/CPTjeb28nH) - Network accessline 485
- [PixiJS GitHub Discussions](https://github.com/pixijs/pixijs/discussions) - Network accessline 486
- [Stack Overflow](https://stackoverflow.com/questions/tagged/pixi.js)
.factory/skills/pixijs-2d/assets/starter_pixijs/index.html
.factory/skills/pixijs-2d/assets/starter_pixijs/main.js
- Executable scriptline 1
Executable file
.factory/skills/pixijs-2d/references/api_reference.md
- Network accessline 121
**API References**: - TickerPlugin: https://pixijs.download/release/docs/app.TickerPlugin.html - Network accessline 122
- TickerPlugin: https://pixijs.download/release/docs/app.TickerPlugin.html - Network accessline 123
- ResizePlugin: https://pixijs.download/release/docs/app.ResizePlugin.html - Network accessline 124
- CullerPlugin: https://pixijs.download/release/docs/app.CullerPlugin.html - Network accessline 246
// From URL const tex = Texture.from('https://example.com/image.png'); - Network accessline 247
const tex = Texture.from('https://example.com/image.png'); - Network accessline 259
**API Reference**: https://pixijs.download/release/docs/rendering.Texture.html - Network accessline 391
**API References**: - Graphics: https://pixijs.download/release/docs/scene.Graphics.html - Network accessline 392
- Graphics: https://pixijs.download/release/docs/scene.Graphics.html - Network accessline 393
- GraphicsContext: https://pixijs.download/release/docs/scene.GraphicsContext.html - Network accessline 394
- FillStyle: https://pixijs.download/release/docs/scene.FillStyle.html - Network accessline 395
- StrokeStyle: https://pixijs.download/release/docs/scene.StrokeStyle.html - Network accessline 1228
- **Main Docs**: https://pixijs.download/release/docs/ - Network accessline 1229
- **Examples**: https://pixijs.io/examples/ - Network accessline 1230
- **GitHub**: https://github.com/pixijs/pixijs
.factory/skills/pixijs-2d/references/performance_guide.md
- Network accessline 385
**Tools for Creating Sprite Sheets**: - TexturePacker: https://www.codeandweb.com/texturepacker - Network accessline 386
- TexturePacker: https://www.codeandweb.com/texturepacker - Network accessline 387
- ShoeBox: https://renderhjs.net/shoebox/ - Network accessline 388
- Free Texture Packer: https://free-tex-packer.com/
.factory/skills/pixijs-2d/scripts/particle_builder.py
- Executable scriptline 1
#!/usr/bin/env python3 - Network accessline 55
<script src="https://pixijs.download/release/pixi.js"></script> - Network accessline 176
<script src="https://pixijs.download/release/pixi.js"></script> - Network accessline 326
<script src="https://pixijs.download/release/pixi.js"></script> - Network accessline 443
<script src="https://pixijs.download/release/pixi.js"></script> - Network accessline 622
<script src="https://pixijs.download/release/pixi.js"></script>
.factory/skills/pixijs-2d/scripts/sprite_generator.py
- Executable scriptline 1
#!/usr/bin/env python3 - Network accessline 55
<script src="https://pixijs.download/release/pixi.js"></script> - Network accessline 189
<script src="https://pixijs.download/release/pixi.js"></script> - Network accessline 324
<script src="https://pixijs.download/release/pixi.js"></script> - Network accessline 425
<script src="https://pixijs.download/release/pixi.js"></script> - Network accessline 502
<script src="https://pixijs.download/release/pixi.js"></script> - Network accessline 619
<script src="https://pixijs.download/release/pixi.js"></script>
.factory/skills/playcanvas-engine/SKILL.md
- Network accessline 361
// Load Ammo.js const ammoScript = document.createElement('script'); ammoScript.src = 'https://cdn.jsdelivr.net/npm/ammo.js@0.0.10/ammo.js'; - Network accessline 362
const ammoScript = document.createElement('script'); ammoScript.src = 'https://cdn.jsdelivr.net/npm/ammo.js@0.0.10/ammo.js'; document.body.appendChild(ammoScript); - Network accessline 363
ammoScript.src = 'https://cdn.jsdelivr.net/npm/ammo.js@0.0.10/ammo.js'; - Network accessline 706
// Load exported project config fetch('/config.json') - Network accessline 707
fetch('/config.json') - Network accessline 975
// ✅ Correct - ensure Ammo.js is loaded const script = document.createElement('script'); script.src = 'https://cdn.jsdelivr.net/npm/ammo.js@0.0.10/ammo.js'; - Network accessline 976
const script = document.createElement('script'); script.src = 'https://cdn.jsdelivr.net/npm/ammo.js@0.0.10/ammo.js'; document.body.appendChild(script); - Network accessline 977
script.src = 'https://cdn.jsdelivr.net/npm/ammo.js@0.0.10/ammo.js'; - Network accessline 1018
- **Official API**: https://api.playcanvas.com/ - Network accessline 1019
- **Developer Docs**: https://developer.playcanvas.com/ - Network accessline 1020
- **Examples**: https://playcanvas.github.io/ - Network accessline 1021
- **Editor**: https://playcanvas.com/ - Network accessline 1022
- **GitHub**: https://github.com/playcanvas/engine - Network accessline 1023
- **Forum**: https://forum.playcanvas.com/
.factory/skills/playcanvas-engine/assets/examples/README.md
.factory/skills/playcanvas-engine/assets/starter_playcanvas/README.md
- Network accessline 66
Navigate to `http://localhost:8000` - Network accessline 446
- **PlayCanvas Engine**: https://github.com/playcanvas/engine - Network accessline 447
- **API Documentation**: https://api.playcanvas.com - Network accessline 448
- **Examples**: https://playcanvas.github.io - Network accessline 449
- **Forum**: https://forum.playcanvas.com - Network accessline 450
- **Editor**: https://playcanvas.com (for visual scene editing) - Network accessline 464
For issues or questions: 1. Check the [PlayCanvas Forum](https://forum.playcanvas.com) - Network accessline 465
1. Check the [PlayCanvas Forum](https://forum.playcanvas.com) - Network accessline 466
2. Review [API documentation](https://api.playcanvas.com) - Network accessline 467
3. Search [examples](https://playcanvas.github.io)
.factory/skills/playcanvas-engine/assets/starter_playcanvas/index.html
.factory/skills/playcanvas-engine/assets/starter_playcanvas/scripts/app.js
- Executable scriptline 1
Executable file
.factory/skills/playcanvas-engine/assets/starter_playcanvas/scripts/camera-controller.js
- Executable scriptline 1
Executable file
.factory/skills/playcanvas-engine/assets/starter_playcanvas/scripts/input-manager.js
- Executable scriptline 1
Executable file
.factory/skills/playcanvas-engine/references/api_reference.md
.factory/skills/playcanvas-engine/references/editor_workflow.md
- Network accessline 63
1. **Sign up** at https://playcanvas.com - Network accessline 472
// Download scene JSON via PlayCanvas API fetch('https://playcanvas.com/api/projects/{id}/scenes/{sceneId}', { - Network accessline 473
fetch('https://playcanvas.com/api/projects/{id}/scenes/{sceneId}', { - Network accessline 498
// Load scene from Editor export fetch('config.json') - Network accessline 499
fetch('config.json') - Network accessline 814
- **Editor**: https://playcanvas.com - Network accessline 815
- **Developer Docs**: https://developer.playcanvas.com - Network accessline 816
- **API Reference**: https://api.playcanvas.com - Network accessline 817
- **Tutorials**: https://developer.playcanvas.com/tutorials/ - Network accessline 818
- **Forum**: https://forum.playcanvas.com - Network accessline 819
- **Examples**: https://playcanvas.github.io
.factory/skills/playcanvas-engine/references/optimization_guide.md
- Network accessline 906
- **Optimization Tutorial**: https://developer.playcanvas.com/en/tutorials/optimization/ - Network accessline 907
- **Best Practices**: https://developer.playcanvas.com/en/user-manual/optimization/ - Network accessline 908
- **Profiling Guide**: https://developer.playcanvas.com/en/user-manual/optimization/profiling/
.factory/skills/playcanvas-engine/scripts/component_builder.py
- Executable scriptline 1
#!/usr/bin/env python3
.factory/skills/playcanvas-engine/scripts/project_generator.py
- Executable scriptline 1
#!/usr/bin/env python3 - Network accessline 102
<!-- PlayCanvas Engine --> <script src="https://cdn.jsdelivr.net/npm/playcanvas@1.70.0/build/playcanvas.min.js"></script> - Network accessline 103
<script src="https://cdn.jsdelivr.net/npm/playcanvas@1.70.0/build/playcanvas.min.js"></script> - Network accessline 204
additional_scripts = """ <!-- Ammo.js Physics Engine --> <script src="https://cdn.jsdelivr.net/npm/ammo.js@0.0.10/ammo.js"></script>""" - Network accessline 206
<script src="https://cdn.jsdelivr.net/npm/ammo.js@0.0.10/ammo.js"></script>"""
.factory/skills/react-spring-physics/assets/README.md
- Network accessline 28
The React Spring team maintains excellent examples at: - **Documentation**: https://react-spring.dev - Network accessline 29
- **Documentation**: https://react-spring.dev - Network accessline 30
- **Examples**: https://react-spring.dev/examples - Network accessline 31
- **CodeSandbox**: https://codesandbox.io/examples/package/@react-spring/web - Network accessline 35
**Basic Animations:** - Spring basics: https://codesandbox.io/s/react-spring-spring-vqqd5 - Network accessline 36
- Spring basics: https://codesandbox.io/s/react-spring-spring-vqqd5 - Network accessline 37
- Trails: https://codesandbox.io/s/react-spring-trail-q0zq5 - Network accessline 38
- Transitions: https://codesandbox.io/s/react-spring-transition-njgm6 - Network accessline 40
**Gesture Integration:** - Draggable cards: https://codesandbox.io/s/react-spring-draggable-list-xhqod - Network accessline 41
- Draggable cards: https://codesandbox.io/s/react-spring-draggable-list-xhqod - Network accessline 42
- Viewpager: https://codesandbox.io/s/react-spring-viewpager-8tsle - Network accessline 43
- Gesture examples: https://use-gesture.netlify.app/docs/examples/ - Network accessline 45
**Scroll Animations:** - Scroll progress: https://codesandbox.io/s/react-spring-scroll-progress-8nqwt - Network accessline 46
- Scroll progress: https://codesandbox.io/s/react-spring-scroll-progress-8nqwt - Network accessline 47
- Parallax: https://codesandbox.io/s/react-spring-parallax-sticky-xhdn7 - Network accessline 48
- useScroll hook: https://react-spring.dev/docs/components/use-scroll - Network accessline 50
**3D Integration (React Three Fiber):** - Spring animations in 3D: https://codesandbox.io/s/react-spring-3d-ijdj2 - Network accessline 51
- Spring animations in 3D: https://codesandbox.io/s/react-spring-3d-ijdj2 - Network accessline 52
- Interactive 3D: https://docs.pmnd.rs/react-three-fiber/tutorials/v8-migration-guide#spring - Network accessline 54
**Advanced Patterns:** - Chained animations: https://codesandbox.io/s/react-spring-chain-dxqgq - Network accessline 55
- Chained animations: https://codesandbox.io/s/react-spring-chain-dxqgq - Network accessline 56
- Auto-height accordion: https://codesandbox.io/s/react-spring-auto-height-accordion-r4qku - Network accessline 57
- Masonry grid: https://codesandbox.io/s/react-spring-masonry-5bw7y - Network accessline 306
- **React Spring Docs**: https://react-spring.dev - Network accessline 307
- **API Reference**: https://react-spring.dev/docs - Network accessline 308
- **Discord Community**: https://discord.com/invite/poimandres - Network accessline 309
- **GitHub**: https://github.com/pmndrs/react-spring - Network accessline 310
- **Use Gesture**: https://use-gesture.netlify.app (for drag/gesture support) - Network accessline 311
- **Leva**: https://github.com/pmndrs/leva (for live config tuning)
.factory/skills/react-spring-physics/references/physics_guide.md
- Network accessline 591
- [Spring Physics Calculator](https://react-spring.dev/examples/springs) - Interactive tuning - Network accessline 592
- [Leva](https://github.com/pmndrs/leva) - Real-time config editor - Network accessline 593
- [Hooke's Law](https://en.wikipedia.org/wiki/Hooke%27s_law) - Physics fundamentals - Network accessline 594
- [Damped Harmonic Oscillator](https://en.wikipedia.org/wiki/Harmonic_oscillator#Damped_harmonic_oscillator) - Spring theory
.factory/skills/react-spring-physics/scripts/physics_calculator.py
- Executable scriptline 1
#!/usr/bin/env python3
.factory/skills/react-spring-physics/scripts/spring_generator.py
- Executable scriptline 1
#!/usr/bin/env python3
.factory/skills/react-three-fiber/SKILL.md
- Network accessline 475
[Drei](https://github.com/pmndrs/drei) is the essential helper library for R3F, providing ready-to-use components: - Network accessline 1074
### External Resources - [Official Docs](https://docs.pmnd.rs/react-three-fiber) - Network accessline 1075
- [Official Docs](https://docs.pmnd.rs/react-three-fiber) - Network accessline 1076
- [Drei Docs](https://github.com/pmndrs/drei) - Network accessline 1077
- [Three.js Docs](https://threejs.org/docs/) - Network accessline 1078
- [R3F Discord](https://discord.gg/ZZjjNvJ) - Network accessline 1079
- [Poimandres (pmnd.rs)](https://pmnd.rs/) - Ecosystem overview
.factory/skills/react-three-fiber/assets/examples/README.md
- Network accessline 687
- [Poimandres Market](https://market.pmnd.rs/) - Ready-to-use R3F components - Network accessline 688
- [Three.js Journey](https://threejs-journey.com/) - Comprehensive Three.js course - Network accessline 689
- [R3F Examples](https://docs.pmnd.rs/react-three-fiber/getting-started/examples) - Official examples - Network accessline 690
- [Codesandbox Collection](https://codesandbox.io/examples/package/@react-three/fiber) - Live examples
.factory/skills/react-three-fiber/assets/starter_r3f/README.md
- Network accessline 35
Opens at `http://localhost:3000` - Network accessline 211
- [React Three Fiber Docs](https://docs.pmnd.rs/react-three-fiber) - Network accessline 212
- [Drei Helpers](https://github.com/pmndrs/drei) - Network accessline 213
- [Three.js Docs](https://threejs.org/docs/) - Network accessline 214
- [Vite Docs](https://vitejs.dev/) - Network accessline 215
- [React Docs](https://react.dev/)
.factory/skills/react-three-fiber/assets/starter_r3f/package.json
- Executable scriptline 1
Executable file
.factory/skills/react-three-fiber/assets/starter_r3f/src/App.jsx
- Executable scriptline 1
Executable file
.factory/skills/react-three-fiber/assets/starter_r3f/src/Experience.jsx
- Executable scriptline 1
Executable file
.factory/skills/react-three-fiber/assets/starter_r3f/src/components/Box.jsx
- Executable scriptline 1
Executable file
.factory/skills/react-three-fiber/assets/starter_r3f/src/components/Sphere.jsx
- Executable scriptline 1
Executable file
.factory/skills/react-three-fiber/assets/starter_r3f/src/main.jsx
- Executable scriptline 1
Executable file
.factory/skills/react-three-fiber/assets/starter_r3f/vite.config.js
.factory/skills/react-three-fiber/references/api_reference.md
- Network accessline 925
- [Official R3F Docs](https://docs.pmnd.rs/react-three-fiber) - Network accessline 926
- [Drei Documentation](https://github.com/pmndrs/drei) - Network accessline 927
- [Three.js Documentation](https://threejs.org/docs/) - Network accessline 928
- [R3F Examples](https://docs.pmnd.rs/react-three-fiber/examples)
.factory/skills/react-three-fiber/scripts/component_generator.py
- Executable scriptline 1
#!/usr/bin/env python3
.factory/skills/react-three-fiber/scripts/scene_setup.py
- Executable scriptline 1
#!/usr/bin/env python3
.factory/skills/rive-interactive/SKILL.md
- Network accessline 549
### Official Documentation - **Rive Docs**: https://rive.app/docs - Network accessline 550
- **Rive Docs**: https://rive.app/docs - Network accessline 551
- **React Rive GitHub**: https://github.com/rive-app/rive-react - Network accessline 552
- **Rive Community**: https://rive.app/community - Network accessline 554
### Rive Editor - **Web Editor**: https://rive.app/community - Network accessline 555
- **Web Editor**: https://rive.app/community - Network accessline 558
### Learning Resources - **Tutorials**: https://rive.app/learn - Network accessline 559
- **Tutorials**: https://rive.app/learn - Network accessline 560
- **Examples**: https://rive.app/community/files - Network accessline 561
- **State Machine Guide**: https://rive.app/docs/state-machine
.factory/skills/rive-interactive/assets/README.md
.factory/skills/rive-interactive/scripts/component_generator.py
.factory/skills/rive-interactive/scripts/viewmodel_builder.py
.factory/skills/scroll-reveal-libraries/SKILL.md
- Network accessline 37
<head> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 38
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 43
<script src="https://unpkg.com/aos@next/dist/aos.js"></script> - Network accessline 798
### Official Documentation - **AOS**: https://michalsnik.github.io/aos/ - Network accessline 799
- **AOS**: https://michalsnik.github.io/aos/ - Network accessline 800
- **GitHub**: https://github.com/michalsnik/aos
.factory/skills/scroll-reveal-libraries/assets/README.md
- Network accessline 24
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>AOS Minimal Example</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 25
<title>AOS Minimal Example</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> </head> - Network accessline 26
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 34
<script src="https://unpkg.com/aos@next/dist/aos.js"></script> - Network accessline 489
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>AOS Landing Page</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 490
<title>AOS Landing Page</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> <style> - Network accessline 491
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 594
<script src="https://unpkg.com/aos@next/dist/aos.js"></script> - Network accessline 830
- **References**: See `references/aos_api.md` for complete API documentation - **References**: See `references/animation_catalog.md` for all 28 built-in animations - **Official Docs**: https://michalsnik.github.io/aos/ - Network accessline 832
- **Official Docs**: https://michalsnik.github.io/aos/
.factory/skills/scroll-reveal-libraries/scripts/aos_generator.py
- Executable scriptline 1
#!/usr/bin/env python3 - Network accessline 27
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>AOS Hero Section</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 28
<title>AOS Hero Section</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> <style> - Network accessline 29
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 100
<script src="https://unpkg.com/aos@next/dist/aos.js"></script> - Network accessline 117
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>AOS Feature Cards</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 118
<title>AOS Feature Cards</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> <style> - Network accessline 119
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 231
<script src="https://unpkg.com/aos@next/dist/aos.js"></script> - Network accessline 248
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>AOS Landing Page</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 249
<title>AOS Landing Page</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> <style> - Network accessline 250
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 458
<script src="https://unpkg.com/aos@next/dist/aos.js"></script> - Network accessline 476
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>AOS Image Gallery</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 477
<title>AOS Image Gallery</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> <style> - Network accessline 478
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 611
<script src="https://unpkg.com/aos@next/dist/aos.js"></script> - Network accessline 628
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>AOS Timeline</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 629
<title>AOS Timeline</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> <style> - Network accessline 630
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 760
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
.factory/skills/scroll-reveal-libraries/scripts/config_builder.py
- Executable scriptline 1
#!/usr/bin/env python3 - Network accessline 197
elif format_type == "cdn": lines.append("<!-- Add to <head> -->") lines.append('<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />') - Network accessline 198
lines.append("<!-- Add to <head> -->") lines.append('<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />') lines.append("") - Network accessline 199
lines.append('<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />') - Network accessline 200
lines.append("") lines.append("<!-- Add before </body> -->") lines.append('<script src="https://unpkg.com/aos@next/dist/aos.js"></script>') - Network accessline 201
lines.append("<!-- Add before </body> -->") lines.append('<script src="https://unpkg.com/aos@next/dist/aos.js"></script>') lines.append("<script>") - Network accessline 202
lines.append('<script src="https://unpkg.com/aos@next/dist/aos.js"></script>')
.factory/skills/skill-creator/LICENSE.txt
.factory/skills/skill-creator/scripts/init_skill.py
- Executable scriptline 1
#!/usr/bin/env python3
.factory/skills/skill-creator/scripts/package_skill.py
- Executable scriptline 1
#!/usr/bin/env python3
.factory/skills/skill-creator/scripts/quick_validate.py
- Executable scriptline 1
#!/usr/bin/env python3
.factory/skills/spline-interactive/SKILL.md
- Network accessline 94
return ( <div style={{ width: '100%', height: '600px' }}> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 95
<div style={{ width: '100%', height: '600px' }}> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> </div> - Network accessline 96
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 135
return ( <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 136
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" onSplineMouseDown={onSplineMouseDown} - Network accessline 137
scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 204
<div> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 205
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" onLoad={onLoad} - Network accessline 206
scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 259
<div> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 260
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" onLoad={onLoad} - Network accessline 261
scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 294
<main> <div style={{ width: '100vw', height: '100vh' }}> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 295
<div style={{ width: '100vw', height: '100vh' }}> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> </div> - Network accessline 296
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 325
<Suspense fallback={<div>Loading 3D scene...</div>}> <div style={{ width: '100%', height: '500px' }}> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 326
<div style={{ width: '100%', height: '500px' }}> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> </div> - Network accessline 327
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 371
scene={ isMobile ? "https://prod.spline.design/YOUR-MOBILE-SCENE/scene.splinecode" - Network accessline 372
isMobile ? "https://prod.spline.design/YOUR-MOBILE-SCENE/scene.splinecode" : "https://prod.spline.design/YOUR-DESKTOP-SCENE/scene.splinecode" - Network accessline 373
? "https://prod.spline.design/YOUR-MOBILE-SCENE/scene.splinecode" - Network accessline 374
: "https://prod.spline.design/YOUR-DESKTOP-SCENE/scene.splinecode" - Network accessline 415
return ( <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 416
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" onLoad={onLoad} - Network accessline 417
scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 472
<div className="scene-container"> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 473
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" onLoad={onLoad} - Network accessline 474
scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 496
style={{ width: '100%', height: '600px' }} > <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 497
> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> </motion.div> - Network accessline 498
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 511
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 512
scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 539
const link = document.createElement('link'); link.rel = 'prefetch'; link.href = 'https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode'; - Network accessline 540
link.rel = 'prefetch'; link.href = 'https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode'; document.head.appendChild(link); - Network accessline 541
link.href = 'https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode'; - Network accessline 545
return ( <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 546
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 579
// ✅ Correct: Full URL from Spline export <Spline scene="https://prod.spline.design/KFonZGtsoUXP-qx7/scene.splinecode" /> - Network accessline 580
<Spline scene="https://prod.spline.design/KFonZGtsoUXP-qx7/scene.splinecode" /> - Network accessline 629
const isMobile = window.innerWidth < 768; const sceneUrl = isMobile ? 'https://prod.spline.design/MOBILE-SCENE/scene.splinecode' - Network accessline 630
const sceneUrl = isMobile ? 'https://prod.spline.design/MOBILE-SCENE/scene.splinecode' : 'https://prod.spline.design/DESKTOP-SCENE/scene.splinecode'; - Network accessline 631
? 'https://prod.spline.design/MOBILE-SCENE/scene.splinecode' - Network accessline 632
: 'https://prod.spline.design/DESKTOP-SCENE/scene.splinecode'; - Network accessline 709
### Official Documentation - **Spline Docs**: https://docs.spline.design - Network accessline 710
- **Spline Docs**: https://docs.spline.design - Network accessline 711
- **React Spline GitHub**: https://github.com/splinetool/react-spline - Network accessline 712
- **Spline Community**: https://spline.community - Network accessline 714
### Spline Editor - **Web App**: https://app.spline.design - Network accessline 715
- **Web App**: https://app.spline.design - Network accessline 718
### Learning Resources - **Tutorials**: https://spline.design/tutorials - Network accessline 719
- **Tutorials**: https://spline.design/tutorials - Network accessline 721
- **Examples Gallery**: https://spline.design/community
.factory/skills/spline-interactive/assets/README.md
- Network accessline 96
<div className="scene"> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 97
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" onLoad={onLoad} - Network accessline 98
scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 118
style={{ width: '100%', height: '600px' }} > <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 119
> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> </motion.div> - Network accessline 120
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 156
<div> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 157
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" onLoad={onLoad} - Network accessline 158
scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 179
const scenes = { scene1: 'https://prod.spline.design/SCENE-1/scene.splinecode', - Network accessline 180
scene1: 'https://prod.spline.design/SCENE-1/scene.splinecode', - Network accessline 181
scene2: 'https://prod.spline.design/SCENE-2/scene.splinecode', - Network accessline 182
scene3: 'https://prod.spline.design/SCENE-3/scene.splinecode' - Network accessline 204
1. Open your scene in Spline editor (https://app.spline.design) - Network accessline 205
2. Click the "Export" button (top right) 3. Select "Code Export" → "React" 4. Copy the scene URL (format: `https://prod.spline.design/[ID]/scene.splinecode`) - Network accessline 206
3. Select "Code Export" → "React" 4. Copy the scene URL (format: `https://prod.spline.design/[ID]/scene.splinecode`) 5. Replace `YOUR-SCENE-ID` in the templates with your actual scene URL - Network accessline 207
4. Copy the scene URL (format: `https://prod.spline.design/[ID]/scene.splinecode`) - Network accessline 227
<div className="hero-scene"> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 228
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 256
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 257
scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 309
- [Spline Documentation](https://docs.spline.design) - Network accessline 310
- [React Spline GitHub](https://github.com/splinetool/react-spline) - Network accessline 311
- [Spline Community](https://spline.community) - Network accessline 312
- [Spline Tutorials](https://spline.design/tutorials)
.factory/skills/spline-interactive/references/api_reference.md
- Network accessline 28
- **Type**: `string` - **Description**: URL to the Spline scene file - **Example**: `"https://prod.spline.design/6Wq1Q7YGyM-iab9i/scene.splinecode"` - Network accessline 30
- **Example**: `"https://prod.spline.design/6Wq1Q7YGyM-iab9i/scene.splinecode"` - Network accessline 362
<div> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 363
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" onLoad={onLoad} - Network accessline 364
scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 389
return ( <div style={{ width: '100vw', height: '100vh' }}> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 390
<div style={{ width: '100vw', height: '100vh' }}> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> </div> - Network accessline 391
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 405
return ( <Suspense fallback={<div>Loading 3D scene...</div>}> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 406
<Suspense fallback={<div>Loading 3D scene...</div>}> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> </Suspense> - Network accessline 407
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" />
.factory/skills/spline-interactive/scripts/component_builder.py
- Executable scriptline 1
#!/usr/bin/env python3
.factory/skills/spline-interactive/scripts/project_generator.py
- Executable scriptline 1
#!/usr/bin/env python3 - Network accessline 139
<main style={{ width: '100vw', height: '100vh' }}> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 140
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" onLoad={onLoad} - Network accessline 141
scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 175
<div className="scene-container"> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 176
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" onLoad={onLoad} - Network accessline 177
scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 277
Visit http://localhost:3000 - Network accessline 297
- [Spline Documentation](https://docs.spline.design) - Network accessline 298
- [React Spline GitHub](https://github.com/splinetool/react-spline)
.factory/skills/substance-3d-texturing/assets/README.md
- Network accessline 277
- **Substance Python API:** https://helpx.adobe.com/substance-3d-painter-python/api/ - Network accessline 278
- **glTF 2.0 Spec:** https://registry.khronos.org/glTF/specs/2.0/glTF-2.0.html - Network accessline 279
- **Three.js Materials:** https://threejs.org/docs/#api/en/materials/MeshStandardMaterial - Network accessline 280
- **Babylon.js PBR:** https://doc.babylonjs.com/features/featuresDeepDive/materials/using/introToPBR
.factory/skills/substance-3d-texturing/references/pbr_channel_guide.md
.factory/skills/substance-3d-texturing/references/python_api_reference.md
.factory/skills/substance-3d-texturing/scripts/batch_export.py
- Executable scriptline 1
#!/usr/bin/env python3
.factory/skills/substance-3d-texturing/scripts/generate_export_preset.py
- Executable scriptline 1
#!/usr/bin/env python3
.factory/skills/substance-3d-texturing/scripts/web_optimizer.py
- Executable scriptline 1
#!/usr/bin/env python3 - Network accessline 145
print(" - ImageMagick: convert input.png -resize 1024x1024 output.png") print(" - pngquant: pngquant --quality 80-100 input.png") print(" - TinyPNG: https://tinypng.com/") - Network accessline 146
print(" - pngquant: pngquant --quality 80-100 input.png") print(" - TinyPNG: https://tinypng.com/") return None - Network accessline 147
print(" - TinyPNG: https://tinypng.com/") - Network accessline 274
print("4. Online tools:") print(" - TinyPNG: https://tinypng.com/") - Network accessline 275
print(" - TinyPNG: https://tinypng.com/") - Network accessline 276
print(" - Squoosh: https://squoosh.app/")
.factory/skills/threejs-webgl/assets/starter_scene/README.md
.factory/skills/threejs-webgl/assets/starter_scene/index.html
- Network accessline 75
{ "imports": { "three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", - Network accessline 76
"imports": { "three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", "three/addons/": "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/" - Network accessline 77
"three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", - Network accessline 78
"three/addons/": "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/"
.factory/skills/threejs-webgl/assets/starter_scene/main.js
- Executable scriptline 1
Executable file
.factory/skills/threejs-webgl/scripts/setup_scene.py
- Executable scriptline 1
#!/usr/bin/env python3
plugins/bundles/animation-components/.claude-plugin/plugin.json
- Network accessline 8
}, "license": "Apache-2.0", "homepage": "https://github.com/freshtechbro/claudedesignskills", - Network accessline 9
"license": "Apache-2.0", "homepage": "https://github.com/freshtechbro/claudedesignskills", "repository": "https://github.com/freshtechbro/claudedesignskills.git", - Network accessline 10
"homepage": "https://github.com/freshtechbro/claudedesignskills", - Network accessline 11
"repository": "https://github.com/freshtechbro/claudedesignskills.git",
plugins/bundles/animation-components/skills/animated-component-libraries/SKILL.md
- Network accessline 31
# Via shadcn CLI (recommended) npx shadcn@latest add https://magicui.design/r/animated-beam - Network accessline 31
# Via shadcn CLI (recommended) npx shadcn@latest add https://magicui.design/r/animated-beam - Network accessline 32
npx shadcn@latest add https://magicui.design/r/animated-beam - Network accessline 32
npx shadcn@latest add https://magicui.design/r/animated-beam - Network accessline 439
# Install Magic UI component npx shadcn@latest add https://magicui.design/r/shimmer-button - Network accessline 439
# Install Magic UI component npx shadcn@latest add https://magicui.design/r/shimmer-button - Network accessline 440
npx shadcn@latest add https://magicui.design/r/shimmer-button - Network accessline 440
npx shadcn@latest add https://magicui.design/r/shimmer-button - Network accessline 800
### Official Documentation - **Magic UI**: https://magicui.design - Network accessline 800
### Official Documentation - **Magic UI**: https://magicui.design - Network accessline 801
- **Magic UI**: https://magicui.design - Network accessline 801
- **Magic UI**: https://magicui.design - Network accessline 802
- **React Bits**: https://reactbits.dev - Network accessline 802
- **React Bits**: https://reactbits.dev - Network accessline 803
- **shadcn/ui**: https://ui.shadcn.com - Network accessline 803
- **shadcn/ui**: https://ui.shadcn.com - Network accessline 804
- **Framer Motion**: https://motion.dev - Network accessline 804
- **Framer Motion**: https://motion.dev
plugins/bundles/animation-components/skills/animated-component-libraries/assets/README.md
- Network accessline 23
# Add Magic UI components npx shadcn@latest add https://magicui.design/r/grid-pattern - Network accessline 23
# Add Magic UI components npx shadcn@latest add https://magicui.design/r/grid-pattern - Network accessline 24
npx shadcn@latest add https://magicui.design/r/grid-pattern - Network accessline 24
npx shadcn@latest add https://magicui.design/r/grid-pattern - Network accessline 25
npx shadcn@latest add https://magicui.design/r/shimmer-button - Network accessline 25
npx shadcn@latest add https://magicui.design/r/shimmer-button - Network accessline 26
npx shadcn@latest add https://magicui.design/r/marquee - Network accessline 26
npx shadcn@latest add https://magicui.design/r/marquee - Network accessline 76
**Copy components from reactbits.dev**: - Visit https://reactbits.dev - Network accessline 76
**Copy components from reactbits.dev**: - Visit https://reactbits.dev - Network accessline 77
- Visit https://reactbits.dev - Network accessline 77
- Visit https://reactbits.dev - Network accessline 221
**Magic UI**: - Official examples: https://magicui.design - Network accessline 221
**Magic UI**: - Official examples: https://magicui.design - Network accessline 222
- Official examples: https://magicui.design - Network accessline 222
- Official examples: https://magicui.design - Network accessline 223
- GitHub repository: https://github.com/magicuidesign/magicui - Network accessline 223
- GitHub repository: https://github.com/magicuidesign/magicui - Network accessline 226
**React Bits**: - Official examples: https://reactbits.dev - Network accessline 226
**React Bits**: - Official examples: https://reactbits.dev - Network accessline 227
- Official examples: https://reactbits.dev - Network accessline 227
- Official examples: https://reactbits.dev - Network accessline 229
- GitHub: https://github.com/davidhdev/react-bits - Network accessline 229
- GitHub: https://github.com/davidhdev/react-bits - Network accessline 341
- **Magic UI Documentation**: https://magicui.design/docs - Network accessline 341
- **Magic UI Documentation**: https://magicui.design/docs - Network accessline 342
- **React Bits Documentation**: https://reactbits.dev/docs - Network accessline 342
- **React Bits Documentation**: https://reactbits.dev/docs - Network accessline 343
- **Framer Motion**: https://motion.dev - Network accessline 343
- **Framer Motion**: https://motion.dev - Network accessline 344
- **shadcn/ui**: https://ui.shadcn.com - Network accessline 344
- **shadcn/ui**: https://ui.shadcn.com - Network accessline 345
- **Tailwind CSS**: https://tailwindcss.com - Network accessline 345
- **Tailwind CSS**: https://tailwindcss.com
plugins/bundles/animation-components/skills/animated-component-libraries/references/magic_ui_components.md
- Network accessline 8
# Via shadcn CLI (recommended) npx shadcn@latest add https://magicui.design/r/[component-name] - Network accessline 8
# Via shadcn CLI (recommended) npx shadcn@latest add https://magicui.design/r/[component-name] - Network accessline 9
npx shadcn@latest add https://magicui.design/r/[component-name] - Network accessline 9
npx shadcn@latest add https://magicui.design/r/[component-name]
plugins/bundles/animation-components/skills/animated-component-libraries/references/react_bits_components.md
- Network accessline 7
React Bits uses a copy-paste installation model. Visit [reactbits.dev](https://reactbits.dev), browse components, and copy the code directly into your project. - Network accessline 7
React Bits uses a copy-paste installation model. Visit [reactbits.dev](https://reactbits.dev), browse components, and copy the code directly into your project.
plugins/bundles/animation-components/skills/animated-component-libraries/scripts/component_importer.py
- Executable scriptline 1
#!/usr/bin/env python3 - Executable scriptline 1
#!/usr/bin/env python3 - Network accessline 19
"grid-pattern": { "name": "Grid Pattern", "install": "npx shadcn@latest add https://magicui.design/r/grid-pattern", - Network accessline 19
"grid-pattern": { "name": "Grid Pattern", "install": "npx shadcn@latest add https://magicui.design/r/grid-pattern", - Network accessline 20
"name": "Grid Pattern", "install": "npx shadcn@latest add https://magicui.design/r/grid-pattern", "deps": ["motion", "clsx", "tailwind-merge"], - Network accessline 20
"name": "Grid Pattern", "install": "npx shadcn@latest add https://magicui.design/r/grid-pattern", "deps": ["motion", "clsx", "tailwind-merge"], - Network accessline 21
"install": "npx shadcn@latest add https://magicui.design/r/grid-pattern", - Network accessline 21
"install": "npx shadcn@latest add https://magicui.design/r/grid-pattern", - Network accessline 25
"animated-grid-pattern": { "name": "Animated Grid Pattern", "install": "npx shadcn@latest add https://magicui.design/r/animated-grid-pattern", - Network accessline 25
"animated-grid-pattern": { "name": "Animated Grid Pattern", "install": "npx shadcn@latest add https://magicui.design/r/animated-grid-pattern", - Network accessline 26
"name": "Animated Grid Pattern", "install": "npx shadcn@latest add https://magicui.design/r/animated-grid-pattern", "deps": ["motion", "clsx", "tailwind-merge"], - Network accessline 26
"name": "Animated Grid Pattern", "install": "npx shadcn@latest add https://magicui.design/r/animated-grid-pattern", "deps": ["motion", "clsx", "tailwind-merge"], - Network accessline 27
"install": "npx shadcn@latest add https://magicui.design/r/animated-grid-pattern", - Network accessline 27
"install": "npx shadcn@latest add https://magicui.design/r/animated-grid-pattern", - Network accessline 32
"shimmer-button": { "name": "Shimmer Button", "install": "npx shadcn@latest add https://magicui.design/r/shimmer-button", - Network accessline 32
"shimmer-button": { "name": "Shimmer Button", "install": "npx shadcn@latest add https://magicui.design/r/shimmer-button", - Network accessline 33
"name": "Shimmer Button", "install": "npx shadcn@latest add https://magicui.design/r/shimmer-button", "deps": ["motion", "clsx", "tailwind-merge"], - Network accessline 33
"name": "Shimmer Button", "install": "npx shadcn@latest add https://magicui.design/r/shimmer-button", "deps": ["motion", "clsx", "tailwind-merge"], - Network accessline 34
"install": "npx shadcn@latest add https://magicui.design/r/shimmer-button", - Network accessline 34
"install": "npx shadcn@latest add https://magicui.design/r/shimmer-button", - Network accessline 39
"border-beam": { "name": "Border Beam", "install": "npx shadcn@latest add https://magicui.design/r/border-beam", - Network accessline 39
"border-beam": { "name": "Border Beam", "install": "npx shadcn@latest add https://magicui.design/r/border-beam", - Network accessline 40
"name": "Border Beam", "install": "npx shadcn@latest add https://magicui.design/r/border-beam", "deps": ["motion", "clsx", "tailwind-merge"], - Network accessline 40
"name": "Border Beam", "install": "npx shadcn@latest add https://magicui.design/r/border-beam", "deps": ["motion", "clsx", "tailwind-merge"], - Network accessline 41
"install": "npx shadcn@latest add https://magicui.design/r/border-beam", - Network accessline 41
"install": "npx shadcn@latest add https://magicui.design/r/border-beam", - Network accessline 46
"marquee": { "name": "Marquee", "install": "npx shadcn@latest add https://magicui.design/r/marquee", - Network accessline 46
"marquee": { "name": "Marquee", "install": "npx shadcn@latest add https://magicui.design/r/marquee", - Network accessline 47
"name": "Marquee", "install": "npx shadcn@latest add https://magicui.design/r/marquee", "deps": ["motion", "clsx", "tailwind-merge"], - Network accessline 47
"name": "Marquee", "install": "npx shadcn@latest add https://magicui.design/r/marquee", "deps": ["motion", "clsx", "tailwind-merge"], - Network accessline 48
"install": "npx shadcn@latest add https://magicui.design/r/marquee", - Network accessline 48
"install": "npx shadcn@latest add https://magicui.design/r/marquee", - Network accessline 53
"spinning-text": { "name": "Spinning Text", "install": "npx shadcn@latest add https://magicui.design/r/spinning-text", - Network accessline 53
"spinning-text": { "name": "Spinning Text", "install": "npx shadcn@latest add https://magicui.design/r/spinning-text", - Network accessline 54
"name": "Spinning Text", "install": "npx shadcn@latest add https://magicui.design/r/spinning-text", "deps": ["motion", "clsx", "tailwind-merge"], - Network accessline 54
"name": "Spinning Text", "install": "npx shadcn@latest add https://magicui.design/r/spinning-text", "deps": ["motion", "clsx", "tailwind-merge"], - Network accessline 55
"install": "npx shadcn@latest add https://magicui.design/r/spinning-text", - Network accessline 55
"install": "npx shadcn@latest add https://magicui.design/r/spinning-text", - Network accessline 184
print("Step 1: Copy component code") print(f" Visit https://reactbits.dev") - Network accessline 184
print("Step 1: Copy component code") print(f" Visit https://reactbits.dev") - Network accessline 185
print(f" Visit https://reactbits.dev") - Network accessline 185
print(f" Visit https://reactbits.dev")
plugins/bundles/animation-components/skills/animated-component-libraries/scripts/props_generator.py
plugins/bundles/animation-components/skills/animejs/assets/README.md
- Network accessline 25
The Anime.js team maintains excellent examples at: - **Documentation**: https://animejs.com/documentation/ - Network accessline 25
The Anime.js team maintains excellent examples at: - **Documentation**: https://animejs.com/documentation/ - Network accessline 26
- **Documentation**: https://animejs.com/documentation/ - Network accessline 26
- **Documentation**: https://animejs.com/documentation/ - Network accessline 27
- **CodePen Examples**: https://codepen.io/collection/DxpqGJ/ - Network accessline 27
- **CodePen Examples**: https://codepen.io/collection/DxpqGJ/ - Network accessline 28
- **Official Repository**: https://github.com/juliangarnier/anime - Network accessline 28
- **Official Repository**: https://github.com/juliangarnier/anime - Network accessline 32
**Basic Animations:** - Simple animation: https://codepen.io/juliangarnier/pen/KRwwOL - Network accessline 32
**Basic Animations:** - Simple animation: https://codepen.io/juliangarnier/pen/KRwwOL - Network accessline 33
- Simple animation: https://codepen.io/juliangarnier/pen/KRwwOL - Network accessline 33
- Simple animation: https://codepen.io/juliangarnier/pen/KRwwOL - Network accessline 34
- Property parameters: https://codepen.io/juliangarnier/pen/LpWPgj - Network accessline 34
- Property parameters: https://codepen.io/juliangarnier/pen/LpWPgj - Network accessline 35
- Function-based values: https://codepen.io/juliangarnier/pen/gmOwJX - Network accessline 35
- Function-based values: https://codepen.io/juliangarnier/pen/gmOwJX - Network accessline 37
**Stagger Animations:** - Basic stagger: https://codepen.io/juliangarnier/pen/PboRJN - Network accessline 37
**Stagger Animations:** - Basic stagger: https://codepen.io/juliangarnier/pen/PboRJN - Network accessline 38
- Basic stagger: https://codepen.io/juliangarnier/pen/PboRJN - Network accessline 38
- Basic stagger: https://codepen.io/juliangarnier/pen/PboRJN - Network accessline 39
- Stagger from center: https://codepen.io/juliangarnier/pen/WNNwQa - Network accessline 39
- Stagger from center: https://codepen.io/juliangarnier/pen/WNNwQa - Network accessline 40
- Grid stagger: https://codepen.io/juliangarnier/pen/JXaKpP - Network accessline 40
- Grid stagger: https://codepen.io/juliangarnier/pen/JXaKpP - Network accessline 41
- Stagger easing: https://codepen.io/juliangarnier/pen/QMMmQK - Network accessline 41
- Stagger easing: https://codepen.io/juliangarnier/pen/QMMmQK - Network accessline 43
**Timeline Animations:** - Basic timeline: https://codepen.io/juliangarnier/pen/grVWYq - Network accessline 43
**Timeline Animations:** - Basic timeline: https://codepen.io/juliangarnier/pen/grVWYq - Network accessline 44
- Basic timeline: https://codepen.io/juliangarnier/pen/grVWYq - Network accessline 44
- Basic timeline: https://codepen.io/juliangarnier/pen/grVWYq - Network accessline 45
- Timeline offsets: https://codepen.io/juliangarnier/pen/xLOXJX - Network accessline 45
- Timeline offsets: https://codepen.io/juliangarnier/pen/xLOXJX - Network accessline 46
- Timeline controls: https://codepen.io/juliangarnier/pen/oWjmWd - Network accessline 46
- Timeline controls: https://codepen.io/juliangarnier/pen/oWjmWd - Network accessline 48
**SVG Animations:** - Line drawing: https://codepen.io/juliangarnier/pen/XdqyNw - Network accessline 48
**SVG Animations:** - Line drawing: https://codepen.io/juliangarnier/pen/XdqyNw - Network accessline 49
- Line drawing: https://codepen.io/juliangarnier/pen/XdqyNw - Network accessline 49
- Line drawing: https://codepen.io/juliangarnier/pen/XdqyNw - Network accessline 50
- Path morphing: https://codepen.io/juliangarnier/pen/mWEOmL - Network accessline 50
- Path morphing: https://codepen.io/juliangarnier/pen/mWEOmL - Network accessline 51
- Motion path: https://codepen.io/juliangarnier/pen/NqYKQL - Network accessline 51
- Motion path: https://codepen.io/juliangarnier/pen/NqYKQL - Network accessline 53
**Advanced Patterns:** - Keyframes: https://codepen.io/juliangarnier/pen/QMMmQK - Network accessline 53
**Advanced Patterns:** - Keyframes: https://codepen.io/juliangarnier/pen/QMMmQK - Network accessline 54
- Keyframes: https://codepen.io/juliangarnier/pen/QMMmQK - Network accessline 54
- Keyframes: https://codepen.io/juliangarnier/pen/QMMmQK - Network accessline 55
- Scroll-driven: https://codepen.io/juliangarnier/pen/ZqyEJw - Network accessline 55
- Scroll-driven: https://codepen.io/juliangarnier/pen/ZqyEJw - Network accessline 56
- Custom easing: https://codepen.io/juliangarnier/pen/YBBRvG - Network accessline 56
- Custom easing: https://codepen.io/juliangarnier/pen/YBBRvG - Network accessline 404
- **Official Documentation**: https://animejs.com/documentation/ - Network accessline 404
- **Official Documentation**: https://animejs.com/documentation/ - Network accessline 405
- **API Reference**: https://animejs.com/documentation/#cssProperties - Network accessline 405
- **API Reference**: https://animejs.com/documentation/#cssProperties - Network accessline 406
- **GitHub Repository**: https://github.com/juliangarnier/anime - Network accessline 406
- **GitHub Repository**: https://github.com/juliangarnier/anime - Network accessline 407
- **CodePen Collection**: https://codepen.io/collection/DxpqGJ/ - Network accessline 407
- **CodePen Collection**: https://codepen.io/collection/DxpqGJ/ - Network accessline 408
- **Community Examples**: https://animejs.com/documentation/#communityShowcase - Network accessline 408
- **Community Examples**: https://animejs.com/documentation/#communityShowcase
plugins/bundles/animation-components/skills/animejs/references/stagger_guide.md
- Network accessline 519
- Official Stagger Documentation: https://animejs.com/documentation/#stagger - Network accessline 519
- Official Stagger Documentation: https://animejs.com/documentation/#stagger - Network accessline 520
- Grid Stagger Demo: https://codepen.io/juliangarnier/pen/JXaKpP - Network accessline 520
- Grid Stagger Demo: https://codepen.io/juliangarnier/pen/JXaKpP - Network accessline 521
- Stagger Examples: https://animejs.com/documentation/#staggeringBasics - Network accessline 521
- Stagger Examples: https://animejs.com/documentation/#staggeringBasics
plugins/bundles/animation-components/skills/animejs/references/timeline_guide.md
- Network accessline 660
- Official Timeline Documentation: https://animejs.com/documentation/#timeline - Network accessline 660
- Official Timeline Documentation: https://animejs.com/documentation/#timeline - Network accessline 661
- Timeline Examples: https://codepen.io/collection/DxpqGJ/ - Network accessline 661
- Timeline Examples: https://codepen.io/collection/DxpqGJ/ - Network accessline 662
- Advanced Sequencing: https://animejs.com/documentation/#timelineBasics - Network accessline 662
- Advanced Sequencing: https://animejs.com/documentation/#timelineBasics
plugins/bundles/animation-components/skills/animejs/scripts/animation_generator.py
plugins/bundles/animation-components/skills/animejs/scripts/timeline_builder.py
plugins/bundles/animation-components/skills/lottie-animations/SKILL.md
- Network accessline 128
<script type="module"> import { DotLottie } from 'https://cdn.jsdelivr.net/npm/@lottiefiles/dotlottie-web/+esm'; - Network accessline 128
<script type="module"> import { DotLottie } from 'https://cdn.jsdelivr.net/npm/@lottiefiles/dotlottie-web/+esm'; - Network accessline 129
import { DotLottie } from 'https://cdn.jsdelivr.net/npm/@lottiefiles/dotlottie-web/+esm'; - Network accessline 129
import { DotLottie } from 'https://cdn.jsdelivr.net/npm/@lottiefiles/dotlottie-web/+esm'; - Network accessline 131
new DotLottie({ canvas: document.getElementById('canvas'), src: 'https://lottie.host/4db68bbd-31f6-4cd8-84eb-189de081159a/IGmMCqhzpt.lottie', - Network accessline 131
new DotLottie({ canvas: document.getElementById('canvas'), src: 'https://lottie.host/4db68bbd-31f6-4cd8-84eb-189de081159a/IGmMCqhzpt.lottie', - Network accessline 132
canvas: document.getElementById('canvas'), src: 'https://lottie.host/4db68bbd-31f6-4cd8-84eb-189de081159a/IGmMCqhzpt.lottie', autoplay: true, - Network accessline 132
canvas: document.getElementById('canvas'), src: 'https://lottie.host/4db68bbd-31f6-4cd8-84eb-189de081159a/IGmMCqhzpt.lottie', autoplay: true, - Network accessline 133
src: 'https://lottie.host/4db68bbd-31f6-4cd8-84eb-189de081159a/IGmMCqhzpt.lottie', - Network accessline 133
src: 'https://lottie.host/4db68bbd-31f6-4cd8-84eb-189de081159a/IGmMCqhzpt.lottie', - Network accessline 452
autoplay loop src="https://path-to-animation.lottie" - Network accessline 452
autoplay loop src="https://path-to-animation.lottie" - Network accessline 453
loop src="https://path-to-animation.lottie" /> - Network accessline 453
loop src="https://path-to-animation.lottie" /> - Network accessline 454
src="https://path-to-animation.lottie" - Network accessline 454
src="https://path-to-animation.lottie" - Network accessline 620
- Check Bodymovin export settings (disable "Include expressions" if not needed) - Remove unused assets before export - Use Lottie optimizer tools: https://lottiefiles.com/tools/lottie-editor - Network accessline 620
- Check Bodymovin export settings (disable "Include expressions" if not needed) - Remove unused assets before export - Use Lottie optimizer tools: https://lottiefiles.com/tools/lottie-editor - Network accessline 622
- Use Lottie optimizer tools: https://lottiefiles.com/tools/lottie-editor - Network accessline 622
- Use Lottie optimizer tools: https://lottiefiles.com/tools/lottie-editor - Network accessline 645
// OR use path for external URLs (requires CORS headers) <DotLottieReact src="https://example.com/animation.lottie" /> - Network accessline 645
// OR use path for external URLs (requires CORS headers) <DotLottieReact src="https://example.com/animation.lottie" /> - Network accessline 646
<DotLottieReact src="https://example.com/animation.lottie" /> - Network accessline 646
<DotLottieReact src="https://example.com/animation.lottie" /> - Network accessline 664
- Test export early and often - Use LottieFiles preview before exporting - Check Bodymovin compatibility: https://airbnb.io/lottie/#/supported-features - Network accessline 664
- Test export early and often - Use LottieFiles preview before exporting - Check Bodymovin compatibility: https://airbnb.io/lottie/#/supported-features - Network accessline 665
- Use LottieFiles preview before exporting - Check Bodymovin compatibility: https://airbnb.io/lottie/#/supported-features - Convert effects to shapes when possible - Network accessline 665
- Use LottieFiles preview before exporting - Check Bodymovin compatibility: https://airbnb.io/lottie/#/supported-features - Convert effects to shapes when possible - Network accessline 666
- Check Bodymovin compatibility: https://airbnb.io/lottie/#/supported-features - Network accessline 666
- Check Bodymovin compatibility: https://airbnb.io/lottie/#/supported-features
plugins/bundles/animation-components/skills/lottie-animations/references/after_effects_export.md
- Network accessline 8
2. **Bodymovin Plugin** - Install from: - **Recommended:** AEsc scripts panel (Extension Manager) - Manual: https://aescripts.com/bodymovin/ - Network accessline 8
2. **Bodymovin Plugin** - Install from: - **Recommended:** AEsc scripts panel (Extension Manager) - Manual: https://aescripts.com/bodymovin/ - Network accessline 9
- **Recommended:** AEsc scripts panel (Extension Manager) - Manual: https://aescripts.com/bodymovin/ - LottieFiles plugin: https://lottiefiles.com/plugins/after-effects - Network accessline 9
- **Recommended:** AEsc scripts panel (Extension Manager) - Manual: https://aescripts.com/bodymovin/ - LottieFiles plugin: https://lottiefiles.com/plugins/after-effects - Network accessline 10
- Manual: https://aescripts.com/bodymovin/ - Network accessline 10
- Manual: https://aescripts.com/bodymovin/ - Network accessline 11
- LottieFiles plugin: https://lottiefiles.com/plugins/after-effects - Network accessline 11
- LottieFiles plugin: https://lottiefiles.com/plugins/after-effects - Network accessline 17
1. Download ZXP Installer: https://aescripts.com/learn/zxp-installer/ - Network accessline 17
1. Download ZXP Installer: https://aescripts.com/learn/zxp-installer/ - Network accessline 313
1. Export from After Effects 2. Preview on LottieFiles: https://lottiefiles.com/preview - Network accessline 313
1. Export from After Effects 2. Preview on LottieFiles: https://lottiefiles.com/preview - Network accessline 314
2. Preview on LottieFiles: https://lottiefiles.com/preview 3. Check file size (aim for <100 KB) - Network accessline 314
2. Preview on LottieFiles: https://lottiefiles.com/preview 3. Check file size (aim for <100 KB) - Network accessline 315
https://lottiefiles.com/preview - Network accessline 315
https://lottiefiles.com/preview - Network accessline 326
<body> <div id="lottie"></div> <script src="https://cdnjs.cloudflare.com/ajax/libs/lottie-web/5.12.2/lottie.min.js"></script> - Network accessline 326
<body> <div id="lottie"></div> <script src="https://cdnjs.cloudflare.com/ajax/libs/lottie-web/5.12.2/lottie.min.js"></script> - Network accessline 327
<div id="lottie"></div> <script src="https://cdnjs.cloudflare.com/ajax/libs/lottie-web/5.12.2/lottie.min.js"></script> <script> - Network accessline 327
<div id="lottie"></div> <script src="https://cdnjs.cloudflare.com/ajax/libs/lottie-web/5.12.2/lottie.min.js"></script> <script> - Network accessline 328
<script src="https://cdnjs.cloudflare.com/ajax/libs/lottie-web/5.12.2/lottie.min.js"></script> - Network accessline 328
<script src="https://cdnjs.cloudflare.com/ajax/libs/lottie-web/5.12.2/lottie.min.js"></script> - Network accessline 409
- **LottieFiles Preview:** https://lottiefiles.com/preview - Network accessline 409
- **LottieFiles Preview:** https://lottiefiles.com/preview - Network accessline 410
- **Supported Features:** https://airbnb.io/lottie/#/supported-features - Network accessline 410
- **Supported Features:** https://airbnb.io/lottie/#/supported-features - Network accessline 411
- **Bodymovin Plugin:** https://aescripts.com/bodymovin/ - Network accessline 411
- **Bodymovin Plugin:** https://aescripts.com/bodymovin/ - Network accessline 412
- **LottieFiles Plugin:** https://lottiefiles.com/plugins/after-effects - Network accessline 412
- **LottieFiles Plugin:** https://lottiefiles.com/plugins/after-effects - Network accessline 413
- **File Size Optimizer:** https://lottiefiles.com/tools/lottie-editor - Network accessline 413
- **File Size Optimizer:** https://lottiefiles.com/tools/lottie-editor
plugins/bundles/animation-components/skills/lottie-animations/references/performance_guide.md
- Network accessline 44
# Use Lottie optimizer https://lottiefiles.com/tools/lottie-editor - Network accessline 44
# Use Lottie optimizer https://lottiefiles.com/tools/lottie-editor - Network accessline 45
https://lottiefiles.com/tools/lottie-editor - Network accessline 45
https://lottiefiles.com/tools/lottie-editor - Network accessline 286
// Host on CDN for better caching <DotLottieReact src="https://cdn.example.com/animations/hero.lottie" - Network accessline 286
// Host on CDN for better caching <DotLottieReact src="https://cdn.example.com/animations/hero.lottie" - Network accessline 287
<DotLottieReact src="https://cdn.example.com/animations/hero.lottie" loop - Network accessline 287
<DotLottieReact src="https://cdn.example.com/animations/hero.lottie" loop - Network accessline 288
src="https://cdn.example.com/animations/hero.lottie" - Network accessline 288
src="https://cdn.example.com/animations/hero.lottie" - Network accessline 307
// Programmatic preload const preloadAnimation = async (src) => { const response = await fetch(src); - Network accessline 307
// Programmatic preload const preloadAnimation = async (src) => { const response = await fetch(src); - Network accessline 308
const preloadAnimation = async (src) => { const response = await fetch(src); const blob = await response.blob(); - Network accessline 308
const preloadAnimation = async (src) => { const response = await fetch(src); const blob = await response.blob(); - Network accessline 309
const response = await fetch(src); - Network accessline 309
const response = await fetch(src); - Network accessline 336
event.respondWith( caches.match(event.request).then((response) => { return response || fetch(event.request); - Network accessline 336
event.respondWith( caches.match(event.request).then((response) => { return response || fetch(event.request); - Network accessline 337
caches.match(event.request).then((response) => { return response || fetch(event.request); }) - Network accessline 337
caches.match(event.request).then((response) => { return response || fetch(event.request); }) - Network accessline 338
return response || fetch(event.request); - Network accessline 338
return response || fetch(event.request);
plugins/bundles/animation-components/skills/lottie-animations/scripts/generate_lottie_component.py
plugins/bundles/animation-components/skills/lottie-animations/scripts/optimize_lottie.py
plugins/bundles/animation-components/skills/react-spring-physics/assets/README.md
- Network accessline 28
The React Spring team maintains excellent examples at: - **Documentation**: https://react-spring.dev - Network accessline 28
The React Spring team maintains excellent examples at: - **Documentation**: https://react-spring.dev - Network accessline 29
- **Documentation**: https://react-spring.dev - Network accessline 29
- **Documentation**: https://react-spring.dev - Network accessline 30
- **Examples**: https://react-spring.dev/examples - Network accessline 30
- **Examples**: https://react-spring.dev/examples - Network accessline 31
- **CodeSandbox**: https://codesandbox.io/examples/package/@react-spring/web - Network accessline 31
- **CodeSandbox**: https://codesandbox.io/examples/package/@react-spring/web - Network accessline 35
**Basic Animations:** - Spring basics: https://codesandbox.io/s/react-spring-spring-vqqd5 - Network accessline 35
**Basic Animations:** - Spring basics: https://codesandbox.io/s/react-spring-spring-vqqd5 - Network accessline 36
- Spring basics: https://codesandbox.io/s/react-spring-spring-vqqd5 - Network accessline 36
- Spring basics: https://codesandbox.io/s/react-spring-spring-vqqd5 - Network accessline 37
- Trails: https://codesandbox.io/s/react-spring-trail-q0zq5 - Network accessline 37
- Trails: https://codesandbox.io/s/react-spring-trail-q0zq5 - Network accessline 38
- Transitions: https://codesandbox.io/s/react-spring-transition-njgm6 - Network accessline 38
- Transitions: https://codesandbox.io/s/react-spring-transition-njgm6 - Network accessline 40
**Gesture Integration:** - Draggable cards: https://codesandbox.io/s/react-spring-draggable-list-xhqod - Network accessline 40
**Gesture Integration:** - Draggable cards: https://codesandbox.io/s/react-spring-draggable-list-xhqod - Network accessline 41
- Draggable cards: https://codesandbox.io/s/react-spring-draggable-list-xhqod - Network accessline 41
- Draggable cards: https://codesandbox.io/s/react-spring-draggable-list-xhqod - Network accessline 42
- Viewpager: https://codesandbox.io/s/react-spring-viewpager-8tsle - Network accessline 42
- Viewpager: https://codesandbox.io/s/react-spring-viewpager-8tsle - Network accessline 43
- Gesture examples: https://use-gesture.netlify.app/docs/examples/ - Network accessline 43
- Gesture examples: https://use-gesture.netlify.app/docs/examples/ - Network accessline 45
**Scroll Animations:** - Scroll progress: https://codesandbox.io/s/react-spring-scroll-progress-8nqwt - Network accessline 45
**Scroll Animations:** - Scroll progress: https://codesandbox.io/s/react-spring-scroll-progress-8nqwt - Network accessline 46
- Scroll progress: https://codesandbox.io/s/react-spring-scroll-progress-8nqwt - Network accessline 46
- Scroll progress: https://codesandbox.io/s/react-spring-scroll-progress-8nqwt - Network accessline 47
- Parallax: https://codesandbox.io/s/react-spring-parallax-sticky-xhdn7 - Network accessline 47
- Parallax: https://codesandbox.io/s/react-spring-parallax-sticky-xhdn7 - Network accessline 48
- useScroll hook: https://react-spring.dev/docs/components/use-scroll - Network accessline 48
- useScroll hook: https://react-spring.dev/docs/components/use-scroll - Network accessline 50
**3D Integration (React Three Fiber):** - Spring animations in 3D: https://codesandbox.io/s/react-spring-3d-ijdj2 - Network accessline 50
**3D Integration (React Three Fiber):** - Spring animations in 3D: https://codesandbox.io/s/react-spring-3d-ijdj2 - Network accessline 51
- Spring animations in 3D: https://codesandbox.io/s/react-spring-3d-ijdj2 - Network accessline 51
- Spring animations in 3D: https://codesandbox.io/s/react-spring-3d-ijdj2 - Network accessline 52
- Interactive 3D: https://docs.pmnd.rs/react-three-fiber/tutorials/v8-migration-guide#spring - Network accessline 52
- Interactive 3D: https://docs.pmnd.rs/react-three-fiber/tutorials/v8-migration-guide#spring - Network accessline 54
**Advanced Patterns:** - Chained animations: https://codesandbox.io/s/react-spring-chain-dxqgq - Network accessline 54
**Advanced Patterns:** - Chained animations: https://codesandbox.io/s/react-spring-chain-dxqgq - Network accessline 55
- Chained animations: https://codesandbox.io/s/react-spring-chain-dxqgq - Network accessline 55
- Chained animations: https://codesandbox.io/s/react-spring-chain-dxqgq - Network accessline 56
- Auto-height accordion: https://codesandbox.io/s/react-spring-auto-height-accordion-r4qku - Network accessline 56
- Auto-height accordion: https://codesandbox.io/s/react-spring-auto-height-accordion-r4qku - Network accessline 57
- Masonry grid: https://codesandbox.io/s/react-spring-masonry-5bw7y - Network accessline 57
- Masonry grid: https://codesandbox.io/s/react-spring-masonry-5bw7y - Network accessline 306
- **React Spring Docs**: https://react-spring.dev - Network accessline 306
- **React Spring Docs**: https://react-spring.dev - Network accessline 307
- **API Reference**: https://react-spring.dev/docs - Network accessline 307
- **API Reference**: https://react-spring.dev/docs - Network accessline 308
- **Discord Community**: https://discord.com/invite/poimandres - Network accessline 308
- **Discord Community**: https://discord.com/invite/poimandres - Network accessline 309
- **GitHub**: https://github.com/pmndrs/react-spring - Network accessline 309
- **GitHub**: https://github.com/pmndrs/react-spring - Network accessline 310
- **Use Gesture**: https://use-gesture.netlify.app (for drag/gesture support) - Network accessline 310
- **Use Gesture**: https://use-gesture.netlify.app (for drag/gesture support) - Network accessline 311
- **Leva**: https://github.com/pmndrs/leva (for live config tuning) - Network accessline 311
- **Leva**: https://github.com/pmndrs/leva (for live config tuning)
plugins/bundles/animation-components/skills/react-spring-physics/references/physics_guide.md
- Network accessline 591
- [Spring Physics Calculator](https://react-spring.dev/examples/springs) - Interactive tuning - Network accessline 591
- [Spring Physics Calculator](https://react-spring.dev/examples/springs) - Interactive tuning - Network accessline 592
- [Leva](https://github.com/pmndrs/leva) - Real-time config editor - Network accessline 592
- [Leva](https://github.com/pmndrs/leva) - Real-time config editor - Network accessline 593
- [Hooke's Law](https://en.wikipedia.org/wiki/Hooke%27s_law) - Physics fundamentals - Network accessline 593
- [Hooke's Law](https://en.wikipedia.org/wiki/Hooke%27s_law) - Physics fundamentals - Network accessline 594
- [Damped Harmonic Oscillator](https://en.wikipedia.org/wiki/Harmonic_oscillator#Damped_harmonic_oscillator) - Spring theory - Network accessline 594
- [Damped Harmonic Oscillator](https://en.wikipedia.org/wiki/Harmonic_oscillator#Damped_harmonic_oscillator) - Spring theory
plugins/bundles/animation-components/skills/react-spring-physics/scripts/physics_calculator.py
plugins/bundles/animation-components/skills/react-spring-physics/scripts/spring_generator.py
plugins/bundles/animation-components/skills/scroll-reveal-libraries/SKILL.md
- Network accessline 37
<head> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 37
<head> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 38
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 38
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 43
<script src="https://unpkg.com/aos@next/dist/aos.js"></script> - Network accessline 43
<script src="https://unpkg.com/aos@next/dist/aos.js"></script> - Network accessline 798
### Official Documentation - **AOS**: https://michalsnik.github.io/aos/ - Network accessline 798
### Official Documentation - **AOS**: https://michalsnik.github.io/aos/ - Network accessline 799
- **AOS**: https://michalsnik.github.io/aos/ - Network accessline 799
- **AOS**: https://michalsnik.github.io/aos/ - Network accessline 800
- **GitHub**: https://github.com/michalsnik/aos - Network accessline 800
- **GitHub**: https://github.com/michalsnik/aos
plugins/bundles/animation-components/skills/scroll-reveal-libraries/assets/README.md
- Network accessline 24
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>AOS Minimal Example</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 24
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>AOS Minimal Example</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 25
<title>AOS Minimal Example</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> </head> - Network accessline 25
<title>AOS Minimal Example</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> </head> - Network accessline 26
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 26
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 34
<script src="https://unpkg.com/aos@next/dist/aos.js"></script> - Network accessline 34
<script src="https://unpkg.com/aos@next/dist/aos.js"></script> - Network accessline 489
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>AOS Landing Page</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 489
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>AOS Landing Page</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 490
<title>AOS Landing Page</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> <style> - Network accessline 490
<title>AOS Landing Page</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> <style> - Network accessline 491
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 491
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 594
<script src="https://unpkg.com/aos@next/dist/aos.js"></script> - Network accessline 594
<script src="https://unpkg.com/aos@next/dist/aos.js"></script> - Network accessline 830
- **References**: See `references/aos_api.md` for complete API documentation - **References**: See `references/animation_catalog.md` for all 28 built-in animations - **Official Docs**: https://michalsnik.github.io/aos/ - Network accessline 830
- **References**: See `references/aos_api.md` for complete API documentation - **References**: See `references/animation_catalog.md` for all 28 built-in animations - **Official Docs**: https://michalsnik.github.io/aos/ - Network accessline 832
- **Official Docs**: https://michalsnik.github.io/aos/ - Network accessline 832
- **Official Docs**: https://michalsnik.github.io/aos/
plugins/bundles/animation-components/skills/scroll-reveal-libraries/scripts/aos_generator.py
- Executable scriptline 1
#!/usr/bin/env python3 - Executable scriptline 1
#!/usr/bin/env python3 - Network accessline 27
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>AOS Hero Section</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 27
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>AOS Hero Section</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 28
<title>AOS Hero Section</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> <style> - Network accessline 28
<title>AOS Hero Section</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> <style> - Network accessline 29
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 29
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 100
<script src="https://unpkg.com/aos@next/dist/aos.js"></script> - Network accessline 100
<script src="https://unpkg.com/aos@next/dist/aos.js"></script> - Network accessline 117
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>AOS Feature Cards</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 117
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>AOS Feature Cards</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 118
<title>AOS Feature Cards</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> <style> - Network accessline 118
<title>AOS Feature Cards</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> <style> - Network accessline 119
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 119
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 231
<script src="https://unpkg.com/aos@next/dist/aos.js"></script> - Network accessline 231
<script src="https://unpkg.com/aos@next/dist/aos.js"></script> - Network accessline 248
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>AOS Landing Page</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 248
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>AOS Landing Page</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 249
<title>AOS Landing Page</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> <style> - Network accessline 249
<title>AOS Landing Page</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> <style> - Network accessline 250
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 250
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 458
<script src="https://unpkg.com/aos@next/dist/aos.js"></script> - Network accessline 458
<script src="https://unpkg.com/aos@next/dist/aos.js"></script> - Network accessline 476
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>AOS Image Gallery</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 476
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>AOS Image Gallery</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 477
<title>AOS Image Gallery</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> <style> - Network accessline 477
<title>AOS Image Gallery</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> <style> - Network accessline 478
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 478
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 611
<script src="https://unpkg.com/aos@next/dist/aos.js"></script> - Network accessline 611
<script src="https://unpkg.com/aos@next/dist/aos.js"></script> - Network accessline 628
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>AOS Timeline</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 628
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>AOS Timeline</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 629
<title>AOS Timeline</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> <style> - Network accessline 629
<title>AOS Timeline</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> <style> - Network accessline 630
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 630
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 760
<script src="https://unpkg.com/aos@next/dist/aos.js"></script> - Network accessline 760
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
plugins/bundles/animation-components/skills/scroll-reveal-libraries/scripts/config_builder.py
- Executable scriptline 1
#!/usr/bin/env python3 - Executable scriptline 1
#!/usr/bin/env python3 - Network accessline 197
elif format_type == "cdn": lines.append("<!-- Add to <head> -->") lines.append('<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />') - Network accessline 197
elif format_type == "cdn": lines.append("<!-- Add to <head> -->") lines.append('<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />') - Network accessline 198
lines.append("<!-- Add to <head> -->") lines.append('<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />') lines.append("") - Network accessline 198
lines.append("<!-- Add to <head> -->") lines.append('<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />') lines.append("") - Network accessline 199
lines.append('<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />') - Network accessline 199
lines.append('<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />') - Network accessline 200
lines.append("") lines.append("<!-- Add before </body> -->") lines.append('<script src="https://unpkg.com/aos@next/dist/aos.js"></script>') - Network accessline 200
lines.append("") lines.append("<!-- Add before </body> -->") lines.append('<script src="https://unpkg.com/aos@next/dist/aos.js"></script>') - Network accessline 201
lines.append("<!-- Add before </body> -->") lines.append('<script src="https://unpkg.com/aos@next/dist/aos.js"></script>') lines.append("<script>") - Network accessline 201
lines.append("<!-- Add before </body> -->") lines.append('<script src="https://unpkg.com/aos@next/dist/aos.js"></script>') lines.append("<script>") - Network accessline 202
lines.append('<script src="https://unpkg.com/aos@next/dist/aos.js"></script>') - Network accessline 202
lines.append('<script src="https://unpkg.com/aos@next/dist/aos.js"></script>')
plugins/bundles/authoring-motion/.claude-plugin/plugin.json
- Network accessline 8
}, "license": "Apache-2.0", "homepage": "https://github.com/freshtechbro/claudedesignskills", - Network accessline 9
"license": "Apache-2.0", "homepage": "https://github.com/freshtechbro/claudedesignskills", "repository": "https://github.com/freshtechbro/claudedesignskills.git", - Network accessline 10
"homepage": "https://github.com/freshtechbro/claudedesignskills", - Network accessline 11
"repository": "https://github.com/freshtechbro/claudedesignskills.git",
plugins/bundles/authoring-motion/skills/blender-web-pipeline/scripts/batch_export.py
plugins/bundles/authoring-motion/skills/blender-web-pipeline/scripts/generate_lods.py
plugins/bundles/authoring-motion/skills/blender-web-pipeline/scripts/optimize_model.py
plugins/bundles/authoring-motion/skills/rive-interactive/SKILL.md
- Network accessline 549
### Official Documentation - **Rive Docs**: https://rive.app/docs - Network accessline 549
### Official Documentation - **Rive Docs**: https://rive.app/docs - Network accessline 550
- **Rive Docs**: https://rive.app/docs - Network accessline 550
- **Rive Docs**: https://rive.app/docs - Network accessline 551
- **React Rive GitHub**: https://github.com/rive-app/rive-react - Network accessline 551
- **React Rive GitHub**: https://github.com/rive-app/rive-react - Network accessline 552
- **Rive Community**: https://rive.app/community - Network accessline 552
- **Rive Community**: https://rive.app/community - Network accessline 554
### Rive Editor - **Web Editor**: https://rive.app/community - Network accessline 554
### Rive Editor - **Web Editor**: https://rive.app/community - Network accessline 555
- **Web Editor**: https://rive.app/community - Network accessline 555
- **Web Editor**: https://rive.app/community - Network accessline 558
### Learning Resources - **Tutorials**: https://rive.app/learn - Network accessline 558
### Learning Resources - **Tutorials**: https://rive.app/learn - Network accessline 559
- **Tutorials**: https://rive.app/learn - Network accessline 559
- **Tutorials**: https://rive.app/learn - Network accessline 560
- **Examples**: https://rive.app/community/files - Network accessline 560
- **Examples**: https://rive.app/community/files - Network accessline 561
- **State Machine Guide**: https://rive.app/docs/state-machine - Network accessline 561
- **State Machine Guide**: https://rive.app/docs/state-machine
plugins/bundles/authoring-motion/skills/rive-interactive/assets/README.md
- Network accessline 76
- [Rive Documentation](https://rive.app/docs) - Network accessline 76
- [Rive Documentation](https://rive.app/docs) - Network accessline 77
- [React Rive GitHub](https://github.com/rive-app/rive-react) - Network accessline 77
- [React Rive GitHub](https://github.com/rive-app/rive-react) - Network accessline 78
- [Rive Community](https://rive.app/community) - Network accessline 78
- [Rive Community](https://rive.app/community) - Network accessline 79
- [State Machine Guide](https://rive.app/docs/state-machine) - Network accessline 79
- [State Machine Guide](https://rive.app/docs/state-machine)
plugins/bundles/authoring-motion/skills/rive-interactive/scripts/component_generator.py
plugins/bundles/authoring-motion/skills/rive-interactive/scripts/viewmodel_builder.py
plugins/bundles/authoring-motion/skills/spline-interactive/SKILL.md
- Network accessline 94
return ( <div style={{ width: '100%', height: '600px' }}> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 94
return ( <div style={{ width: '100%', height: '600px' }}> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 95
<div style={{ width: '100%', height: '600px' }}> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> </div> - Network accessline 95
<div style={{ width: '100%', height: '600px' }}> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> </div> - Network accessline 96
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 96
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 135
return ( <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 135
return ( <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 136
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" onSplineMouseDown={onSplineMouseDown} - Network accessline 136
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" onSplineMouseDown={onSplineMouseDown} - Network accessline 137
scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 137
scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 204
<div> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 204
<div> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 205
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" onLoad={onLoad} - Network accessline 205
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" onLoad={onLoad} - Network accessline 206
scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 206
scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 259
<div> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 259
<div> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 260
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" onLoad={onLoad} - Network accessline 260
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" onLoad={onLoad} - Network accessline 261
scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 261
scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 294
<main> <div style={{ width: '100vw', height: '100vh' }}> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 294
<main> <div style={{ width: '100vw', height: '100vh' }}> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 295
<div style={{ width: '100vw', height: '100vh' }}> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> </div> - Network accessline 295
<div style={{ width: '100vw', height: '100vh' }}> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> </div> - Network accessline 296
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 296
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 325
<Suspense fallback={<div>Loading 3D scene...</div>}> <div style={{ width: '100%', height: '500px' }}> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 325
<Suspense fallback={<div>Loading 3D scene...</div>}> <div style={{ width: '100%', height: '500px' }}> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 326
<div style={{ width: '100%', height: '500px' }}> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> </div> - Network accessline 326
<div style={{ width: '100%', height: '500px' }}> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> </div> - Network accessline 327
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 327
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 371
scene={ isMobile ? "https://prod.spline.design/YOUR-MOBILE-SCENE/scene.splinecode" - Network accessline 371
scene={ isMobile ? "https://prod.spline.design/YOUR-MOBILE-SCENE/scene.splinecode" - Network accessline 372
isMobile ? "https://prod.spline.design/YOUR-MOBILE-SCENE/scene.splinecode" : "https://prod.spline.design/YOUR-DESKTOP-SCENE/scene.splinecode" - Network accessline 372
isMobile ? "https://prod.spline.design/YOUR-MOBILE-SCENE/scene.splinecode" : "https://prod.spline.design/YOUR-DESKTOP-SCENE/scene.splinecode" - Network accessline 373
? "https://prod.spline.design/YOUR-MOBILE-SCENE/scene.splinecode" - Network accessline 373
? "https://prod.spline.design/YOUR-MOBILE-SCENE/scene.splinecode" - Network accessline 374
: "https://prod.spline.design/YOUR-DESKTOP-SCENE/scene.splinecode" - Network accessline 374
: "https://prod.spline.design/YOUR-DESKTOP-SCENE/scene.splinecode" - Network accessline 415
return ( <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 415
return ( <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 416
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" onLoad={onLoad} - Network accessline 416
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" onLoad={onLoad} - Network accessline 417
scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 417
scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 472
<div className="scene-container"> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 472
<div className="scene-container"> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 473
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" onLoad={onLoad} - Network accessline 473
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" onLoad={onLoad} - Network accessline 474
scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 474
scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 496
style={{ width: '100%', height: '600px' }} > <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 496
style={{ width: '100%', height: '600px' }} > <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 497
> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> </motion.div> - Network accessline 497
> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> </motion.div> - Network accessline 498
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 498
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 511
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 511
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 512
scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 512
scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 539
const link = document.createElement('link'); link.rel = 'prefetch'; link.href = 'https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode'; - Network accessline 539
const link = document.createElement('link'); link.rel = 'prefetch'; link.href = 'https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode'; - Network accessline 540
link.rel = 'prefetch'; link.href = 'https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode'; document.head.appendChild(link); - Network accessline 540
link.rel = 'prefetch'; link.href = 'https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode'; document.head.appendChild(link); - Network accessline 541
link.href = 'https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode'; - Network accessline 541
link.href = 'https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode'; - Network accessline 545
return ( <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 545
return ( <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 546
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 546
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 579
// ✅ Correct: Full URL from Spline export <Spline scene="https://prod.spline.design/KFonZGtsoUXP-qx7/scene.splinecode" /> - Network accessline 579
// ✅ Correct: Full URL from Spline export <Spline scene="https://prod.spline.design/KFonZGtsoUXP-qx7/scene.splinecode" /> - Network accessline 580
<Spline scene="https://prod.spline.design/KFonZGtsoUXP-qx7/scene.splinecode" /> - Network accessline 580
<Spline scene="https://prod.spline.design/KFonZGtsoUXP-qx7/scene.splinecode" /> - Network accessline 629
const isMobile = window.innerWidth < 768; const sceneUrl = isMobile ? 'https://prod.spline.design/MOBILE-SCENE/scene.splinecode' - Network accessline 629
const isMobile = window.innerWidth < 768; const sceneUrl = isMobile ? 'https://prod.spline.design/MOBILE-SCENE/scene.splinecode' - Network accessline 630
const sceneUrl = isMobile ? 'https://prod.spline.design/MOBILE-SCENE/scene.splinecode' : 'https://prod.spline.design/DESKTOP-SCENE/scene.splinecode'; - Network accessline 630
const sceneUrl = isMobile ? 'https://prod.spline.design/MOBILE-SCENE/scene.splinecode' : 'https://prod.spline.design/DESKTOP-SCENE/scene.splinecode'; - Network accessline 631
? 'https://prod.spline.design/MOBILE-SCENE/scene.splinecode' - Network accessline 631
? 'https://prod.spline.design/MOBILE-SCENE/scene.splinecode' - Network accessline 632
: 'https://prod.spline.design/DESKTOP-SCENE/scene.splinecode'; - Network accessline 632
: 'https://prod.spline.design/DESKTOP-SCENE/scene.splinecode'; - Network accessline 709
### Official Documentation - **Spline Docs**: https://docs.spline.design - Network accessline 709
### Official Documentation - **Spline Docs**: https://docs.spline.design - Network accessline 710
- **Spline Docs**: https://docs.spline.design - Network accessline 710
- **Spline Docs**: https://docs.spline.design - Network accessline 711
- **React Spline GitHub**: https://github.com/splinetool/react-spline - Network accessline 711
- **React Spline GitHub**: https://github.com/splinetool/react-spline - Network accessline 712
- **Spline Community**: https://spline.community - Network accessline 712
- **Spline Community**: https://spline.community - Network accessline 714
### Spline Editor - **Web App**: https://app.spline.design - Network accessline 714
### Spline Editor - **Web App**: https://app.spline.design - Network accessline 715
- **Web App**: https://app.spline.design - Network accessline 715
- **Web App**: https://app.spline.design - Network accessline 718
### Learning Resources - **Tutorials**: https://spline.design/tutorials - Network accessline 718
### Learning Resources - **Tutorials**: https://spline.design/tutorials - Network accessline 719
- **Tutorials**: https://spline.design/tutorials - Network accessline 719
- **Tutorials**: https://spline.design/tutorials - Network accessline 721
- **Examples Gallery**: https://spline.design/community - Network accessline 721
- **Examples Gallery**: https://spline.design/community
plugins/bundles/authoring-motion/skills/spline-interactive/assets/README.md
- Network accessline 96
<div className="scene"> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 96
<div className="scene"> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 97
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" onLoad={onLoad} - Network accessline 97
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" onLoad={onLoad} - Network accessline 98
scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 98
scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 118
style={{ width: '100%', height: '600px' }} > <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 118
style={{ width: '100%', height: '600px' }} > <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 119
> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> </motion.div> - Network accessline 119
> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> </motion.div> - Network accessline 120
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 120
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 156
<div> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 156
<div> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 157
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" onLoad={onLoad} - Network accessline 157
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" onLoad={onLoad} - Network accessline 158
scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 158
scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 179
const scenes = { scene1: 'https://prod.spline.design/SCENE-1/scene.splinecode', - Network accessline 179
const scenes = { scene1: 'https://prod.spline.design/SCENE-1/scene.splinecode', - Network accessline 180
scene1: 'https://prod.spline.design/SCENE-1/scene.splinecode', - Network accessline 180
scene1: 'https://prod.spline.design/SCENE-1/scene.splinecode', - Network accessline 181
scene2: 'https://prod.spline.design/SCENE-2/scene.splinecode', - Network accessline 181
scene2: 'https://prod.spline.design/SCENE-2/scene.splinecode', - Network accessline 182
scene3: 'https://prod.spline.design/SCENE-3/scene.splinecode' - Network accessline 182
scene3: 'https://prod.spline.design/SCENE-3/scene.splinecode' - Network accessline 204
1. Open your scene in Spline editor (https://app.spline.design) - Network accessline 204
1. Open your scene in Spline editor (https://app.spline.design) - Network accessline 205
2. Click the "Export" button (top right) 3. Select "Code Export" → "React" 4. Copy the scene URL (format: `https://prod.spline.design/[ID]/scene.splinecode`) - Network accessline 205
2. Click the "Export" button (top right) 3. Select "Code Export" → "React" 4. Copy the scene URL (format: `https://prod.spline.design/[ID]/scene.splinecode`) - Network accessline 206
3. Select "Code Export" → "React" 4. Copy the scene URL (format: `https://prod.spline.design/[ID]/scene.splinecode`) 5. Replace `YOUR-SCENE-ID` in the templates with your actual scene URL - Network accessline 206
3. Select "Code Export" → "React" 4. Copy the scene URL (format: `https://prod.spline.design/[ID]/scene.splinecode`) 5. Replace `YOUR-SCENE-ID` in the templates with your actual scene URL - Network accessline 207
4. Copy the scene URL (format: `https://prod.spline.design/[ID]/scene.splinecode`) - Network accessline 207
4. Copy the scene URL (format: `https://prod.spline.design/[ID]/scene.splinecode`) - Network accessline 227
<div className="hero-scene"> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 227
<div className="hero-scene"> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 228
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 228
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 256
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 256
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 257
scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 257
scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 309
- [Spline Documentation](https://docs.spline.design) - Network accessline 309
- [Spline Documentation](https://docs.spline.design) - Network accessline 310
- [React Spline GitHub](https://github.com/splinetool/react-spline) - Network accessline 310
- [React Spline GitHub](https://github.com/splinetool/react-spline) - Network accessline 311
- [Spline Community](https://spline.community) - Network accessline 311
- [Spline Community](https://spline.community) - Network accessline 312
- [Spline Tutorials](https://spline.design/tutorials) - Network accessline 312
- [Spline Tutorials](https://spline.design/tutorials)
plugins/bundles/authoring-motion/skills/spline-interactive/references/api_reference.md
- Network accessline 28
- **Type**: `string` - **Description**: URL to the Spline scene file - **Example**: `"https://prod.spline.design/6Wq1Q7YGyM-iab9i/scene.splinecode"` - Network accessline 28
- **Type**: `string` - **Description**: URL to the Spline scene file - **Example**: `"https://prod.spline.design/6Wq1Q7YGyM-iab9i/scene.splinecode"` - Network accessline 30
- **Example**: `"https://prod.spline.design/6Wq1Q7YGyM-iab9i/scene.splinecode"` - Network accessline 30
- **Example**: `"https://prod.spline.design/6Wq1Q7YGyM-iab9i/scene.splinecode"` - Network accessline 362
<div> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 362
<div> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 363
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" onLoad={onLoad} - Network accessline 363
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" onLoad={onLoad} - Network accessline 364
scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 364
scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 389
return ( <div style={{ width: '100vw', height: '100vh' }}> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 389
return ( <div style={{ width: '100vw', height: '100vh' }}> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 390
<div style={{ width: '100vw', height: '100vh' }}> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> </div> - Network accessline 390
<div style={{ width: '100vw', height: '100vh' }}> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> </div> - Network accessline 391
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 391
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 405
return ( <Suspense fallback={<div>Loading 3D scene...</div>}> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 405
return ( <Suspense fallback={<div>Loading 3D scene...</div>}> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 406
<Suspense fallback={<div>Loading 3D scene...</div>}> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> </Suspense> - Network accessline 406
<Suspense fallback={<div>Loading 3D scene...</div>}> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> </Suspense> - Network accessline 407
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 407
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" />
plugins/bundles/authoring-motion/skills/spline-interactive/scripts/component_builder.py
plugins/bundles/authoring-motion/skills/spline-interactive/scripts/project_generator.py
- Executable scriptline 1
#!/usr/bin/env python3 - Executable scriptline 1
#!/usr/bin/env python3 - Network accessline 139
<main style={{ width: '100vw', height: '100vh' }}> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 139
<main style={{ width: '100vw', height: '100vh' }}> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 140
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" onLoad={onLoad} - Network accessline 140
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" onLoad={onLoad} - Network accessline 141
scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 141
scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 175
<div className="scene-container"> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 175
<div className="scene-container"> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 176
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" onLoad={onLoad} - Network accessline 176
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" onLoad={onLoad} - Network accessline 177
scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 177
scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 277
Visit http://localhost:3000 - Network accessline 277
Visit http://localhost:3000 - Network accessline 297
- [Spline Documentation](https://docs.spline.design) - Network accessline 297
- [Spline Documentation](https://docs.spline.design) - Network accessline 298
- [React Spline GitHub](https://github.com/splinetool/react-spline) - Network accessline 298
- [React Spline GitHub](https://github.com/splinetool/react-spline)
plugins/bundles/authoring-motion/skills/substance-3d-texturing/assets/README.md
- Network accessline 277
- **Substance Python API:** https://helpx.adobe.com/substance-3d-painter-python/api/ - Network accessline 277
- **Substance Python API:** https://helpx.adobe.com/substance-3d-painter-python/api/ - Network accessline 278
- **glTF 2.0 Spec:** https://registry.khronos.org/glTF/specs/2.0/glTF-2.0.html - Network accessline 278
- **glTF 2.0 Spec:** https://registry.khronos.org/glTF/specs/2.0/glTF-2.0.html - Network accessline 279
- **Three.js Materials:** https://threejs.org/docs/#api/en/materials/MeshStandardMaterial - Network accessline 279
- **Three.js Materials:** https://threejs.org/docs/#api/en/materials/MeshStandardMaterial - Network accessline 280
- **Babylon.js PBR:** https://doc.babylonjs.com/features/featuresDeepDive/materials/using/introToPBR - Network accessline 280
- **Babylon.js PBR:** https://doc.babylonjs.com/features/featuresDeepDive/materials/using/introToPBR
plugins/bundles/authoring-motion/skills/substance-3d-texturing/references/pbr_channel_guide.md
- Network accessline 641
- **PBR Guide:** https://academy.substance3d.com/courses/the-pbr-guide-part-1 - Network accessline 641
- **PBR Guide:** https://academy.substance3d.com/courses/the-pbr-guide-part-1 - Network accessline 642
- **Material Values:** https://docs.unrealengine.com/en-US/Resources/ContentExamples/MaterialProperties/ - Network accessline 642
- **Material Values:** https://docs.unrealengine.com/en-US/Resources/ContentExamples/MaterialProperties/
plugins/bundles/authoring-motion/skills/substance-3d-texturing/references/python_api_reference.md
- Network accessline 829
- **Official Python API Docs:** https://helpx.adobe.com/substance-3d-painter-python/api/ - Network accessline 829
- **Official Python API Docs:** https://helpx.adobe.com/substance-3d-painter-python/api/ - Network accessline 830
- **Substance 3D Community:** https://community.adobe.com/t5/substance-3d-painter/ct-p/ct-substance-3d-painter - Network accessline 830
- **Substance 3D Community:** https://community.adobe.com/t5/substance-3d-painter/ct-p/ct-substance-3d-painter
plugins/bundles/authoring-motion/skills/substance-3d-texturing/scripts/batch_export.py
plugins/bundles/authoring-motion/skills/substance-3d-texturing/scripts/generate_export_preset.py
plugins/bundles/authoring-motion/skills/substance-3d-texturing/scripts/web_optimizer.py
- Executable scriptline 1
#!/usr/bin/env python3 - Executable scriptline 1
#!/usr/bin/env python3 - Network accessline 145
print(" - ImageMagick: convert input.png -resize 1024x1024 output.png") print(" - pngquant: pngquant --quality 80-100 input.png") print(" - TinyPNG: https://tinypng.com/") - Network accessline 145
print(" - ImageMagick: convert input.png -resize 1024x1024 output.png") print(" - pngquant: pngquant --quality 80-100 input.png") print(" - TinyPNG: https://tinypng.com/") - Network accessline 146
print(" - pngquant: pngquant --quality 80-100 input.png") print(" - TinyPNG: https://tinypng.com/") return None - Network accessline 146
print(" - pngquant: pngquant --quality 80-100 input.png") print(" - TinyPNG: https://tinypng.com/") return None - Network accessline 147
print(" - TinyPNG: https://tinypng.com/") - Network accessline 147
print(" - TinyPNG: https://tinypng.com/") - Network accessline 274
print("4. Online tools:") print(" - TinyPNG: https://tinypng.com/") - Network accessline 274
print("4. Online tools:") print(" - TinyPNG: https://tinypng.com/") - Network accessline 275
print(" - TinyPNG: https://tinypng.com/") - Network accessline 275
print(" - TinyPNG: https://tinypng.com/") - Network accessline 276
print(" - Squoosh: https://squoosh.app/") - Network accessline 276
print(" - Squoosh: https://squoosh.app/")
plugins/bundles/core-3d-animation/.claude-plugin/plugin.json
- Network accessline 8
}, "license": "Apache-2.0", "homepage": "https://github.com/freshtechbro/claudedesignskills", - Network accessline 9
"license": "Apache-2.0", "homepage": "https://github.com/freshtechbro/claudedesignskills", "repository": "https://github.com/freshtechbro/claudedesignskills.git", - Network accessline 10
"homepage": "https://github.com/freshtechbro/claudedesignskills", - Network accessline 11
"repository": "https://github.com/freshtechbro/claudedesignskills.git",
plugins/bundles/core-3d-animation/skills/babylonjs-engine/SKILL.md
- Network accessline 384
const result = await BABYLON.SceneLoader.ImportMeshAsync( null, // all meshes 'https://assets.babylonjs.com/meshes/', - Network accessline 384
const result = await BABYLON.SceneLoader.ImportMeshAsync( null, // all meshes 'https://assets.babylonjs.com/meshes/', - Network accessline 385
null, // all meshes 'https://assets.babylonjs.com/meshes/', 'village.glb', - Network accessline 385
null, // all meshes 'https://assets.babylonjs.com/meshes/', 'village.glb', - Network accessline 386
'https://assets.babylonjs.com/meshes/', - Network accessline 386
'https://assets.babylonjs.com/meshes/', - Network accessline 607
const result = await BABYLON.SceneLoader.ImportMeshAsync( null, 'https://assets.babylonjs.com/meshes/', - Network accessline 607
const result = await BABYLON.SceneLoader.ImportMeshAsync( null, 'https://assets.babylonjs.com/meshes/', - Network accessline 608
null, 'https://assets.babylonjs.com/meshes/', 'village.glb', - Network accessline 608
null, 'https://assets.babylonjs.com/meshes/', 'village.glb', - Network accessline 609
'https://assets.babylonjs.com/meshes/', - Network accessline 609
'https://assets.babylonjs.com/meshes/', - Network accessline 1225
- [Official Documentation](https://doc.babylonjs.com/) - Network accessline 1225
- [Official Documentation](https://doc.babylonjs.com/) - Network accessline 1226
- [Playground](https://playground.babylonjs.com/) - Network accessline 1226
- [Playground](https://playground.babylonjs.com/) - Network accessline 1227
- [Forum](https://forum.babylonjs.com/) - Network accessline 1227
- [Forum](https://forum.babylonjs.com/) - Network accessline 1228
- [Examples](https://doc.babylonjs.com/examples/) - Network accessline 1228
- [Examples](https://doc.babylonjs.com/examples/) - Network accessline 1229
- [NPM Package](https://www.npmjs.com/package/@babylonjs/core) - Network accessline 1229
- [NPM Package](https://www.npmjs.com/package/@babylonjs/core)
plugins/bundles/core-3d-animation/skills/babylonjs-engine/assets/examples/README.md
- Network accessline 74
// Setup environment const envTexture = BABYLON.CubeTexture.CreateFromPrefilteredData( 'https://assets.babylonjs.com/environments/environmentSpecular.env', - Network accessline 74
// Setup environment const envTexture = BABYLON.CubeTexture.CreateFromPrefilteredData( 'https://assets.babylonjs.com/environments/environmentSpecular.env', - Network accessline 75
const envTexture = BABYLON.CubeTexture.CreateFromPrefilteredData( 'https://assets.babylonjs.com/environments/environmentSpecular.env', scene - Network accessline 75
const envTexture = BABYLON.CubeTexture.CreateFromPrefilteredData( 'https://assets.babylonjs.com/environments/environmentSpecular.env', scene - Network accessline 76
'https://assets.babylonjs.com/environments/environmentSpecular.env', - Network accessline 76
'https://assets.babylonjs.com/environments/environmentSpecular.env', - Network accessline 647
fire.particleTexture = new BABYLON.Texture( 'https://assets.babylonjs.com/textures/flare.png', - Network accessline 647
fire.particleTexture = new BABYLON.Texture( 'https://assets.babylonjs.com/textures/flare.png', - Network accessline 648
'https://assets.babylonjs.com/textures/flare.png', - Network accessline 648
'https://assets.babylonjs.com/textures/flare.png', - Network accessline 703
smoke.particleTexture = new BABYLON.Texture( 'https://assets.babylonjs.com/textures/cloud.png', - Network accessline 703
smoke.particleTexture = new BABYLON.Texture( 'https://assets.babylonjs.com/textures/cloud.png', - Network accessline 704
'https://assets.babylonjs.com/textures/cloud.png', - Network accessline 704
'https://assets.babylonjs.com/textures/cloud.png', - Network accessline 758
gpu.particleTexture = new BABYLON.Texture( 'https://assets.babylonjs.com/textures/flare.png', - Network accessline 758
gpu.particleTexture = new BABYLON.Texture( 'https://assets.babylonjs.com/textures/flare.png', - Network accessline 759
'https://assets.babylonjs.com/textures/flare.png', - Network accessline 759
'https://assets.babylonjs.com/textures/flare.png',
plugins/bundles/core-3d-animation/skills/babylonjs-engine/assets/starter_babylon/README.md
- Network accessline 34
Opens at `http://localhost:3000` - Network accessline 34
Opens at `http://localhost:3000` - Network accessline 130
const result = await SceneLoader.ImportMeshAsync( null, 'https://assets.babylonjs.com/meshes/', - Network accessline 130
const result = await SceneLoader.ImportMeshAsync( null, 'https://assets.babylonjs.com/meshes/', - Network accessline 131
null, 'https://assets.babylonjs.com/meshes/', 'village.glb', - Network accessline 131
null, 'https://assets.babylonjs.com/meshes/', 'village.glb', - Network accessline 132
'https://assets.babylonjs.com/meshes/', - Network accessline 132
'https://assets.babylonjs.com/meshes/', - Network accessline 274
- [Babylon.js Documentation](https://doc.babylonjs.com/) - Network accessline 274
- [Babylon.js Documentation](https://doc.babylonjs.com/) - Network accessline 275
- [Babylon.js Playground](https://playground.babylonjs.com/) - Network accessline 275
- [Babylon.js Playground](https://playground.babylonjs.com/) - Network accessline 276
- [Babylon.js Forum](https://forum.babylonjs.com/) - Network accessline 276
- [Babylon.js Forum](https://forum.babylonjs.com/) - Network accessline 277
- [Babylon.js Examples](https://doc.babylonjs.com/examples/) - Network accessline 277
- [Babylon.js Examples](https://doc.babylonjs.com/examples/)
plugins/bundles/core-3d-animation/skills/babylonjs-engine/assets/starter_babylon/package.json
plugins/bundles/core-3d-animation/skills/babylonjs-engine/assets/starter_babylon/src/main.js
plugins/bundles/core-3d-animation/skills/babylonjs-engine/assets/starter_babylon/vite.config.js
plugins/bundles/core-3d-animation/skills/babylonjs-engine/references/api_reference.md
plugins/bundles/core-3d-animation/skills/babylonjs-engine/scripts/mesh_builder.py
plugins/bundles/core-3d-animation/skills/babylonjs-engine/scripts/scene_generator.py
- Executable scriptline 1
#!/usr/bin/env python3 - Executable scriptline 1
#!/usr/bin/env python3 - Network accessline 302
const result = await SceneLoader.ImportMeshAsync( null, 'https://assets.babylonjs.com/meshes/', - Network accessline 302
const result = await SceneLoader.ImportMeshAsync( null, 'https://assets.babylonjs.com/meshes/', - Network accessline 303
null, 'https://assets.babylonjs.com/meshes/', 'village.glb', - Network accessline 303
null, 'https://assets.babylonjs.com/meshes/', 'village.glb', - Network accessline 304
'https://assets.babylonjs.com/meshes/', - Network accessline 304
'https://assets.babylonjs.com/meshes/', - Network accessline 340
// Create particle system const particleSystem = new ParticleSystem('particles', 2000, scene); particleSystem.particleTexture = new Texture('https://assets.babylonjs.com/textures/flare.png', scene); - Network accessline 340
// Create particle system const particleSystem = new ParticleSystem('particles', 2000, scene); particleSystem.particleTexture = new Texture('https://assets.babylonjs.com/textures/flare.png', scene); - Network accessline 342
particleSystem.particleTexture = new Texture('https://assets.babylonjs.com/textures/flare.png', scene); - Network accessline 342
particleSystem.particleTexture = new Texture('https://assets.babylonjs.com/textures/flare.png', scene);
plugins/bundles/core-3d-animation/skills/gsap-scrolltrigger/assets/easings/easing_visualizer.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>GSAP Easing Visualizer</title> <script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js"></script> - Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>GSAP Easing Visualizer</title> <script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js"></script> - Network accessline 6
<title>GSAP Easing Visualizer</title> <script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js"></script> <style> - Network accessline 6
<title>GSAP Easing Visualizer</title> <script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js"></script> <style> - Network accessline 7
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js"></script> - Network accessline 7
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js"></script>
plugins/bundles/core-3d-animation/skills/gsap-scrolltrigger/assets/examples/README.md
- Network accessline 166
python -m http.server 8000 # Navigate to http://localhost:8000/pin_animation.html - Network accessline 166
python -m http.server 8000 # Navigate to http://localhost:8000/pin_animation.html - Network accessline 167
# Navigate to http://localhost:8000/pin_animation.html - Network accessline 167
# Navigate to http://localhost:8000/pin_animation.html - Network accessline 234
- [ScrollTrigger Docs](https://gsap.com/docs/v3/Plugins/ScrollTrigger) - Network accessline 234
- [ScrollTrigger Docs](https://gsap.com/docs/v3/Plugins/ScrollTrigger) - Network accessline 235
- [GSAP Showcase](https://gsap.com/showcase/) - Network accessline 235
- [GSAP Showcase](https://gsap.com/showcase/) - Network accessline 236
- [CodePen Examples](https://codepen.io/GreenSock/pens/popular) - Network accessline 236
- [CodePen Examples](https://codepen.io/GreenSock/pens/popular) - Network accessline 237
- [GSAP Forums](https://gsap.com/community/) - Network accessline 237
- [GSAP Forums](https://gsap.com/community/) - Network accessline 435
- Try the [Easing Visualizer](../easings/easing_visualizer.html) - Browse [Common Patterns](../references/common_patterns.md) - Visit [GSAP Forums](https://gsap.com/community/) - Network accessline 435
- Try the [Easing Visualizer](../easings/easing_visualizer.html) - Browse [Common Patterns](../references/common_patterns.md) - Visit [GSAP Forums](https://gsap.com/community/) - Network accessline 437
- Visit [GSAP Forums](https://gsap.com/community/) - Network accessline 437
- Visit [GSAP Forums](https://gsap.com/community/)
plugins/bundles/core-3d-animation/skills/gsap-scrolltrigger/assets/starter_scroll/README.md
- Network accessline 47
Open `http://localhost:8000` in your browser. - Network accessline 47
Open `http://localhost:8000` in your browser. - Network accessline 376
- [GSAP Documentation](https://gsap.com/docs/) - Network accessline 376
- [GSAP Documentation](https://gsap.com/docs/) - Network accessline 377
- [ScrollTrigger Docs](https://gsap.com/docs/v3/Plugins/ScrollTrigger) - Network accessline 377
- [ScrollTrigger Docs](https://gsap.com/docs/v3/Plugins/ScrollTrigger) - Network accessline 378
- [Easing Visualizer](../easings/easing_visualizer.html) - Included in this package - [GSAP Forums](https://gsap.com/community/) - [CodePen GSAP Examples](https://codepen.io/GreenSock/pens/popular) - Network accessline 378
- [Easing Visualizer](../easings/easing_visualizer.html) - Included in this package - [GSAP Forums](https://gsap.com/community/) - [CodePen GSAP Examples](https://codepen.io/GreenSock/pens/popular) - Network accessline 379
- [GSAP Forums](https://gsap.com/community/) - Network accessline 379
- [GSAP Forums](https://gsap.com/community/) - Network accessline 380
- [CodePen GSAP Examples](https://codepen.io/GreenSock/pens/popular) - Network accessline 380
- [CodePen GSAP Examples](https://codepen.io/GreenSock/pens/popular) - Network accessline 444
GSAP is licensed under [GreenSock License](https://gsap.com/licensing/). Free for most projects, paid license required for commercial use. - Network accessline 444
GSAP is licensed under [GreenSock License](https://gsap.com/licensing/). Free for most projects, paid license required for commercial use. - Network accessline 450
Built with: - [GSAP](https://gsap.com) - Animation library - Network accessline 450
Built with: - [GSAP](https://gsap.com) - Animation library - Network accessline 451
- [GSAP](https://gsap.com) - Animation library - Network accessline 451
- [GSAP](https://gsap.com) - Animation library - Network accessline 452
- [ScrollTrigger](https://gsap.com/docs/v3/Plugins/ScrollTrigger) - Scroll-driven animations - Network accessline 452
- [ScrollTrigger](https://gsap.com/docs/v3/Plugins/ScrollTrigger) - Scroll-driven animations - Network accessline 453
- [ScrollToPlugin](https://gsap.com/docs/v3/Plugins/ScrollToPlugin) - Smooth scroll navigation - Network accessline 453
- [ScrollToPlugin](https://gsap.com/docs/v3/Plugins/ScrollToPlugin) - Smooth scroll navigation
plugins/bundles/core-3d-animation/skills/gsap-scrolltrigger/assets/starter_scroll/index.html
- Network accessline 248
<!-- GSAP Scripts --> <script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js"></script> - Network accessline 248
<!-- GSAP Scripts --> <script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js"></script> - Network accessline 249
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js"></script> - Network accessline 249
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js"></script> - Network accessline 250
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/ScrollTrigger.min.js"></script> - Network accessline 250
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/ScrollTrigger.min.js"></script> - Network accessline 251
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/ScrollToPlugin.min.js"></script> - Network accessline 251
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/ScrollToPlugin.min.js"></script>
plugins/bundles/core-3d-animation/skills/gsap-scrolltrigger/assets/starter_scroll/main.js
plugins/bundles/core-3d-animation/skills/gsap-scrolltrigger/assets/starter_scroll/style.css
- Network accessline 355
width: 100%; height: 150%; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="%23667eea" d="M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,122.7C672,117,768,139,864,14 - Network accessline 355
width: 100%; height: 150%; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="%23667eea" d="M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,122.7C672,117,768,139,864,14 - Network accessline 356
height: 150%; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="%23667eea" d="M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,122.7C672,117,768,139,864,149.3C960,160,105 - Network accessline 356
height: 150%; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="%23667eea" d="M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,122.7C672,117,768,139,864,149.3C960,160,105 - Network accessline 357
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="%23667eea" d="M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,122.7C672,117,768,139,864,149.3C960,160,1056,160,1152,138.7 - Network accessline 357
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="%23667eea" d="M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,122.7C672,117,768,139,864,149.3C960,160,1056,160,1152,138.7
plugins/bundles/core-3d-animation/skills/gsap-scrolltrigger/references/common_patterns.md
- Network accessline 1221
- [GSAP Documentation](https://gsap.com/docs/) - Network accessline 1221
- [GSAP Documentation](https://gsap.com/docs/) - Network accessline 1222
- [ScrollTrigger Demos](https://gsap.com/docs/v3/Plugins/ScrollTrigger) - Network accessline 1222
- [ScrollTrigger Demos](https://gsap.com/docs/v3/Plugins/ScrollTrigger) - Network accessline 1223
- [GSAP Showcase](https://gsap.com/showcase/) - Network accessline 1223
- [GSAP Showcase](https://gsap.com/showcase/) - Network accessline 1224
- [Codepen GSAP Examples](https://codepen.io/GreenSock/pens/popular) - Network accessline 1224
- [Codepen GSAP Examples](https://codepen.io/GreenSock/pens/popular)
plugins/bundles/core-3d-animation/skills/gsap-scrolltrigger/references/easing_guide.md
- Network accessline 568
<html> <head> <script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js"></script> - Network accessline 568
<html> <head> <script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js"></script> - Network accessline 569
<head> <script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js"></script> <style> - Network accessline 569
<head> <script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js"></script> <style> - Network accessline 570
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js"></script> - Network accessline 570
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js"></script> - Network accessline 616
**Online Tools**: - [GreenSock Ease Visualizer](https://gsap.com/docs/v3/Eases) - Network accessline 616
**Online Tools**: - [GreenSock Ease Visualizer](https://gsap.com/docs/v3/Eases) - Network accessline 617
- [GreenSock Ease Visualizer](https://gsap.com/docs/v3/Eases) - Network accessline 617
- [GreenSock Ease Visualizer](https://gsap.com/docs/v3/Eases) - Network accessline 618
- [Cubic Bezier Generator](https://cubic-bezier.com) - Network accessline 618
- [Cubic Bezier Generator](https://cubic-bezier.com)
plugins/bundles/core-3d-animation/skills/gsap-scrolltrigger/scripts/generate_animation.py
plugins/bundles/core-3d-animation/skills/gsap-scrolltrigger/scripts/timeline_builder.py
plugins/bundles/core-3d-animation/skills/motion-framer/SKILL.md
- Network accessline 906
### Official Documentation - [Motion Docs](https://motion.dev/) - Official Motion documentation - Network accessline 906
### Official Documentation - [Motion Docs](https://motion.dev/) - Official Motion documentation - Network accessline 907
- [Motion Docs](https://motion.dev/) - Official Motion documentation - Network accessline 907
- [Motion Docs](https://motion.dev/) - Official Motion documentation - Network accessline 908
- [Framer Motion Docs](https://www.framer.com/motion/) - Framer Motion (legacy) - Network accessline 908
- [Framer Motion Docs](https://www.framer.com/motion/) - Framer Motion (legacy) - Network accessline 909
- [Motion GitHub](https://github.com/framer/motion) - Source code & examples - Network accessline 909
- [Motion GitHub](https://github.com/framer/motion) - Source code & examples - Network accessline 928
### Community Resources - [Motion Dev Discord](https://discord.gg/motion) - Official community - Network accessline 928
### Community Resources - [Motion Dev Discord](https://discord.gg/motion) - Official community - Network accessline 929
- [Motion Dev Discord](https://discord.gg/motion) - Official community - Network accessline 929
- [Motion Dev Discord](https://discord.gg/motion) - Official community - Network accessline 930
- [Framer Motion Examples](https://www.framer.com/motion/examples/) - Interactive examples - Network accessline 930
- [Framer Motion Examples](https://www.framer.com/motion/examples/) - Interactive examples - Network accessline 931
- [Motion Recipes](https://motion.dev/docs/recipes) - Common patterns - Network accessline 931
- [Motion Recipes](https://motion.dev/docs/recipes) - Common patterns - Network accessline 932
- [CodeSandbox Templates](https://codesandbox.io/s/framer-motion-examples) - Live demos - Network accessline 932
- [CodeSandbox Templates](https://codesandbox.io/s/framer-motion-examples) - Live demos
plugins/bundles/core-3d-animation/skills/motion-framer/assets/examples/README.md
- Network accessline 2920
- [Framer Motion Official Docs](https://www.framer.com/motion/) - Network accessline 2920
- [Framer Motion Official Docs](https://www.framer.com/motion/) - Network accessline 2921
- [Motion Dev](https://motion.dev/) - New Motion library - Network accessline 2921
- [Motion Dev](https://motion.dev/) - New Motion library - Network accessline 2922
- [Motion Examples](https://www.framer.com/motion/examples/) - Network accessline 2922
- [Motion Examples](https://www.framer.com/motion/examples/) - Network accessline 2923
- [Motion API Reference](https://www.framer.com/motion/component/) - Network accessline 2923
- [Motion API Reference](https://www.framer.com/motion/component/) - Network accessline 2924
- [Animation Best Practices](https://web.dev/animations/) - Network accessline 2924
- [Animation Best Practices](https://web.dev/animations/)
plugins/bundles/core-3d-animation/skills/motion-framer/assets/starter_motion/README.md
- Network accessline 33
Opens at `http://localhost:3000` - Network accessline 33
Opens at `http://localhost:3000` - Network accessline 300
- [Framer Motion Docs](https://www.framer.com/motion/) - Official documentation - Network accessline 300
- [Framer Motion Docs](https://www.framer.com/motion/) - Official documentation - Network accessline 301
- [Motion Dev](https://motion.dev/) - New Motion library docs - Network accessline 301
- [Motion Dev](https://motion.dev/) - New Motion library docs - Network accessline 302
- [Examples](https://www.framer.com/motion/examples/) - Interactive examples - Network accessline 302
- [Examples](https://www.framer.com/motion/examples/) - Interactive examples - Network accessline 303
- [API Reference](https://www.framer.com/motion/component/) - Complete API - Network accessline 303
- [API Reference](https://www.framer.com/motion/component/) - Complete API
plugins/bundles/core-3d-animation/skills/motion-framer/assets/starter_motion/package.json
plugins/bundles/core-3d-animation/skills/motion-framer/assets/starter_motion/src/App.jsx
plugins/bundles/core-3d-animation/skills/motion-framer/assets/starter_motion/src/components/DraggableBox.jsx
plugins/bundles/core-3d-animation/skills/motion-framer/assets/starter_motion/src/components/HoverCard.jsx
plugins/bundles/core-3d-animation/skills/motion-framer/assets/starter_motion/src/components/StaggerList.jsx
plugins/bundles/core-3d-animation/skills/motion-framer/assets/starter_motion/src/main.jsx
plugins/bundles/core-3d-animation/skills/motion-framer/assets/starter_motion/vite.config.js
plugins/bundles/core-3d-animation/skills/motion-framer/scripts/animation_generator.py
plugins/bundles/core-3d-animation/skills/motion-framer/scripts/variant_builder.py
plugins/bundles/core-3d-animation/skills/react-three-fiber/SKILL.md
- Network accessline 475
[Drei](https://github.com/pmndrs/drei) is the essential helper library for R3F, providing ready-to-use components: - Network accessline 475
[Drei](https://github.com/pmndrs/drei) is the essential helper library for R3F, providing ready-to-use components: - Network accessline 1074
### External Resources - [Official Docs](https://docs.pmnd.rs/react-three-fiber) - Network accessline 1074
### External Resources - [Official Docs](https://docs.pmnd.rs/react-three-fiber) - Network accessline 1075
- [Official Docs](https://docs.pmnd.rs/react-three-fiber) - Network accessline 1075
- [Official Docs](https://docs.pmnd.rs/react-three-fiber) - Network accessline 1076
- [Drei Docs](https://github.com/pmndrs/drei) - Network accessline 1076
- [Drei Docs](https://github.com/pmndrs/drei) - Network accessline 1077
- [Three.js Docs](https://threejs.org/docs/) - Network accessline 1077
- [Three.js Docs](https://threejs.org/docs/) - Network accessline 1078
- [R3F Discord](https://discord.gg/ZZjjNvJ) - Network accessline 1078
- [R3F Discord](https://discord.gg/ZZjjNvJ) - Network accessline 1079
- [Poimandres (pmnd.rs)](https://pmnd.rs/) - Ecosystem overview - Network accessline 1079
- [Poimandres (pmnd.rs)](https://pmnd.rs/) - Ecosystem overview
plugins/bundles/core-3d-animation/skills/react-three-fiber/assets/examples/README.md
- Network accessline 687
- [Poimandres Market](https://market.pmnd.rs/) - Ready-to-use R3F components - Network accessline 687
- [Poimandres Market](https://market.pmnd.rs/) - Ready-to-use R3F components - Network accessline 688
- [Three.js Journey](https://threejs-journey.com/) - Comprehensive Three.js course - Network accessline 688
- [Three.js Journey](https://threejs-journey.com/) - Comprehensive Three.js course - Network accessline 689
- [R3F Examples](https://docs.pmnd.rs/react-three-fiber/getting-started/examples) - Official examples - Network accessline 689
- [R3F Examples](https://docs.pmnd.rs/react-three-fiber/getting-started/examples) - Official examples - Network accessline 690
- [Codesandbox Collection](https://codesandbox.io/examples/package/@react-three/fiber) - Live examples - Network accessline 690
- [Codesandbox Collection](https://codesandbox.io/examples/package/@react-three/fiber) - Live examples
plugins/bundles/core-3d-animation/skills/react-three-fiber/assets/starter_r3f/README.md
- Network accessline 35
Opens at `http://localhost:3000` - Network accessline 35
Opens at `http://localhost:3000` - Network accessline 211
- [React Three Fiber Docs](https://docs.pmnd.rs/react-three-fiber) - Network accessline 211
- [React Three Fiber Docs](https://docs.pmnd.rs/react-three-fiber) - Network accessline 212
- [Drei Helpers](https://github.com/pmndrs/drei) - Network accessline 212
- [Drei Helpers](https://github.com/pmndrs/drei) - Network accessline 213
- [Three.js Docs](https://threejs.org/docs/) - Network accessline 213
- [Three.js Docs](https://threejs.org/docs/) - Network accessline 214
- [Vite Docs](https://vitejs.dev/) - Network accessline 214
- [Vite Docs](https://vitejs.dev/) - Network accessline 215
- [React Docs](https://react.dev/) - Network accessline 215
- [React Docs](https://react.dev/)
plugins/bundles/core-3d-animation/skills/react-three-fiber/assets/starter_r3f/package.json
plugins/bundles/core-3d-animation/skills/react-three-fiber/assets/starter_r3f/src/App.jsx
plugins/bundles/core-3d-animation/skills/react-three-fiber/assets/starter_r3f/src/Experience.jsx
plugins/bundles/core-3d-animation/skills/react-three-fiber/assets/starter_r3f/src/components/Box.jsx
plugins/bundles/core-3d-animation/skills/react-three-fiber/assets/starter_r3f/src/components/Sphere.jsx
plugins/bundles/core-3d-animation/skills/react-three-fiber/assets/starter_r3f/src/main.jsx
plugins/bundles/core-3d-animation/skills/react-three-fiber/assets/starter_r3f/vite.config.js
plugins/bundles/core-3d-animation/skills/react-three-fiber/references/api_reference.md
- Network accessline 925
- [Official R3F Docs](https://docs.pmnd.rs/react-three-fiber) - Network accessline 925
- [Official R3F Docs](https://docs.pmnd.rs/react-three-fiber) - Network accessline 926
- [Drei Documentation](https://github.com/pmndrs/drei) - Network accessline 926
- [Drei Documentation](https://github.com/pmndrs/drei) - Network accessline 927
- [Three.js Documentation](https://threejs.org/docs/) - Network accessline 927
- [Three.js Documentation](https://threejs.org/docs/) - Network accessline 928
- [R3F Examples](https://docs.pmnd.rs/react-three-fiber/examples) - Network accessline 928
- [R3F Examples](https://docs.pmnd.rs/react-three-fiber/examples)
plugins/bundles/core-3d-animation/skills/react-three-fiber/scripts/component_generator.py
plugins/bundles/core-3d-animation/skills/react-three-fiber/scripts/scene_setup.py
plugins/bundles/core-3d-animation/skills/threejs-webgl/assets/starter_scene/README.md
- Network accessline 28
Open `http://localhost:8000` in your browser. - Network accessline 28
Open `http://localhost:8000` in your browser. - Network accessline 127
- [Three.js Documentation](https://threejs.org/docs/) - Network accessline 127
- [Three.js Documentation](https://threejs.org/docs/) - Network accessline 128
- [Three.js Examples](https://threejs.org/examples/) - Network accessline 128
- [Three.js Examples](https://threejs.org/examples/) - Network accessline 129
- [Three.js Fundamentals](https://threejsfundamentals.org/) - Network accessline 129
- [Three.js Fundamentals](https://threejsfundamentals.org/)
plugins/bundles/core-3d-animation/skills/threejs-webgl/assets/starter_scene/index.html
- Network accessline 75
{ "imports": { "three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", - Network accessline 75
{ "imports": { "three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", - Network accessline 76
"imports": { "three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", "three/addons/": "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/" - Network accessline 76
"imports": { "three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", "three/addons/": "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/" - Network accessline 77
"three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", - Network accessline 77
"three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", - Network accessline 78
"three/addons/": "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/" - Network accessline 78
"three/addons/": "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/"
plugins/bundles/core-3d-animation/skills/threejs-webgl/assets/starter_scene/main.js
plugins/bundles/core-3d-animation/skills/threejs-webgl/scripts/setup_scene.py
plugins/bundles/extended-3d-scroll/.claude-plugin/plugin.json
- Network accessline 8
}, "license": "Apache-2.0", "homepage": "https://github.com/freshtechbro/claudedesignskills", - Network accessline 9
"license": "Apache-2.0", "homepage": "https://github.com/freshtechbro/claudedesignskills", "repository": "https://github.com/freshtechbro/claudedesignskills.git", - Network accessline 10
"homepage": "https://github.com/freshtechbro/claudedesignskills", - Network accessline 11
"repository": "https://github.com/freshtechbro/claudedesignskills.git",
plugins/bundles/extended-3d-scroll/skills/aframe-webxr/SKILL.md
- Network accessline 57
<html> <head> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 57
<html> <head> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 58
<head> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> </head> - Network accessline 58
<head> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> </head> - Network accessline 59
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 59
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 583
<html> <head> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 583
<html> <head> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 584
<head> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/@fern-solutions/aframe-sky-background/dist/sky-background.umd.min.js"></script> - Network accessline 584
<head> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/@fern-solutions/aframe-sky-background/dist/sky-background.umd.min.js"></script> - Network accessline 585
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 585
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 586
<script src="https://cdn.jsdelivr.net/npm/@fern-solutions/aframe-sky-background/dist/sky-background.umd.min.js"></script> - Network accessline 586
<script src="https://cdn.jsdelivr.net/npm/@fern-solutions/aframe-sky-background/dist/sky-background.umd.min.js"></script> - Network accessline 587
<script src="https://cdn.jsdelivr.net/gh/c-frame/aframe-extras@7.5.0/dist/aframe-extras.min.js"></script> - Network accessline 587
<script src="https://cdn.jsdelivr.net/gh/c-frame/aframe-extras@7.5.0/dist/aframe-extras.min.js"></script> - Network accessline 702
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script> - Network accessline 702
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script> - Network accessline 1033
<!-- Use crossorigin attribute --> <a-assets> <img id="texture" src="https://example.com/texture.jpg" crossorigin="anonymous"> - Network accessline 1033
<!-- Use crossorigin attribute --> <a-assets> <img id="texture" src="https://example.com/texture.jpg" crossorigin="anonymous"> - Network accessline 1034
<a-assets> <img id="texture" src="https://example.com/texture.jpg" crossorigin="anonymous"> </a-assets> - Network accessline 1034
<a-assets> <img id="texture" src="https://example.com/texture.jpg" crossorigin="anonymous"> </a-assets> - Network accessline 1035
<img id="texture" src="https://example.com/texture.jpg" crossorigin="anonymous"> - Network accessline 1035
<img id="texture" src="https://example.com/texture.jpg" crossorigin="anonymous"> - Network accessline 1064
- [A-Frame Documentation](https://aframe.io/docs/) - Network accessline 1064
- [A-Frame Documentation](https://aframe.io/docs/) - Network accessline 1065
- [A-Frame GitHub](https://github.com/aframevr/aframe) - Network accessline 1065
- [A-Frame GitHub](https://github.com/aframevr/aframe) - Network accessline 1066
- [A-Frame School](https://aframe.io/school/) - Network accessline 1066
- [A-Frame School](https://aframe.io/school/) - Network accessline 1067
- [A-Frame Community Components](https://github.com/c-frame) - Network accessline 1067
- [A-Frame Community Components](https://github.com/c-frame) - Network accessline 1068
- [WebXR Device API](https://www.w3.org/TR/webxr/) - Network accessline 1068
- [WebXR Device API](https://www.w3.org/TR/webxr/) - Network accessline 1069
- [Three.js Documentation](https://threejs.org/docs/) (A-Frame built on Three.js) - Network accessline 1069
- [Three.js Documentation](https://threejs.org/docs/) (A-Frame built on Three.js)
plugins/bundles/extended-3d-scroll/skills/aframe-webxr/assets/examples/README.md
- Network accessline 566
<script src="https://cdn.jsdelivr.net/npm/networked-aframe@^0.11.0/dist/networked-aframe.min.js"></script> - Network accessline 566
<script src="https://cdn.jsdelivr.net/npm/networked-aframe@^0.11.0/dist/networked-aframe.min.js"></script> - Network accessline 671
<script src="https://cdn.jsdelivr.net/npm/aframe-physics-system@4.2.2/dist/aframe-physics-system.min.js"></script> - Network accessline 671
<script src="https://cdn.jsdelivr.net/npm/aframe-physics-system@4.2.2/dist/aframe-physics-system.min.js"></script>
plugins/bundles/extended-3d-scroll/skills/aframe-webxr/assets/starter_aframe/README.md
- Network accessline 33
Then visit `http://localhost:8000` - Network accessline 33
Then visit `http://localhost:8000` - Network accessline 232
<script src="https://cdn.jsdelivr.net/npm/aframe-physics-system@4.2.2/dist/aframe-physics-system.min.js"></script> - Network accessline 232
<script src="https://cdn.jsdelivr.net/npm/aframe-physics-system@4.2.2/dist/aframe-physics-system.min.js"></script> - Network accessline 243
<script src="https://cdn.jsdelivr.net/npm/aframe-environment-component@1.3.3/dist/aframe-environment-component.min.js"></script> - Network accessline 243
<script src="https://cdn.jsdelivr.net/npm/aframe-environment-component@1.3.3/dist/aframe-environment-component.min.js"></script> - Network accessline 251
<script src="https://cdn.jsdelivr.net/gh/c-frame/aframe-particle-system-component@1.2.x/dist/aframe-particle-system-component.min.js"></script> - Network accessline 251
<script src="https://cdn.jsdelivr.net/gh/c-frame/aframe-particle-system-component@1.2.x/dist/aframe-particle-system-component.min.js"></script> - Network accessline 258
- [A-Frame Documentation](https://aframe.io/docs/) - Network accessline 258
- [A-Frame Documentation](https://aframe.io/docs/) - Network accessline 259
- [A-Frame School](https://aframe.io/school/) - Network accessline 259
- [A-Frame School](https://aframe.io/school/) - Network accessline 260
- [A-Frame Examples](https://aframe.io/examples/) - Network accessline 260
- [A-Frame Examples](https://aframe.io/examples/) - Network accessline 261
- [A-Frame Community Components](https://github.com/c-frame) - Network accessline 261
- [A-Frame Community Components](https://github.com/c-frame) - Network accessline 262
- [WebXR Guide](https://immersiveweb.dev/) - Network accessline 262
- [WebXR Guide](https://immersiveweb.dev/)
plugins/bundles/extended-3d-scroll/skills/aframe-webxr/assets/starter_aframe/index.html
- Network accessline 6
<meta name="description" content="A-Frame VR/AR Starter Template"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 6
<meta name="description" content="A-Frame VR/AR Starter Template"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 7
<meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> <link rel="stylesheet" href="style.css"> - Network accessline 7
<meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> <link rel="stylesheet" href="style.css"> - Network accessline 8
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 8
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 13
<!-- Assets --> <a-assets> <audio id="click-sound" src="https://cdn.aframe.io/360-image-gallery-boilerplate/audio/click.ogg"></audio> - Network accessline 13
<!-- Assets --> <a-assets> <audio id="click-sound" src="https://cdn.aframe.io/360-image-gallery-boilerplate/audio/click.ogg"></audio> - Network accessline 14
<a-assets> <audio id="click-sound" src="https://cdn.aframe.io/360-image-gallery-boilerplate/audio/click.ogg"></audio> </a-assets> - Network accessline 14
<a-assets> <audio id="click-sound" src="https://cdn.aframe.io/360-image-gallery-boilerplate/audio/click.ogg"></audio> </a-assets> - Network accessline 15
<audio id="click-sound" src="https://cdn.aframe.io/360-image-gallery-boilerplate/audio/click.ogg"></audio> - Network accessline 15
<audio id="click-sound" src="https://cdn.aframe.io/360-image-gallery-boilerplate/audio/click.ogg"></audio>
plugins/bundles/extended-3d-scroll/skills/aframe-webxr/assets/starter_aframe/main.js
plugins/bundles/extended-3d-scroll/skills/aframe-webxr/references/api_reference.md
- Network accessline 1207
<html> <head> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 1207
<html> <head> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 1208
<head> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> </head> - Network accessline 1208
<head> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> </head> - Network accessline 1209
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 1209
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script>
plugins/bundles/extended-3d-scroll/skills/aframe-webxr/references/components_library.md
- Network accessline 26
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 26
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 27
<script src="https://cdn.jsdelivr.net/gh/c-frame/aframe-extras@7.5.0/dist/aframe-extras.min.js"></script> - Network accessline 27
<script src="https://cdn.jsdelivr.net/gh/c-frame/aframe-extras@7.5.0/dist/aframe-extras.min.js"></script> - Network accessline 56
**GitHub**: https://github.com/supermedium/aframe-environment-component - Network accessline 56
**GitHub**: https://github.com/supermedium/aframe-environment-component - Network accessline 60
<script src="https://cdn.jsdelivr.net/npm/aframe-environment-component@1.3.3/dist/aframe-environment-component.min.js"></script> - Network accessline 60
<script src="https://cdn.jsdelivr.net/npm/aframe-environment-component@1.3.3/dist/aframe-environment-component.min.js"></script> - Network accessline 107
**GitHub**: https://github.com/IdeaSpaceVR/aframe-particle-system-component - Network accessline 107
**GitHub**: https://github.com/IdeaSpaceVR/aframe-particle-system-component - Network accessline 111
<script src="https://cdn.jsdelivr.net/gh/IdeaSpaceVR/aframe-particle-system-component@1.2.x/dist/aframe-particle-system-component.min.js"></script> - Network accessline 111
<script src="https://cdn.jsdelivr.net/gh/IdeaSpaceVR/aframe-particle-system-component@1.2.x/dist/aframe-particle-system-component.min.js"></script> - Network accessline 131
maxAge: 2; blending: additive; texture: https://cdn.aframe.io/examples/particle/images/star.png - Network accessline 131
maxAge: 2; blending: additive; texture: https://cdn.aframe.io/examples/particle/images/star.png - Network accessline 132
blending: additive; texture: https://cdn.aframe.io/examples/particle/images/star.png "></a-entity> - Network accessline 132
blending: additive; texture: https://cdn.aframe.io/examples/particle/images/star.png "></a-entity> - Network accessline 133
texture: https://cdn.aframe.io/examples/particle/images/star.png - Network accessline 133
texture: https://cdn.aframe.io/examples/particle/images/star.png - Network accessline 143
**GitHub**: https://github.com/wizgrav/aframe-effects - Network accessline 143
**GitHub**: https://github.com/wizgrav/aframe-effects - Network accessline 147
<script src="https://cdn.jsdelivr.net/npm/aframe-effects@2.0.3/dist/aframe-effects.min.js"></script> - Network accessline 147
<script src="https://cdn.jsdelivr.net/npm/aframe-effects@2.0.3/dist/aframe-effects.min.js"></script> - Network accessline 175
**GitHub**: https://github.com/c-frame/aframe-physics-system - Network accessline 175
**GitHub**: https://github.com/c-frame/aframe-physics-system - Network accessline 179
<script src="https://cdn.jsdelivr.net/npm/aframe-physics-system@4.2.2/dist/aframe-physics-system.min.js"></script> - Network accessline 179
<script src="https://cdn.jsdelivr.net/npm/aframe-physics-system@4.2.2/dist/aframe-physics-system.min.js"></script> - Network accessline 232
**GitHub**: https://github.com/c-frame/aframe-physics-system - Network accessline 232
**GitHub**: https://github.com/c-frame/aframe-physics-system - Network accessline 264
**GitHub**: https://github.com/c-frame/aframe-extras - Network accessline 264
**GitHub**: https://github.com/c-frame/aframe-extras - Network accessline 268
<script src="https://cdn.jsdelivr.net/gh/c-frame/aframe-extras@7.5.0/dist/aframe-extras.min.js"></script> - Network accessline 268
<script src="https://cdn.jsdelivr.net/gh/c-frame/aframe-extras@7.5.0/dist/aframe-extras.min.js"></script> - Network accessline 307
**GitHub**: https://github.com/jure/aframe-blink-controls - Network accessline 307
**GitHub**: https://github.com/jure/aframe-blink-controls - Network accessline 311
<script src="https://cdn.jsdelivr.net/npm/aframe-blink-controls/dist/aframe-blink-controls.min.js"></script> - Network accessline 311
<script src="https://cdn.jsdelivr.net/npm/aframe-blink-controls/dist/aframe-blink-controls.min.js"></script> - Network accessline 377
**GitHub**: https://github.com/c-frame/aframe-simple-sun-sky - Network accessline 377
**GitHub**: https://github.com/c-frame/aframe-simple-sun-sky - Network accessline 381
<script src="https://cdn.jsdelivr.net/npm/aframe-simple-sun-sky@^1.2.2/simple-sun-sky.js"></script> - Network accessline 381
<script src="https://cdn.jsdelivr.net/npm/aframe-simple-sun-sky@^1.2.2/simple-sun-sky.js"></script> - Network accessline 407
**GitHub**: https://github.com/mayognaise/aframe-html-shader - Network accessline 407
**GitHub**: https://github.com/mayognaise/aframe-html-shader - Network accessline 411
<script src="https://cdn.jsdelivr.net/npm/aframe-html-shader@0.2.0/dist/aframe-html-shader.min.js"></script> - Network accessline 411
<script src="https://cdn.jsdelivr.net/npm/aframe-html-shader@0.2.0/dist/aframe-html-shader.min.js"></script> - Network accessline 431
**GitHub**: https://github.com/rdub80/aframe-gui - Network accessline 431
**GitHub**: https://github.com/rdub80/aframe-gui - Network accessline 435
<script src="https://cdn.jsdelivr.net/npm/aframe-gui/dist/aframe-gui.min.js"></script> - Network accessline 435
<script src="https://cdn.jsdelivr.net/npm/aframe-gui/dist/aframe-gui.min.js"></script> - Network accessline 470
**GitHub**: https://github.com/lojjic/aframe-troika-text - Network accessline 470
**GitHub**: https://github.com/lojjic/aframe-troika-text - Network accessline 474
<script src="https://cdn.jsdelivr.net/npm/troika-three-text@0.46.4/dist/troika-three-text.min.js"></script> - Network accessline 474
<script src="https://cdn.jsdelivr.net/npm/troika-three-text@0.46.4/dist/troika-three-text.min.js"></script> - Network accessline 475
<script src="https://cdn.jsdelivr.net/npm/aframe-troika-text@1.0.0/dist/aframe-troika-text.min.js"></script> - Network accessline 475
<script src="https://cdn.jsdelivr.net/npm/aframe-troika-text@1.0.0/dist/aframe-troika-text.min.js"></script> - Network accessline 502
**GitHub**: https://github.com/harlyq/aframe-spe-particles-component - Network accessline 502
**GitHub**: https://github.com/harlyq/aframe-spe-particles-component - Network accessline 506
<script src="https://cdn.jsdelivr.net/npm/aframe-spe-particles-component/dist/aframe-spe-particles-component.min.js"></script> - Network accessline 506
<script src="https://cdn.jsdelivr.net/npm/aframe-spe-particles-component/dist/aframe-spe-particles-component.min.js"></script> - Network accessline 511
<!-- Fire effect --> <a-entity spe-particles=" texture: https://cdn.rawgit.com/IdeaSpaceVR/aframe-particle-system-component/master/dist/images/star.png; - Network accessline 511
<!-- Fire effect --> <a-entity spe-particles=" texture: https://cdn.rawgit.com/IdeaSpaceVR/aframe-particle-system-component/master/dist/images/star.png; - Network accessline 512
<a-entity spe-particles=" texture: https://cdn.rawgit.com/IdeaSpaceVR/aframe-particle-system-component/master/dist/images/star.png; color: #ff0000, #ffff00; - Network accessline 512
<a-entity spe-particles=" texture: https://cdn.rawgit.com/IdeaSpaceVR/aframe-particle-system-component/master/dist/images/star.png; color: #ff0000, #ffff00; - Network accessline 513
texture: https://cdn.rawgit.com/IdeaSpaceVR/aframe-particle-system-component/master/dist/images/star.png; - Network accessline 513
texture: https://cdn.rawgit.com/IdeaSpaceVR/aframe-particle-system-component/master/dist/images/star.png; - Network accessline 535
**GitHub**: https://github.com/oscarmarinmiro/aframe-stereo-component - Network accessline 535
**GitHub**: https://github.com/oscarmarinmiro/aframe-stereo-component - Network accessline 539
<script src="https://cdn.jsdelivr.net/npm/aframe-stereo-component/dist/aframe-stereo-component.min.js"></script> - Network accessline 539
<script src="https://cdn.jsdelivr.net/npm/aframe-stereo-component/dist/aframe-stereo-component.min.js"></script> - Network accessline 588
**GitHub**: https://github.com/c-frame/aframe-super-hands-component - Network accessline 588
**GitHub**: https://github.com/c-frame/aframe-super-hands-component - Network accessline 592
<script src="https://cdn.jsdelivr.net/npm/super-hands/dist/super-hands.min.js"></script> - Network accessline 592
<script src="https://cdn.jsdelivr.net/npm/super-hands/dist/super-hands.min.js"></script> - Network accessline 617
**GitHub**: https://github.com/c-frame/aframe-input-mapping-component - Network accessline 617
**GitHub**: https://github.com/c-frame/aframe-input-mapping-component - Network accessline 621
<script src="https://cdn.jsdelivr.net/npm/aframe-input-mapping-component/dist/aframe-input-mapping-component.min.js"></script> - Network accessline 621
<script src="https://cdn.jsdelivr.net/npm/aframe-input-mapping-component/dist/aframe-input-mapping-component.min.js"></script> - Network accessline 648
**GitHub**: https://github.com/networked-aframe/networked-aframe - Network accessline 648
**GitHub**: https://github.com/networked-aframe/networked-aframe - Network accessline 652
<script src="https://cdn.jsdelivr.net/npm/networked-aframe@^0.11.0/dist/networked-aframe.min.js"></script> - Network accessline 652
<script src="https://cdn.jsdelivr.net/npm/networked-aframe@^0.11.0/dist/networked-aframe.min.js"></script> - Network accessline 705
**GitHub**: https://github.com/tizzle/aframe-orbit-controls-component - Network accessline 705
**GitHub**: https://github.com/tizzle/aframe-orbit-controls-component - Network accessline 709
<script src="https://cdn.jsdelivr.net/npm/aframe-orbit-controls@1.3.2/dist/aframe-orbit-controls.min.js"></script> - Network accessline 709
<script src="https://cdn.jsdelivr.net/npm/aframe-orbit-controls@1.3.2/dist/aframe-orbit-controls.min.js"></script> - Network accessline 727
**GitHub**: https://github.com/protyze/aframe-alongpath-component - Network accessline 727
**GitHub**: https://github.com/protyze/aframe-alongpath-component - Network accessline 731
<script src="https://cdn.jsdelivr.net/npm/aframe-alongpath-component/dist/aframe-alongpath-component.min.js"></script> - Network accessline 731
<script src="https://cdn.jsdelivr.net/npm/aframe-alongpath-component/dist/aframe-alongpath-component.min.js"></script> - Network accessline 755
**GitHub**: https://github.com/jesstelford/aframe-click-drag-component - Network accessline 755
**GitHub**: https://github.com/jesstelford/aframe-click-drag-component - Network accessline 759
<script src="https://cdn.jsdelivr.net/npm/aframe-click-drag-component/dist/aframe-click-drag-component.min.js"></script> - Network accessline 759
<script src="https://cdn.jsdelivr.net/npm/aframe-click-drag-component/dist/aframe-click-drag-component.min.js"></script> - Network accessline 794
**A-Frame Registry**: https://aframe.io/registry/ - Network accessline 794
**A-Frame Registry**: https://aframe.io/registry/
plugins/bundles/extended-3d-scroll/skills/aframe-webxr/references/webxr_guide.md
- Network accessline 27
<html> <head> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 27
<html> <head> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 28
<head> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> </head> - Network accessline 28
<head> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> </head> - Network accessline 29
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 29
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 189
<html> <head> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 189
<html> <head> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 190
<head> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> </head> - Network accessline 190
<head> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> </head> - Network accessline 191
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 191
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 964
- [WebXR Device API Specification](https://www.w3.org/TR/webxr/) - Network accessline 964
- [WebXR Device API Specification](https://www.w3.org/TR/webxr/) - Network accessline 965
- [A-Frame WebXR Documentation](https://aframe.io/docs/1.7.0/introduction/webxr.html) - Network accessline 965
- [A-Frame WebXR Documentation](https://aframe.io/docs/1.7.0/introduction/webxr.html) - Network accessline 966
- [Meta Quest Development](https://developer.oculus.com/) - Network accessline 966
- [Meta Quest Development](https://developer.oculus.com/) - Network accessline 967
- [WebXR Samples](https://immersive-web.github.io/webxr-samples/) - Network accessline 967
- [WebXR Samples](https://immersive-web.github.io/webxr-samples/) - Network accessline 968
- [Mozilla Mixed Reality Blog](https://mixedreality.mozilla.org/) - Network accessline 968
- [Mozilla Mixed Reality Blog](https://mixedreality.mozilla.org/)
plugins/bundles/extended-3d-scroll/skills/aframe-webxr/scripts/component_builder.py
plugins/bundles/extended-3d-scroll/skills/aframe-webxr/scripts/scene_generator.py
- Executable scriptline 1
#!/usr/bin/env python3 - Executable scriptline 1
#!/usr/bin/env python3 - Network accessline 71
<meta name="description" content="{name} - A-Frame VR"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 71
<meta name="description" content="{name} - A-Frame VR"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 72
<meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> <style> - Network accessline 72
<meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> <style> - Network accessline 73
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 73
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 152
<meta name="description" content="{name} - VR Experience"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 152
<meta name="description" content="{name} - VR Experience"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 153
<meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/aframe-blink-controls/dist/aframe-blink-controls.m - Network accessline 153
<meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/aframe-blink-controls/dist/aframe-blink-controls.m - Network accessline 154
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 154
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 155
<script src="https://cdn.jsdelivr.net/npm/aframe-blink-controls/dist/aframe-blink-controls.min.js"></script> - Network accessline 155
<script src="https://cdn.jsdelivr.net/npm/aframe-blink-controls/dist/aframe-blink-controls.min.js"></script> - Network accessline 162
<!-- Assets --> <a-assets> <audio id="click-sound" src="https://cdn.aframe.io/360-image-gallery-boilerplate/audio/click.ogg"></audio> - Network accessline 162
<!-- Assets --> <a-assets> <audio id="click-sound" src="https://cdn.aframe.io/360-image-gallery-boilerplate/audio/click.ogg"></audio> - Network accessline 163
<a-assets> <audio id="click-sound" src="https://cdn.aframe.io/360-image-gallery-boilerplate/audio/click.ogg"></audio> </a-assets> - Network accessline 163
<a-assets> <audio id="click-sound" src="https://cdn.aframe.io/360-image-gallery-boilerplate/audio/click.ogg"></audio> </a-assets> - Network accessline 164
<audio id="click-sound" src="https://cdn.aframe.io/360-image-gallery-boilerplate/audio/click.ogg"></audio> - Network accessline 164
<audio id="click-sound" src="https://cdn.aframe.io/360-image-gallery-boilerplate/audio/click.ogg"></audio> - Network accessline 264
<meta name="description" content="{name} - AR Experience"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 264
<meta name="description" content="{name} - AR Experience"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 265
<meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> <style> - Network accessline 265
<meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> <style> - Network accessline 266
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 266
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 304
<a-assets> <!-- Replace with your GLTF model --> <a-asset-item id="model-asset" src="https://cdn.aframe.io/test-models/models/virtualcity/VC.gltf"></a-asset-item> - Network accessline 304
<a-assets> <!-- Replace with your GLTF model --> <a-asset-item id="model-asset" src="https://cdn.aframe.io/test-models/models/virtualcity/VC.gltf"></a-asset-item> - Network accessline 305
<!-- Replace with your GLTF model --> <a-asset-item id="model-asset" src="https://cdn.aframe.io/test-models/models/virtualcity/VC.gltf"></a-asset-item> </a-assets> - Network accessline 305
<!-- Replace with your GLTF model --> <a-asset-item id="model-asset" src="https://cdn.aframe.io/test-models/models/virtualcity/VC.gltf"></a-asset-item> </a-assets> - Network accessline 306
<a-asset-item id="model-asset" src="https://cdn.aframe.io/test-models/models/virtualcity/VC.gltf"></a-asset-item> - Network accessline 306
<a-asset-item id="model-asset" src="https://cdn.aframe.io/test-models/models/virtualcity/VC.gltf"></a-asset-item> - Network accessline 398
<meta name="description" content="{name} - 360° Gallery"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 398
<meta name="description" content="{name} - 360° Gallery"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 399
<meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> <script src="https://unpkg.com/aframe-event-set-component@5.0.0/dist/aframe-event-set-compon - Network accessline 399
<meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> <script src="https://unpkg.com/aframe-event-set-component@5.0.0/dist/aframe-event-set-compon - Network accessline 400
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 400
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 401
<script src="https://unpkg.com/aframe-event-set-component@5.0.0/dist/aframe-event-set-component.min.js"></script> - Network accessline 401
<script src="https://unpkg.com/aframe-event-set-component@5.0.0/dist/aframe-event-set-component.min.js"></script> - Network accessline 422
<a-assets> <!-- Replace with your 360 images --> <img id="city" src="https://cdn.aframe.io/360-image-gallery-boilerplate/img/city.jpg" crossorigin="anonymous"> - Network accessline 422
<a-assets> <!-- Replace with your 360 images --> <img id="city" src="https://cdn.aframe.io/360-image-gallery-boilerplate/img/city.jpg" crossorigin="anonymous"> - Network accessline 423
<!-- Replace with your 360 images --> <img id="city" src="https://cdn.aframe.io/360-image-gallery-boilerplate/img/city.jpg" crossorigin="anonymous"> <img id="forest" src="https://cdn.aframe.io/360-image-gallery-boilerplate/i - Network accessline 423
<!-- Replace with your 360 images --> <img id="city" src="https://cdn.aframe.io/360-image-gallery-boilerplate/img/city.jpg" crossorigin="anonymous"> <img id="forest" src="https://cdn.aframe.io/360-image-gallery-boilerplate/i - Network accessline 424
<img id="city" src="https://cdn.aframe.io/360-image-gallery-boilerplate/img/city.jpg" crossorigin="anonymous"> - Network accessline 424
<img id="city" src="https://cdn.aframe.io/360-image-gallery-boilerplate/img/city.jpg" crossorigin="anonymous"> - Network accessline 425
<img id="forest" src="https://cdn.aframe.io/360-image-gallery-boilerplate/img/cubes.jpg" crossorigin="anonymous"> - Network accessline 425
<img id="forest" src="https://cdn.aframe.io/360-image-gallery-boilerplate/img/cubes.jpg" crossorigin="anonymous"> - Network accessline 426
<img id="space" src="https://cdn.aframe.io/360-image-gallery-boilerplate/img/sechelt.jpg" crossorigin="anonymous"> - Network accessline 426
<img id="space" src="https://cdn.aframe.io/360-image-gallery-boilerplate/img/sechelt.jpg" crossorigin="anonymous"> - Network accessline 428
<!-- Thumbnails --> <img id="city-thumb" src="https://cdn.aframe.io/360-image-gallery-boilerplate/img/thumb-city.jpg" crossorigin="anonymous"> - Network accessline 428
<!-- Thumbnails --> <img id="city-thumb" src="https://cdn.aframe.io/360-image-gallery-boilerplate/img/thumb-city.jpg" crossorigin="anonymous"> - Network accessline 429
<img id="city-thumb" src="https://cdn.aframe.io/360-image-gallery-boilerplate/img/thumb-city.jpg" crossorigin="anonymous"> - Network accessline 429
<img id="city-thumb" src="https://cdn.aframe.io/360-image-gallery-boilerplate/img/thumb-city.jpg" crossorigin="anonymous"> - Network accessline 430
<img id="forest-thumb" src="https://cdn.aframe.io/360-image-gallery-boilerplate/img/thumb-cubes.jpg" crossorigin="anonymous"> - Network accessline 430
<img id="forest-thumb" src="https://cdn.aframe.io/360-image-gallery-boilerplate/img/thumb-cubes.jpg" crossorigin="anonymous"> - Network accessline 431
<img id="space-thumb" src="https://cdn.aframe.io/360-image-gallery-boilerplate/img/thumb-sechelt.jpg" crossorigin="anonymous"> - Network accessline 431
<img id="space-thumb" src="https://cdn.aframe.io/360-image-gallery-boilerplate/img/thumb-sechelt.jpg" crossorigin="anonymous"> - Network accessline 433
<audio id="click-sound" src="https://cdn.aframe.io/360-image-gallery-boilerplate/audio/click.ogg"></audio> - Network accessline 433
<audio id="click-sound" src="https://cdn.aframe.io/360-image-gallery-boilerplate/audio/click.ogg"></audio> - Network accessline 496
<meta name="description" content="{name} - Physics Simulation"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 496
<meta name="description" content="{name} - Physics Simulation"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 497
<meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/aframe-physics-system@4.2.2/dist/aframe-physics-sy - Network accessline 497
<meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/aframe-physics-system@4.2.2/dist/aframe-physics-sy - Network accessline 498
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 498
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 499
<script src="https://cdn.jsdelivr.net/npm/aframe-physics-system@4.2.2/dist/aframe-physics-system.min.js"></script> - Network accessline 499
<script src="https://cdn.jsdelivr.net/npm/aframe-physics-system@4.2.2/dist/aframe-physics-system.min.js"></script> - Network accessline 603
<meta name="description" content="{name} - Procedural Environment"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 603
<meta name="description" content="{name} - Procedural Environment"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 604
<meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/aframe-environment-component@1.3.3/dist/aframe-env - Network accessline 604
<meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/aframe-environment-component@1.3.3/dist/aframe-env - Network accessline 605
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 605
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 606
<script src="https://cdn.jsdelivr.net/npm/aframe-environment-component@1.3.3/dist/aframe-environment-component.min.js"></script> - Network accessline 606
<script src="https://cdn.jsdelivr.net/npm/aframe-environment-component@1.3.3/dist/aframe-environment-component.min.js"></script> - Network accessline 607
<script src="https://cdn.jsdelivr.net/gh/c-frame/aframe-particle-system-component@1.2.x/dist/aframe-particle-system-component.min.js"></script> - Network accessline 607
<script src="https://cdn.jsdelivr.net/gh/c-frame/aframe-particle-system-component@1.2.x/dist/aframe-particle-system-component.min.js"></script> - Network accessline 665
<meta name="description" content="{name} - Multi-user VR"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 665
<meta name="description" content="{name} - Multi-user VR"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 666
<meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/networked-aframe@^0.11.0/dist/networked-aframe.min - Network accessline 666
<meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/networked-aframe@^0.11.0/dist/networked-aframe.min - Network accessline 667
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/networked-aframe@^0.11.0/dist/networked-aframe.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/so - Network accessline 667
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/networked-aframe@^0.11.0/dist/networked-aframe.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/so - Network accessline 668
<script src="https://cdn.jsdelivr.net/npm/networked-aframe@^0.11.0/dist/networked-aframe.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.5.4/socket.io.js"></script> <script> - Network accessline 668
<script src="https://cdn.jsdelivr.net/npm/networked-aframe@^0.11.0/dist/networked-aframe.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.5.4/socket.io.js"></script> <script> - Network accessline 669
<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.5.4/socket.io.js"></script> - Network accessline 669
<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.5.4/socket.io.js"></script>
plugins/bundles/extended-3d-scroll/skills/barba-js/assets/README.md
- Network accessline 103
3. Install dependencies: `npm install` (auto-run unless `--no-install`) 4. Start dev server: `npm run dev` 5. Open browser: `http://localhost:5173` - Network accessline 103
3. Install dependencies: `npm install` (auto-run unless `--no-install`) 4. Start dev server: `npm run dev` 5. Open browser: `http://localhost:5173` - Network accessline 104
4. Start dev server: `npm run dev` 5. Open browser: `http://localhost:5173` 6. Build for production: `npm run build` - Network accessline 104
4. Start dev server: `npm run dev` 5. Open browser: `http://localhost:5173` 6. Build for production: `npm run build` - Network accessline 105
5. Open browser: `http://localhost:5173` - Network accessline 105
5. Open browser: `http://localhost:5173`
plugins/bundles/extended-3d-scroll/skills/barba-js/references/api_reference.md
- Network accessline 255
// Get absolute URL const absolute = barba.url.getAbsoluteHref('/about'); // Returns: "https://example.com/about" - Network accessline 255
// Get absolute URL const absolute = barba.url.getAbsoluteHref('/about'); // Returns: "https://example.com/about" - Network accessline 257
// Returns: "https://example.com/about" - Network accessline 257
// Returns: "https://example.com/about" - Network accessline 263
// Get pathname const pathname = barba.url.getPathname('https://example.com/blog/post-1'); - Network accessline 263
// Get pathname const pathname = barba.url.getPathname('https://example.com/blog/post-1'); - Network accessline 264
const pathname = barba.url.getPathname('https://example.com/blog/post-1'); - Network accessline 264
const pathname = barba.url.getPathname('https://example.com/blog/post-1');
plugins/bundles/extended-3d-scroll/skills/barba-js/references/hooks_guide.md
- Network accessline 200
gsap.to(current.container.querySelector('h1'), { opacity: 0 }), gsap.to(current.container.querySelector('.content'), { y: -50 }), fetch('/api/track-exit') - Network accessline 200
gsap.to(current.container.querySelector('h1'), { opacity: 0 }), gsap.to(current.container.querySelector('.content'), { y: -50 }), fetch('/api/track-exit') - Network accessline 201
gsap.to(current.container.querySelector('.content'), { y: -50 }), fetch('/api/track-exit') ]); - Network accessline 201
gsap.to(current.container.querySelector('.content'), { y: -50 }), fetch('/api/track-exit') ]); - Network accessline 202
fetch('/api/track-exit') - Network accessline 202
fetch('/api/track-exit')
plugins/bundles/extended-3d-scroll/skills/barba-js/scripts/project_setup.py
- Executable scriptline 1
#!/usr/bin/env python3 - Executable scriptline 1
#!/usr/bin/env python3 - Network accessline 606
Open http://localhost:5173 in your browser. - Network accessline 606
Open http://localhost:5173 in your browser. - Network accessline 657
- [Barba.js Documentation](https://barba.js.org) - Network accessline 657
- [Barba.js Documentation](https://barba.js.org) - Network accessline 658
- [GSAP Documentation](https://greensock.com/docs/) - Network accessline 658
- [GSAP Documentation](https://greensock.com/docs/) - Network accessline 659
- [Vite Documentation](https://vitejs.dev) - Network accessline 659
- [Vite Documentation](https://vitejs.dev)
plugins/bundles/extended-3d-scroll/skills/barba-js/scripts/transition_generator.py
plugins/bundles/extended-3d-scroll/skills/lightweight-3d-effects/SKILL.md
- Network accessline 39
<html> <head> <script src="https://unpkg.com/zdog@1/dist/zdog.dist.min.js"></script> - Network accessline 39
<html> <head> <script src="https://unpkg.com/zdog@1/dist/zdog.dist.min.js"></script> - Network accessline 40
<head> <script src="https://unpkg.com/zdog@1/dist/zdog.dist.min.js"></script> <style> - Network accessline 40
<head> <script src="https://unpkg.com/zdog@1/dist/zdog.dist.min.js"></script> <style> - Network accessline 41
<script src="https://unpkg.com/zdog@1/dist/zdog.dist.min.js"></script> - Network accessline 41
<script src="https://unpkg.com/zdog@1/dist/zdog.dist.min.js"></script> - Network accessline 311
<!-- Three.js (required) --> <script src="https://cdn.jsdelivr.net/npm/three@0.134.0/build/three.min.js"></script> - Network accessline 311
<!-- Three.js (required) --> <script src="https://cdn.jsdelivr.net/npm/three@0.134.0/build/three.min.js"></script> - Network accessline 312
<script src="https://cdn.jsdelivr.net/npm/three@0.134.0/build/three.min.js"></script> - Network accessline 312
<script src="https://cdn.jsdelivr.net/npm/three@0.134.0/build/three.min.js"></script> - Network accessline 314
<!-- Vanta.js effect --> <script src="https://cdn.jsdelivr.net/npm/vanta@0.5.24/dist/vanta.waves.min.js"></script> - Network accessline 314
<!-- Vanta.js effect --> <script src="https://cdn.jsdelivr.net/npm/vanta@0.5.24/dist/vanta.waves.min.js"></script> - Network accessline 315
<script src="https://cdn.jsdelivr.net/npm/vanta@0.5.24/dist/vanta.waves.min.js"></script> - Network accessline 315
<script src="https://cdn.jsdelivr.net/npm/vanta@0.5.24/dist/vanta.waves.min.js"></script> - Network accessline 368
<script src="https://cdn.jsdelivr.net/npm/p5@1.4.0/lib/p5.min.js"></script> - Network accessline 368
<script src="https://cdn.jsdelivr.net/npm/p5@1.4.0/lib/p5.min.js"></script> - Network accessline 369
<script src="https://cdn.jsdelivr.net/npm/vanta@0.5.24/dist/vanta.birds.min.js"></script> - Network accessline 369
<script src="https://cdn.jsdelivr.net/npm/vanta@0.5.24/dist/vanta.birds.min.js"></script> - Network accessline 562
<script src="https://cdn.jsdelivr.net/npm/vanilla-tilt@1.8.1/dist/vanilla-tilt.min.js"></script> - Network accessline 562
<script src="https://cdn.jsdelivr.net/npm/vanilla-tilt@1.8.1/dist/vanilla-tilt.min.js"></script> - Network accessline 746
<script src="https://cdn.jsdelivr.net/npm/three@0.134.0/build/three.min.js"></script> - Network accessline 746
<script src="https://cdn.jsdelivr.net/npm/three@0.134.0/build/three.min.js"></script> - Network accessline 747
<script src="https://cdn.jsdelivr.net/npm/vanta@0.5.24/dist/vanta.waves.min.js"></script> - Network accessline 747
<script src="https://cdn.jsdelivr.net/npm/vanta@0.5.24/dist/vanta.waves.min.js"></script> - Network accessline 770
<script src="https://unpkg.com/zdog@1/dist/zdog.dist.min.js"></script> - Network accessline 770
<script src="https://unpkg.com/zdog@1/dist/zdog.dist.min.js"></script> - Network accessline 874
<script src="https://cdn.jsdelivr.net/npm/vanilla-tilt@1.8.1/dist/vanilla-tilt.min.js"></script> - Network accessline 874
<script src="https://cdn.jsdelivr.net/npm/vanilla-tilt@1.8.1/dist/vanilla-tilt.min.js"></script> - Network accessline 1072
**Zdog:** - [Zdog Documentation](https://zzz.dog/) - Network accessline 1072
**Zdog:** - [Zdog Documentation](https://zzz.dog/) - Network accessline 1073
- [Zdog Documentation](https://zzz.dog/) - Network accessline 1073
- [Zdog Documentation](https://zzz.dog/) - Network accessline 1074
- [Zdog GitHub](https://github.com/metafizzy/zdog) - Network accessline 1074
- [Zdog GitHub](https://github.com/metafizzy/zdog) - Network accessline 1075
- [Zdog Codepen Examples](https://codepen.io/collection/DzdGMe/) - Network accessline 1075
- [Zdog Codepen Examples](https://codepen.io/collection/DzdGMe/) - Network accessline 1077
**Vanta.js:** - [Vanta.js Official Site](https://www.vantajs.com/) - Network accessline 1077
**Vanta.js:** - [Vanta.js Official Site](https://www.vantajs.com/) - Network accessline 1078
- [Vanta.js Official Site](https://www.vantajs.com/) - Network accessline 1078
- [Vanta.js Official Site](https://www.vantajs.com/) - Network accessline 1079
- [Vanta.js GitHub](https://github.com/tengbao/vanta) - Network accessline 1079
- [Vanta.js GitHub](https://github.com/tengbao/vanta) - Network accessline 1080
- [Effect Customizer](https://www.vantajs.com/?effect=waves) - Network accessline 1080
- [Effect Customizer](https://www.vantajs.com/?effect=waves) - Network accessline 1082
**Vanilla-Tilt.js:** - [Vanilla-Tilt GitHub](https://github.com/micku7zu/vanilla-tilt.js) - Network accessline 1082
**Vanilla-Tilt.js:** - [Vanilla-Tilt GitHub](https://github.com/micku7zu/vanilla-tilt.js) - Network accessline 1083
- [Vanilla-Tilt GitHub](https://github.com/micku7zu/vanilla-tilt.js) - Network accessline 1083
- [Vanilla-Tilt GitHub](https://github.com/micku7zu/vanilla-tilt.js) - Network accessline 1084
- [NPM Package](https://www.npmjs.com/package/vanilla-tilt) - Network accessline 1084
- [NPM Package](https://www.npmjs.com/package/vanilla-tilt)
plugins/bundles/extended-3d-scroll/skills/lightweight-3d-effects/assets/examples/README.md
- Network accessline 1052
<!-- Scripts --> <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js"></script> - Network accessline 1052
<!-- Scripts --> <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js"></script> - Network accessline 1053
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js"></script> - Network accessline 1053
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js"></script> - Network accessline 1054
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.waves.min.js"></script> - Network accessline 1054
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.waves.min.js"></script> - Network accessline 1055
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.topology.min.js"></script> - Network accessline 1055
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.topology.min.js"></script> - Network accessline 1056
<script src="https://unpkg.com/zdog@1/dist/zdog.dist.min.js"></script> - Network accessline 1056
<script src="https://unpkg.com/zdog@1/dist/zdog.dist.min.js"></script> - Network accessline 1057
<script src="https://cdnjs.cloudflare.com/ajax/libs/vanilla-tilt/1.8.1/vanilla-tilt.min.js"></script> - Network accessline 1057
<script src="https://cdnjs.cloudflare.com/ajax/libs/vanilla-tilt/1.8.1/vanilla-tilt.min.js"></script>
plugins/bundles/extended-3d-scroll/skills/lightweight-3d-effects/assets/starter_lightweight/README.md
- Network accessline 28
# Option 2: Local server (recommended) python -m http.server 8000 # Visit http://localhost:8000 - Network accessline 28
# Option 2: Local server (recommended) python -m http.server 8000 # Visit http://localhost:8000 - Network accessline 30
# Visit http://localhost:8000 - Network accessline 30
# Visit http://localhost:8000 - Network accessline 58
// Change from WAVES to BIRDS <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.birds.min.js"></script> - Network accessline 58
// Change from WAVES to BIRDS <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.birds.min.js"></script> - Network accessline 59
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.birds.min.js"></script> - Network accessline 59
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.birds.min.js"></script> - Network accessline 427
- Three.js: `https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js` - Network accessline 427
- Three.js: `https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js` - Network accessline 428
- Vanta.js: `https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.waves.min.js` - Network accessline 428
- Vanta.js: `https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.waves.min.js` - Network accessline 429
- Zdog: `https://unpkg.com/zdog@1/dist/zdog.dist.min.js` - Network accessline 429
- Zdog: `https://unpkg.com/zdog@1/dist/zdog.dist.min.js` - Network accessline 430
- Vanilla-Tilt: `https://cdnjs.cloudflare.com/ajax/libs/vanilla-tilt/1.8.1/vanilla-tilt.min.js` - Network accessline 430
- Vanilla-Tilt: `https://cdnjs.cloudflare.com/ajax/libs/vanilla-tilt/1.8.1/vanilla-tilt.min.js` - Network accessline 536
### Documentation - **Vanta.js**: https://www.vantajs.com - Network accessline 536
### Documentation - **Vanta.js**: https://www.vantajs.com - Network accessline 537
- **Vanta.js**: https://www.vantajs.com - Network accessline 537
- **Vanta.js**: https://www.vantajs.com - Network accessline 538
- **Zdog**: https://zzz.dog - Network accessline 538
- **Zdog**: https://zzz.dog - Network accessline 539
- **Vanilla-Tilt**: https://github.com/micku7zu/vanilla-tilt.js - Network accessline 539
- **Vanilla-Tilt**: https://github.com/micku7zu/vanilla-tilt.js - Network accessline 541
### Inspiration - **Vanta Gallery**: https://www.vantajs.com/?effect=waves - Network accessline 541
### Inspiration - **Vanta Gallery**: https://www.vantajs.com/?effect=waves - Network accessline 542
- **Vanta Gallery**: https://www.vantajs.com/?effect=waves - Network accessline 542
- **Vanta Gallery**: https://www.vantajs.com/?effect=waves - Network accessline 543
- **Zdog Examples**: https://codepen.io/desandro/ - Network accessline 543
- **Zdog Examples**: https://codepen.io/desandro/ - Network accessline 544
- **Tilt Patterns**: https://micku7zu.github.io/vanilla-tilt.js/ - Network accessline 544
- **Tilt Patterns**: https://micku7zu.github.io/vanilla-tilt.js/
plugins/bundles/extended-3d-scroll/skills/lightweight-3d-effects/assets/starter_lightweight/index.html
- Network accessline 64
<p>Built with ❤<U+FE0F> using Vanta.js, Zdog, and Vanilla-Tilt</p> <div class="footer-links"> <a href="https://www.vantajs.com" target="_blank">Vanta.js</a> - Network accessline 64
<p>Built with ❤<U+FE0F> using Vanta.js, Zdog, and Vanilla-Tilt</p> <div class="footer-links"> <a href="https://www.vantajs.com" target="_blank">Vanta.js</a> - Network accessline 65
<div class="footer-links"> <a href="https://www.vantajs.com" target="_blank">Vanta.js</a> <a href="https://zzz.dog" target="_blank">Zdog</a> - Network accessline 65
<div class="footer-links"> <a href="https://www.vantajs.com" target="_blank">Vanta.js</a> <a href="https://zzz.dog" target="_blank">Zdog</a> - Network accessline 66
<a href="https://www.vantajs.com" target="_blank">Vanta.js</a> - Network accessline 66
<a href="https://www.vantajs.com" target="_blank">Vanta.js</a> - Network accessline 67
<a href="https://zzz.dog" target="_blank">Zdog</a> - Network accessline 67
<a href="https://zzz.dog" target="_blank">Zdog</a> - Network accessline 68
<a href="https://github.com/micku7zu/vanilla-tilt.js" target="_blank">Vanilla-Tilt</a> - Network accessline 68
<a href="https://github.com/micku7zu/vanilla-tilt.js" target="_blank">Vanilla-Tilt</a> - Network accessline 73
<!-- Scripts --> <!-- Three.js (required for Vanta) --> <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js"></script> - Network accessline 73
<!-- Scripts --> <!-- Three.js (required for Vanta) --> <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js"></script> - Network accessline 75
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js"></script> - Network accessline 75
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js"></script> - Network accessline 77
<!-- Vanta.js WAVES effect --> <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.waves.min.js"></script> - Network accessline 77
<!-- Vanta.js WAVES effect --> <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.waves.min.js"></script> - Network accessline 78
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.waves.min.js"></script> - Network accessline 78
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.waves.min.js"></script> - Network accessline 80
<!-- Zdog --> <script src="https://unpkg.com/zdog@1/dist/zdog.dist.min.js"></script> - Network accessline 80
<!-- Zdog --> <script src="https://unpkg.com/zdog@1/dist/zdog.dist.min.js"></script> - Network accessline 81
<script src="https://unpkg.com/zdog@1/dist/zdog.dist.min.js"></script> - Network accessline 81
<script src="https://unpkg.com/zdog@1/dist/zdog.dist.min.js"></script> - Network accessline 83
<!-- Vanilla Tilt --> <script src="https://cdnjs.cloudflare.com/ajax/libs/vanilla-tilt/1.8.1/vanilla-tilt.min.js"></script> - Network accessline 83
<!-- Vanilla Tilt --> <script src="https://cdnjs.cloudflare.com/ajax/libs/vanilla-tilt/1.8.1/vanilla-tilt.min.js"></script> - Network accessline 84
<script src="https://cdnjs.cloudflare.com/ajax/libs/vanilla-tilt/1.8.1/vanilla-tilt.min.js"></script> - Network accessline 84
<script src="https://cdnjs.cloudflare.com/ajax/libs/vanilla-tilt/1.8.1/vanilla-tilt.min.js"></script>
plugins/bundles/extended-3d-scroll/skills/lightweight-3d-effects/assets/starter_lightweight/main.js
plugins/bundles/extended-3d-scroll/skills/lightweight-3d-effects/references/tilt_patterns.md
- Network accessline 5
**Version**: 1.8.1 **License**: MIT **GitHub**: https://github.com/micku7zu/vanilla-tilt.js - Network accessline 5
**Version**: 1.8.1 **License**: MIT **GitHub**: https://github.com/micku7zu/vanilla-tilt.js - Network accessline 7
**GitHub**: https://github.com/micku7zu/vanilla-tilt.js - Network accessline 7
**GitHub**: https://github.com/micku7zu/vanilla-tilt.js - Network accessline 29
<script src="https://cdnjs.cloudflare.com/ajax/libs/vanilla-tilt/1.8.1/vanilla-tilt.min.js"></script> - Network accessline 29
<script src="https://cdnjs.cloudflare.com/ajax/libs/vanilla-tilt/1.8.1/vanilla-tilt.min.js"></script> - Network accessline 1201
- **GitHub**: https://github.com/micku7zu/vanilla-tilt.js - Network accessline 1201
- **GitHub**: https://github.com/micku7zu/vanilla-tilt.js - Network accessline 1203
- **Examples**: https://micku7zu.github.io/vanilla-tilt.js/ - Network accessline 1203
- **Examples**: https://micku7zu.github.io/vanilla-tilt.js/
plugins/bundles/extended-3d-scroll/skills/lightweight-3d-effects/references/vantajs_effects.md
- Network accessline 5
**Version**: 0.5.24 **License**: MIT **Website**: https://www.vantajs.com - Network accessline 5
**Version**: 0.5.24 **License**: MIT **Website**: https://www.vantajs.com - Network accessline 7
**Website**: https://www.vantajs.com - Network accessline 7
**Website**: https://www.vantajs.com - Network accessline 28
<!-- Three.js (required for all effects) --> <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js"></script> - Network accessline 28
<!-- Three.js (required for all effects) --> <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js"></script> - Network accessline 29
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js"></script> - Network accessline 29
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js"></script> - Network accessline 31
<!-- Vanta.js effect (choose one) --> <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.waves.min.js"></script> - Network accessline 31
<!-- Vanta.js effect (choose one) --> <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.waves.min.js"></script> - Network accessline 32
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.waves.min.js"></script> - Network accessline 32
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.waves.min.js"></script> - Network accessline 528
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.0/p5.min.js"></script> - Network accessline 528
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.0/p5.min.js"></script> - Network accessline 529
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.ripple.min.js"></script> - Network accessline 529
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.ripple.min.js"></script> - Network accessline 1011
- **Official Site**: https://www.vantajs.com - Network accessline 1011
- **Official Site**: https://www.vantajs.com - Network accessline 1012
- **GitHub**: https://github.com/tengbao/vanta - Network accessline 1012
- **GitHub**: https://github.com/tengbao/vanta - Network accessline 1013
- **Interactive Gallery**: https://www.vantajs.com/?effect=waves - Network accessline 1013
- **Interactive Gallery**: https://www.vantajs.com/?effect=waves
plugins/bundles/extended-3d-scroll/skills/lightweight-3d-effects/references/zdog_api.md
- Network accessline 5
**Version**: 1.1.3 **License**: MIT **CDN**: `https://unpkg.com/zdog@1/dist/zdog.dist.min.js` - Network accessline 5
**Version**: 1.1.3 **License**: MIT **CDN**: `https://unpkg.com/zdog@1/dist/zdog.dist.min.js` - Network accessline 7
**CDN**: `https://unpkg.com/zdog@1/dist/zdog.dist.min.js` - Network accessline 7
**CDN**: `https://unpkg.com/zdog@1/dist/zdog.dist.min.js` - Network accessline 1246
- **Official Site**: https://zzz.dog - Network accessline 1246
- **Official Site**: https://zzz.dog - Network accessline 1247
- **GitHub**: https://github.com/metafizzy/zdog - Network accessline 1247
- **GitHub**: https://github.com/metafizzy/zdog - Network accessline 1248
- **CodePen Examples**: https://codepen.io/desandro/ - Network accessline 1248
- **CodePen Examples**: https://codepen.io/desandro/
plugins/bundles/extended-3d-scroll/skills/lightweight-3d-effects/scripts/generate_zdog.py
plugins/bundles/extended-3d-scroll/skills/lightweight-3d-effects/scripts/setup_vanta.py
- Executable scriptline 1
#!/usr/bin/env python3 - Executable scriptline 1
#!/usr/bin/env python3 - Network accessline 146
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js"></script> - Network accessline 146
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js"></script> - Network accessline 178
return { 'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.waves.min.js', - Network accessline 178
return { 'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.waves.min.js', - Network accessline 179
'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.waves.min.js', - Network accessline 179
'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.waves.min.js', - Network accessline 218
return { 'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.clouds.min.js', - Network accessline 218
return { 'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.clouds.min.js', - Network accessline 219
'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.clouds.min.js', - Network accessline 219
'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.clouds.min.js', - Network accessline 258
return { 'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.birds.min.js', - Network accessline 258
return { 'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.birds.min.js', - Network accessline 259
'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.birds.min.js', - Network accessline 259
'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.birds.min.js', - Network accessline 304
return { 'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js', - Network accessline 304
return { 'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js', - Network accessline 305
'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js', - Network accessline 305
'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js', - Network accessline 345
return { 'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.cells.min.js', - Network accessline 345
return { 'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.cells.min.js', - Network accessline 346
'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.cells.min.js', - Network accessline 346
'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.cells.min.js', - Network accessline 383
return { 'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.fog.min.js', - Network accessline 383
return { 'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.fog.min.js', - Network accessline 384
'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.fog.min.js', - Network accessline 384
'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.fog.min.js', - Network accessline 423
return { 'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js', - Network accessline 423
return { 'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js', - Network accessline 424
'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js', - Network accessline 424
'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js', - Network accessline 453
return { 'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.rings.min.js', - Network accessline 453
return { 'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.rings.min.js', - Network accessline 454
'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.rings.min.js', - Network accessline 454
'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.rings.min.js', - Network accessline 473
return { 'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.dots.min.js', - Network accessline 473
return { 'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.dots.min.js', - Network accessline 474
'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.dots.min.js', - Network accessline 474
'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.dots.min.js', - Network accessline 513
return { 'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.topology.min.js', - Network accessline 513
return { 'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.topology.min.js', - Network accessline 514
'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.topology.min.js', - Network accessline 514
'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.topology.min.js', - Network accessline 533
return { 'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.trunk.min.js', - Network accessline 533
return { 'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.trunk.min.js', - Network accessline 534
'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.trunk.min.js', - Network accessline 534
'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.trunk.min.js',
plugins/bundles/extended-3d-scroll/skills/locomotive-scroll/SKILL.md
- Network accessline 44
// Or via CDN <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/locomotive-scroll/dist/locomotive-scroll.min.css"> - Network accessline 44
// Or via CDN <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/locomotive-scroll/dist/locomotive-scroll.min.css"> - Network accessline 45
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/locomotive-scroll/dist/locomotive-scroll.min.css"> - Network accessline 45
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/locomotive-scroll/dist/locomotive-scroll.min.css"> - Network accessline 46
<script src="https://cdn.jsdelivr.net/npm/locomotive-scroll/dist/locomotive-scroll.min.js"></script> - Network accessline 46
<script src="https://cdn.jsdelivr.net/npm/locomotive-scroll/dist/locomotive-scroll.min.js"></script>
plugins/bundles/extended-3d-scroll/skills/locomotive-scroll/assets/starter_locomotive/README.md
- Network accessline 33
Open http://localhost:5173 in your browser. - Network accessline 33
Open http://localhost:5173 in your browser. - Network accessline 302
- [Locomotive Scroll GitHub](https://github.com/locomotivemtl/locomotive-scroll) - Network accessline 302
- [Locomotive Scroll GitHub](https://github.com/locomotivemtl/locomotive-scroll) - Network accessline 303
- [Official Documentation](https://locomotivemtl.github.io/locomotive-scroll/) - Network accessline 303
- [Official Documentation](https://locomotivemtl.github.io/locomotive-scroll/) - Network accessline 304
- [CodePen Examples](https://codepen.io/tag/locomotive-scroll) - Network accessline 304
- [CodePen Examples](https://codepen.io/tag/locomotive-scroll)
plugins/bundles/extended-3d-scroll/skills/locomotive-scroll/assets/starter_locomotive/index.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Locomotive Scroll Starter</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/locomotive-scroll@4/dist/locomotive-scroll.min.css"> - Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Locomotive Scroll Starter</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/locomotive-scroll@4/dist/locomotive-scroll.min.css"> - Network accessline 6
<title>Locomotive Scroll Starter</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/locomotive-scroll@4/dist/locomotive-scroll.min.css"> <link rel="stylesheet" href="style.css"> - Network accessline 6
<title>Locomotive Scroll Starter</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/locomotive-scroll@4/dist/locomotive-scroll.min.css"> <link rel="stylesheet" href="style.css"> - Network accessline 7
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/locomotive-scroll@4/dist/locomotive-scroll.min.css"> - Network accessline 7
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/locomotive-scroll@4/dist/locomotive-scroll.min.css">
plugins/bundles/extended-3d-scroll/skills/locomotive-scroll/assets/starter_locomotive/main.js
plugins/bundles/extended-3d-scroll/skills/locomotive-scroll/assets/starter_locomotive/package.json
plugins/bundles/extended-3d-scroll/skills/locomotive-scroll/references/gsap_integration.md
- Network accessline 611
- [Locomotive Scroll GitHub](https://github.com/locomotivemtl/locomotive-scroll) - Network accessline 611
- [Locomotive Scroll GitHub](https://github.com/locomotivemtl/locomotive-scroll) - Network accessline 612
- [GSAP ScrollTrigger Docs](https://greensock.com/docs/v3/Plugins/ScrollTrigger) - Network accessline 612
- [GSAP ScrollTrigger Docs](https://greensock.com/docs/v3/Plugins/ScrollTrigger) - Network accessline 613
- [CodePen Examples](https://codepen.io/tag/locomotive-scroll) - Network accessline 613
- [CodePen Examples](https://codepen.io/tag/locomotive-scroll)
plugins/bundles/extended-3d-scroll/skills/locomotive-scroll/scripts/generate_config.py
- Executable scriptline 1
#!/usr/bin/env python3 - Executable scriptline 1
#!/usr/bin/env python3 - Network accessline 278
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Locomotive Scroll</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/locomotive-scroll/dist/locomotive-scroll.min.css"> - Network accessline 278
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Locomotive Scroll</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/locomotive-scroll/dist/locomotive-scroll.min.css"> - Network accessline 279
<title>Locomotive Scroll</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/locomotive-scroll/dist/locomotive-scroll.min.css"> <style> - Network accessline 279
<title>Locomotive Scroll</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/locomotive-scroll/dist/locomotive-scroll.min.css"> <style> - Network accessline 280
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/locomotive-scroll/dist/locomotive-scroll.min.css"> - Network accessline 280
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/locomotive-scroll/dist/locomotive-scroll.min.css">
plugins/bundles/extended-3d-scroll/skills/locomotive-scroll/scripts/integration_helper.py
plugins/bundles/extended-3d-scroll/skills/pixijs-2d/SKILL.md
- Network accessline 907
- **Official Site**: https://pixijs.com - **API Documentation**: https://pixijs.download/release/docs/ - Network accessline 907
- **Official Site**: https://pixijs.com - **API Documentation**: https://pixijs.download/release/docs/ - Network accessline 908
- **API Documentation**: https://pixijs.download/release/docs/ - Network accessline 908
- **API Documentation**: https://pixijs.download/release/docs/ - Network accessline 909
- **Examples**: https://pixijs.io/examples/ - Network accessline 909
- **Examples**: https://pixijs.io/examples/ - Network accessline 910
- **GitHub**: https://github.com/pixijs/pixijs - Network accessline 910
- **GitHub**: https://github.com/pixijs/pixijs - Network accessline 912
- **Community**: https://github.com/pixijs/pixijs/discussions - Network accessline 912
- **Community**: https://github.com/pixijs/pixijs/discussions
plugins/bundles/extended-3d-scroll/skills/pixijs-2d/assets/examples/README.md
- Network accessline 3641
For more examples, visit: - [PixiJS Examples](https://pixijs.com/examples) - Network accessline 3641
For more examples, visit: - [PixiJS Examples](https://pixijs.com/examples) - Network accessline 3642
- [PixiJS Examples](https://pixijs.com/examples) - Network accessline 3642
- [PixiJS Examples](https://pixijs.com/examples) - Network accessline 3643
- [PixiJS Playground](https://pixijs.io/playground) - Network accessline 3643
- [PixiJS Playground](https://pixijs.io/playground) - Network accessline 3644
- [GitHub PixiJS Demos](https://github.com/pixijs/pixijs/tree/dev/examples) - Network accessline 3644
- [GitHub PixiJS Demos](https://github.com/pixijs/pixijs/tree/dev/examples)
plugins/bundles/extended-3d-scroll/skills/pixijs-2d/assets/starter_pixijs/README.md
- Network accessline 28
# Then open http://localhost:8000 - Network accessline 28
# Then open http://localhost:8000 - Network accessline 309
- PixiJS CDN is loading correctly - No JavaScript errors in console - Browser supports WebGL (check `https://get.webgl.org/`) - Network accessline 309
- PixiJS CDN is loading correctly - No JavaScript errors in console - Browser supports WebGL (check `https://get.webgl.org/`) - Network accessline 311
- Browser supports WebGL (check `https://get.webgl.org/`) - Network accessline 311
- Browser supports WebGL (check `https://get.webgl.org/`) - Network accessline 351
Requires WebGL support. Check compatibility at [caniuse.com/webgl](https://caniuse.com/webgl). - Network accessline 351
Requires WebGL support. Check compatibility at [caniuse.com/webgl](https://caniuse.com/webgl). - Network accessline 357
- [PixiJS Official Documentation](https://pixijs.com/docs) - Network accessline 357
- [PixiJS Official Documentation](https://pixijs.com/docs) - Network accessline 358
- [PixiJS Examples](https://pixijs.com/examples) - Network accessline 358
- [PixiJS Examples](https://pixijs.com/examples) - Network accessline 359
- [PixiJS Playground](https://pixijs.io/playground) - Network accessline 359
- [PixiJS Playground](https://pixijs.io/playground) - Network accessline 360
- [WebGL Fundamentals](https://webglfundamentals.org/) - Network accessline 360
- [WebGL Fundamentals](https://webglfundamentals.org/) - Network accessline 443
git commit -m "Initial commit" git branch -M main git remote add origin https://github.com/username/repo.git - Network accessline 443
git commit -m "Initial commit" git branch -M main git remote add origin https://github.com/username/repo.git - Network accessline 444
git branch -M main git remote add origin https://github.com/username/repo.git git push -u origin main - Network accessline 444
git branch -M main git remote add origin https://github.com/username/repo.git git push -u origin main - Network accessline 445
git remote add origin https://github.com/username/repo.git - Network accessline 445
git remote add origin https://github.com/username/repo.git - Network accessline 455
<script src="https://pixijs.download/release/pixi.js"></script> - Network accessline 455
<script src="https://pixijs.download/release/pixi.js"></script> - Network accessline 479
PixiJS is MIT licensed. See [PixiJS GitHub](https://github.com/pixijs/pixijs) for details. - Network accessline 479
PixiJS is MIT licensed. See [PixiJS GitHub](https://github.com/pixijs/pixijs) for details. - Network accessline 483
For PixiJS questions: - [PixiJS Discord](https://discord.gg/CPTjeb28nH) - Network accessline 483
For PixiJS questions: - [PixiJS Discord](https://discord.gg/CPTjeb28nH) - Network accessline 484
- [PixiJS Discord](https://discord.gg/CPTjeb28nH) - Network accessline 484
- [PixiJS Discord](https://discord.gg/CPTjeb28nH) - Network accessline 485
- [PixiJS GitHub Discussions](https://github.com/pixijs/pixijs/discussions) - Network accessline 485
- [PixiJS GitHub Discussions](https://github.com/pixijs/pixijs/discussions) - Network accessline 486
- [Stack Overflow](https://stackoverflow.com/questions/tagged/pixi.js) - Network accessline 486
- [Stack Overflow](https://stackoverflow.com/questions/tagged/pixi.js)
plugins/bundles/extended-3d-scroll/skills/pixijs-2d/assets/starter_pixijs/index.html
- Network accessline 39
<!-- PixiJS CDN --> <script src="https://pixijs.download/release/pixi.js"></script> - Network accessline 39
<!-- PixiJS CDN --> <script src="https://pixijs.download/release/pixi.js"></script> - Network accessline 40
<script src="https://pixijs.download/release/pixi.js"></script> - Network accessline 40
<script src="https://pixijs.download/release/pixi.js"></script>
plugins/bundles/extended-3d-scroll/skills/pixijs-2d/assets/starter_pixijs/main.js
plugins/bundles/extended-3d-scroll/skills/pixijs-2d/references/api_reference.md
- Network accessline 121
**API References**: - TickerPlugin: https://pixijs.download/release/docs/app.TickerPlugin.html - Network accessline 121
**API References**: - TickerPlugin: https://pixijs.download/release/docs/app.TickerPlugin.html - Network accessline 122
- TickerPlugin: https://pixijs.download/release/docs/app.TickerPlugin.html - Network accessline 122
- TickerPlugin: https://pixijs.download/release/docs/app.TickerPlugin.html - Network accessline 123
- ResizePlugin: https://pixijs.download/release/docs/app.ResizePlugin.html - Network accessline 123
- ResizePlugin: https://pixijs.download/release/docs/app.ResizePlugin.html - Network accessline 124
- CullerPlugin: https://pixijs.download/release/docs/app.CullerPlugin.html - Network accessline 124
- CullerPlugin: https://pixijs.download/release/docs/app.CullerPlugin.html - Network accessline 246
// From URL const tex = Texture.from('https://example.com/image.png'); - Network accessline 246
// From URL const tex = Texture.from('https://example.com/image.png'); - Network accessline 247
const tex = Texture.from('https://example.com/image.png'); - Network accessline 247
const tex = Texture.from('https://example.com/image.png'); - Network accessline 259
**API Reference**: https://pixijs.download/release/docs/rendering.Texture.html - Network accessline 259
**API Reference**: https://pixijs.download/release/docs/rendering.Texture.html - Network accessline 391
**API References**: - Graphics: https://pixijs.download/release/docs/scene.Graphics.html - Network accessline 391
**API References**: - Graphics: https://pixijs.download/release/docs/scene.Graphics.html - Network accessline 392
- Graphics: https://pixijs.download/release/docs/scene.Graphics.html - Network accessline 392
- Graphics: https://pixijs.download/release/docs/scene.Graphics.html - Network accessline 393
- GraphicsContext: https://pixijs.download/release/docs/scene.GraphicsContext.html - Network accessline 393
- GraphicsContext: https://pixijs.download/release/docs/scene.GraphicsContext.html - Network accessline 394
- FillStyle: https://pixijs.download/release/docs/scene.FillStyle.html - Network accessline 394
- FillStyle: https://pixijs.download/release/docs/scene.FillStyle.html - Network accessline 395
- StrokeStyle: https://pixijs.download/release/docs/scene.StrokeStyle.html - Network accessline 395
- StrokeStyle: https://pixijs.download/release/docs/scene.StrokeStyle.html - Network accessline 1228
- **Main Docs**: https://pixijs.download/release/docs/ - Network accessline 1228
- **Main Docs**: https://pixijs.download/release/docs/ - Network accessline 1229
- **Examples**: https://pixijs.io/examples/ - Network accessline 1229
- **Examples**: https://pixijs.io/examples/ - Network accessline 1230
- **GitHub**: https://github.com/pixijs/pixijs - Network accessline 1230
- **GitHub**: https://github.com/pixijs/pixijs
plugins/bundles/extended-3d-scroll/skills/pixijs-2d/references/performance_guide.md
- Network accessline 385
**Tools for Creating Sprite Sheets**: - TexturePacker: https://www.codeandweb.com/texturepacker - Network accessline 385
**Tools for Creating Sprite Sheets**: - TexturePacker: https://www.codeandweb.com/texturepacker - Network accessline 386
- TexturePacker: https://www.codeandweb.com/texturepacker - Network accessline 386
- TexturePacker: https://www.codeandweb.com/texturepacker - Network accessline 387
- ShoeBox: https://renderhjs.net/shoebox/ - Network accessline 387
- ShoeBox: https://renderhjs.net/shoebox/ - Network accessline 388
- Free Texture Packer: https://free-tex-packer.com/ - Network accessline 388
- Free Texture Packer: https://free-tex-packer.com/
plugins/bundles/extended-3d-scroll/skills/pixijs-2d/scripts/particle_builder.py
- Executable scriptline 1
#!/usr/bin/env python3 - Executable scriptline 1
#!/usr/bin/env python3 - Network accessline 55
<script src="https://pixijs.download/release/pixi.js"></script> - Network accessline 55
<script src="https://pixijs.download/release/pixi.js"></script> - Network accessline 176
<script src="https://pixijs.download/release/pixi.js"></script> - Network accessline 176
<script src="https://pixijs.download/release/pixi.js"></script> - Network accessline 326
<script src="https://pixijs.download/release/pixi.js"></script> - Network accessline 326
<script src="https://pixijs.download/release/pixi.js"></script> - Network accessline 443
<script src="https://pixijs.download/release/pixi.js"></script> - Network accessline 443
<script src="https://pixijs.download/release/pixi.js"></script> - Network accessline 622
<script src="https://pixijs.download/release/pixi.js"></script> - Network accessline 622
<script src="https://pixijs.download/release/pixi.js"></script>
plugins/bundles/extended-3d-scroll/skills/pixijs-2d/scripts/sprite_generator.py
- Executable scriptline 1
#!/usr/bin/env python3 - Executable scriptline 1
#!/usr/bin/env python3 - Network accessline 55
<script src="https://pixijs.download/release/pixi.js"></script> - Network accessline 55
<script src="https://pixijs.download/release/pixi.js"></script> - Network accessline 189
<script src="https://pixijs.download/release/pixi.js"></script> - Network accessline 189
<script src="https://pixijs.download/release/pixi.js"></script> - Network accessline 324
<script src="https://pixijs.download/release/pixi.js"></script> - Network accessline 324
<script src="https://pixijs.download/release/pixi.js"></script> - Network accessline 425
<script src="https://pixijs.download/release/pixi.js"></script> - Network accessline 425
<script src="https://pixijs.download/release/pixi.js"></script> - Network accessline 502
<script src="https://pixijs.download/release/pixi.js"></script> - Network accessline 502
<script src="https://pixijs.download/release/pixi.js"></script> - Network accessline 619
<script src="https://pixijs.download/release/pixi.js"></script> - Network accessline 619
<script src="https://pixijs.download/release/pixi.js"></script>
plugins/bundles/extended-3d-scroll/skills/playcanvas-engine/SKILL.md
- Network accessline 361
// Load Ammo.js const ammoScript = document.createElement('script'); ammoScript.src = 'https://cdn.jsdelivr.net/npm/ammo.js@0.0.10/ammo.js'; - Network accessline 361
// Load Ammo.js const ammoScript = document.createElement('script'); ammoScript.src = 'https://cdn.jsdelivr.net/npm/ammo.js@0.0.10/ammo.js'; - Network accessline 362
const ammoScript = document.createElement('script'); ammoScript.src = 'https://cdn.jsdelivr.net/npm/ammo.js@0.0.10/ammo.js'; document.body.appendChild(ammoScript); - Network accessline 362
const ammoScript = document.createElement('script'); ammoScript.src = 'https://cdn.jsdelivr.net/npm/ammo.js@0.0.10/ammo.js'; document.body.appendChild(ammoScript); - Network accessline 363
ammoScript.src = 'https://cdn.jsdelivr.net/npm/ammo.js@0.0.10/ammo.js'; - Network accessline 363
ammoScript.src = 'https://cdn.jsdelivr.net/npm/ammo.js@0.0.10/ammo.js'; - Network accessline 706
// Load exported project config fetch('/config.json') - Network accessline 706
// Load exported project config fetch('/config.json') - Network accessline 707
fetch('/config.json') - Network accessline 707
fetch('/config.json') - Network accessline 975
// ✅ Correct - ensure Ammo.js is loaded const script = document.createElement('script'); script.src = 'https://cdn.jsdelivr.net/npm/ammo.js@0.0.10/ammo.js'; - Network accessline 975
// ✅ Correct - ensure Ammo.js is loaded const script = document.createElement('script'); script.src = 'https://cdn.jsdelivr.net/npm/ammo.js@0.0.10/ammo.js'; - Network accessline 976
const script = document.createElement('script'); script.src = 'https://cdn.jsdelivr.net/npm/ammo.js@0.0.10/ammo.js'; document.body.appendChild(script); - Network accessline 976
const script = document.createElement('script'); script.src = 'https://cdn.jsdelivr.net/npm/ammo.js@0.0.10/ammo.js'; document.body.appendChild(script); - Network accessline 977
script.src = 'https://cdn.jsdelivr.net/npm/ammo.js@0.0.10/ammo.js'; - Network accessline 977
script.src = 'https://cdn.jsdelivr.net/npm/ammo.js@0.0.10/ammo.js'; - Network accessline 1018
- **Official API**: https://api.playcanvas.com/ - Network accessline 1018
- **Official API**: https://api.playcanvas.com/ - Network accessline 1019
- **Developer Docs**: https://developer.playcanvas.com/ - Network accessline 1019
- **Developer Docs**: https://developer.playcanvas.com/ - Network accessline 1020
- **Examples**: https://playcanvas.github.io/ - Network accessline 1020
- **Examples**: https://playcanvas.github.io/ - Network accessline 1021
- **Editor**: https://playcanvas.com/ - Network accessline 1021
- **Editor**: https://playcanvas.com/ - Network accessline 1022
- **GitHub**: https://github.com/playcanvas/engine - Network accessline 1022
- **GitHub**: https://github.com/playcanvas/engine - Network accessline 1023
- **Forum**: https://forum.playcanvas.com/ - Network accessline 1023
- **Forum**: https://forum.playcanvas.com/
plugins/bundles/extended-3d-scroll/skills/playcanvas-engine/assets/examples/README.md
- Network accessline 957
- **Official Examples**: https://playcanvas.github.io - Network accessline 957
- **Official Examples**: https://playcanvas.github.io - Network accessline 958
- **API Docs**: https://api.playcanvas.com - Network accessline 958
- **API Docs**: https://api.playcanvas.com - Network accessline 959
- **Tutorials**: https://developer.playcanvas.com/tutorials - Network accessline 959
- **Tutorials**: https://developer.playcanvas.com/tutorials - Network accessline 960
- **Forum**: https://forum.playcanvas.com - Network accessline 960
- **Forum**: https://forum.playcanvas.com
plugins/bundles/extended-3d-scroll/skills/playcanvas-engine/assets/starter_playcanvas/README.md
- Network accessline 66
Navigate to `http://localhost:8000` - Network accessline 66
Navigate to `http://localhost:8000` - Network accessline 446
- **PlayCanvas Engine**: https://github.com/playcanvas/engine - Network accessline 446
- **PlayCanvas Engine**: https://github.com/playcanvas/engine - Network accessline 447
- **API Documentation**: https://api.playcanvas.com - Network accessline 447
- **API Documentation**: https://api.playcanvas.com - Network accessline 448
- **Examples**: https://playcanvas.github.io - Network accessline 448
- **Examples**: https://playcanvas.github.io - Network accessline 449
- **Forum**: https://forum.playcanvas.com - Network accessline 449
- **Forum**: https://forum.playcanvas.com - Network accessline 450
- **Editor**: https://playcanvas.com (for visual scene editing) - Network accessline 450
- **Editor**: https://playcanvas.com (for visual scene editing) - Network accessline 464
For issues or questions: 1. Check the [PlayCanvas Forum](https://forum.playcanvas.com) - Network accessline 464
For issues or questions: 1. Check the [PlayCanvas Forum](https://forum.playcanvas.com) - Network accessline 465
1. Check the [PlayCanvas Forum](https://forum.playcanvas.com) - Network accessline 465
1. Check the [PlayCanvas Forum](https://forum.playcanvas.com) - Network accessline 466
2. Review [API documentation](https://api.playcanvas.com) - Network accessline 466
2. Review [API documentation](https://api.playcanvas.com) - Network accessline 467
3. Search [examples](https://playcanvas.github.io) - Network accessline 467
3. Search [examples](https://playcanvas.github.io)
plugins/bundles/extended-3d-scroll/skills/playcanvas-engine/assets/starter_playcanvas/index.html
- Network accessline 9
<!-- PlayCanvas Engine --> <script src="https://code.playcanvas.com/playcanvas-stable.min.js"></script> - Network accessline 9
<!-- PlayCanvas Engine --> <script src="https://code.playcanvas.com/playcanvas-stable.min.js"></script> - Network accessline 10
<script src="https://code.playcanvas.com/playcanvas-stable.min.js"></script> - Network accessline 10
<script src="https://code.playcanvas.com/playcanvas-stable.min.js"></script>
plugins/bundles/extended-3d-scroll/skills/playcanvas-engine/assets/starter_playcanvas/scripts/app.js
plugins/bundles/extended-3d-scroll/skills/playcanvas-engine/assets/starter_playcanvas/scripts/camera-controller.js
plugins/bundles/extended-3d-scroll/skills/playcanvas-engine/assets/starter_playcanvas/scripts/input-manager.js
plugins/bundles/extended-3d-scroll/skills/playcanvas-engine/references/api_reference.md
- Network accessline 5
**Version**: 1.70+ **License**: MIT **Official Docs**: https://api.playcanvas.com/ - Network accessline 5
**Version**: 1.70+ **License**: MIT **Official Docs**: https://api.playcanvas.com/ - Network accessline 7
**Official Docs**: https://api.playcanvas.com/ - Network accessline 7
**Official Docs**: https://api.playcanvas.com/
plugins/bundles/extended-3d-scroll/skills/playcanvas-engine/references/editor_workflow.md
- Network accessline 63
1. **Sign up** at https://playcanvas.com - Network accessline 63
1. **Sign up** at https://playcanvas.com - Network accessline 472
// Download scene JSON via PlayCanvas API fetch('https://playcanvas.com/api/projects/{id}/scenes/{sceneId}', { - Network accessline 472
// Download scene JSON via PlayCanvas API fetch('https://playcanvas.com/api/projects/{id}/scenes/{sceneId}', { - Network accessline 473
fetch('https://playcanvas.com/api/projects/{id}/scenes/{sceneId}', { - Network accessline 473
fetch('https://playcanvas.com/api/projects/{id}/scenes/{sceneId}', { - Network accessline 498
// Load scene from Editor export fetch('config.json') - Network accessline 498
// Load scene from Editor export fetch('config.json') - Network accessline 499
fetch('config.json') - Network accessline 499
fetch('config.json') - Network accessline 814
- **Editor**: https://playcanvas.com - Network accessline 814
- **Editor**: https://playcanvas.com - Network accessline 815
- **Developer Docs**: https://developer.playcanvas.com - Network accessline 815
- **Developer Docs**: https://developer.playcanvas.com - Network accessline 816
- **API Reference**: https://api.playcanvas.com - Network accessline 816
- **API Reference**: https://api.playcanvas.com - Network accessline 817
- **Tutorials**: https://developer.playcanvas.com/tutorials/ - Network accessline 817
- **Tutorials**: https://developer.playcanvas.com/tutorials/ - Network accessline 818
- **Forum**: https://forum.playcanvas.com - Network accessline 818
- **Forum**: https://forum.playcanvas.com - Network accessline 819
- **Examples**: https://playcanvas.github.io - Network accessline 819
- **Examples**: https://playcanvas.github.io
plugins/bundles/extended-3d-scroll/skills/playcanvas-engine/references/optimization_guide.md
- Network accessline 906
- **Optimization Tutorial**: https://developer.playcanvas.com/en/tutorials/optimization/ - Network accessline 906
- **Optimization Tutorial**: https://developer.playcanvas.com/en/tutorials/optimization/ - Network accessline 907
- **Best Practices**: https://developer.playcanvas.com/en/user-manual/optimization/ - Network accessline 907
- **Best Practices**: https://developer.playcanvas.com/en/user-manual/optimization/ - Network accessline 908
- **Profiling Guide**: https://developer.playcanvas.com/en/user-manual/optimization/profiling/ - Network accessline 908
- **Profiling Guide**: https://developer.playcanvas.com/en/user-manual/optimization/profiling/
plugins/bundles/extended-3d-scroll/skills/playcanvas-engine/scripts/component_builder.py
plugins/bundles/extended-3d-scroll/skills/playcanvas-engine/scripts/project_generator.py
- Executable scriptline 1
#!/usr/bin/env python3 - Executable scriptline 1
#!/usr/bin/env python3 - Network accessline 102
<!-- PlayCanvas Engine --> <script src="https://cdn.jsdelivr.net/npm/playcanvas@1.70.0/build/playcanvas.min.js"></script> - Network accessline 102
<!-- PlayCanvas Engine --> <script src="https://cdn.jsdelivr.net/npm/playcanvas@1.70.0/build/playcanvas.min.js"></script> - Network accessline 103
<script src="https://cdn.jsdelivr.net/npm/playcanvas@1.70.0/build/playcanvas.min.js"></script> - Network accessline 103
<script src="https://cdn.jsdelivr.net/npm/playcanvas@1.70.0/build/playcanvas.min.js"></script> - Network accessline 204
additional_scripts = """ <!-- Ammo.js Physics Engine --> <script src="https://cdn.jsdelivr.net/npm/ammo.js@0.0.10/ammo.js"></script>""" - Network accessline 204
additional_scripts = """ <!-- Ammo.js Physics Engine --> <script src="https://cdn.jsdelivr.net/npm/ammo.js@0.0.10/ammo.js"></script>""" - Network accessline 206
<script src="https://cdn.jsdelivr.net/npm/ammo.js@0.0.10/ammo.js"></script>""" - Network accessline 206
<script src="https://cdn.jsdelivr.net/npm/ammo.js@0.0.10/ammo.js"></script>"""
plugins/bundles/meta-skills/.claude-plugin/plugin.json
- Network accessline 8
}, "license": "Apache-2.0", "homepage": "https://github.com/freshtechbro/claudedesignskills", - Network accessline 9
"license": "Apache-2.0", "homepage": "https://github.com/freshtechbro/claudedesignskills", "repository": "https://github.com/freshtechbro/claudedesignskills.git", - Network accessline 10
"homepage": "https://github.com/freshtechbro/claudedesignskills", - Network accessline 11
"repository": "https://github.com/freshtechbro/claudedesignskills.git",
plugins/bundles/meta-skills/skills/modern-web-design/references/accessibility_guide.md
- Network accessline 65
**Tools**: - WebAIM Contrast Checker: https://webaim.org/resources/contrastchecker/ - Network accessline 65
**Tools**: - WebAIM Contrast Checker: https://webaim.org/resources/contrastchecker/ - Network accessline 66
- WebAIM Contrast Checker: https://webaim.org/resources/contrastchecker/ - Network accessline 66
- WebAIM Contrast Checker: https://webaim.org/resources/contrastchecker/ - Network accessline 751
# pa11y npm install -g pa11y pa11y https://example.com - Network accessline 751
# pa11y npm install -g pa11y pa11y https://example.com - Network accessline 753
pa11y https://example.com - Network accessline 753
pa11y https://example.com - Network accessline 755
# axe-core CLI npm install -g @axe-core/cli axe https://example.com - Network accessline 755
# axe-core CLI npm install -g @axe-core/cli axe https://example.com - Network accessline 757
axe https://example.com - Network accessline 757
axe https://example.com
plugins/bundles/meta-skills/skills/modern-web-design/references/performance_checklist.md
- Network accessline 712
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 712
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 713
<link rel="preconnect" href="https://cdn.example.com"> - Network accessline 713
<link rel="preconnect" href="https://cdn.example.com"> - Network accessline 718
<link rel="dns-prefetch" href="https://analytics.example.com"> - Network accessline 718
<link rel="dns-prefetch" href="https://analytics.example.com"> - Network accessline 785
function sendToAnalytics({ name, value, id }) { // Send to your analytics endpoint fetch('/analytics', { - Network accessline 785
function sendToAnalytics({ name, value, id }) { // Send to your analytics endpoint fetch('/analytics', { - Network accessline 786
// Send to your analytics endpoint fetch('/analytics', { method: 'POST', - Network accessline 786
// Send to your analytics endpoint fetch('/analytics', { method: 'POST', - Network accessline 787
fetch('/analytics', { - Network accessline 787
fetch('/analytics', {
plugins/bundles/meta-skills/skills/modern-web-design/scripts/design_audit.py
plugins/bundles/meta-skills/skills/modern-web-design/scripts/pattern_generator.py
plugins/individual/aframe-webxr/.claude-plugin/plugin.json
- Network accessline 8
}, "license": "Apache-2.0", "homepage": "https://github.com/freshtechbro/claudedesignskills", - Network accessline 9
"license": "Apache-2.0", "homepage": "https://github.com/freshtechbro/claudedesignskills", "repository": "https://github.com/freshtechbro/claudedesignskills.git", - Network accessline 10
"homepage": "https://github.com/freshtechbro/claudedesignskills", - Network accessline 11
"repository": "https://github.com/freshtechbro/claudedesignskills.git",
plugins/individual/aframe-webxr/skills/aframe-webxr/SKILL.md
- Network accessline 57
<html> <head> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 57
<html> <head> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 58
<head> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> </head> - Network accessline 58
<head> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> </head> - Network accessline 59
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 59
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 583
<html> <head> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 583
<html> <head> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 584
<head> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/@fern-solutions/aframe-sky-background/dist/sky-background.umd.min.js"></script> - Network accessline 584
<head> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/@fern-solutions/aframe-sky-background/dist/sky-background.umd.min.js"></script> - Network accessline 585
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 585
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 586
<script src="https://cdn.jsdelivr.net/npm/@fern-solutions/aframe-sky-background/dist/sky-background.umd.min.js"></script> - Network accessline 586
<script src="https://cdn.jsdelivr.net/npm/@fern-solutions/aframe-sky-background/dist/sky-background.umd.min.js"></script> - Network accessline 587
<script src="https://cdn.jsdelivr.net/gh/c-frame/aframe-extras@7.5.0/dist/aframe-extras.min.js"></script> - Network accessline 587
<script src="https://cdn.jsdelivr.net/gh/c-frame/aframe-extras@7.5.0/dist/aframe-extras.min.js"></script> - Network accessline 702
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script> - Network accessline 702
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js"></script> - Network accessline 1033
<!-- Use crossorigin attribute --> <a-assets> <img id="texture" src="https://example.com/texture.jpg" crossorigin="anonymous"> - Network accessline 1033
<!-- Use crossorigin attribute --> <a-assets> <img id="texture" src="https://example.com/texture.jpg" crossorigin="anonymous"> - Network accessline 1034
<a-assets> <img id="texture" src="https://example.com/texture.jpg" crossorigin="anonymous"> </a-assets> - Network accessline 1034
<a-assets> <img id="texture" src="https://example.com/texture.jpg" crossorigin="anonymous"> </a-assets> - Network accessline 1035
<img id="texture" src="https://example.com/texture.jpg" crossorigin="anonymous"> - Network accessline 1035
<img id="texture" src="https://example.com/texture.jpg" crossorigin="anonymous"> - Network accessline 1064
- [A-Frame Documentation](https://aframe.io/docs/) - Network accessline 1064
- [A-Frame Documentation](https://aframe.io/docs/) - Network accessline 1065
- [A-Frame GitHub](https://github.com/aframevr/aframe) - Network accessline 1065
- [A-Frame GitHub](https://github.com/aframevr/aframe) - Network accessline 1066
- [A-Frame School](https://aframe.io/school/) - Network accessline 1066
- [A-Frame School](https://aframe.io/school/) - Network accessline 1067
- [A-Frame Community Components](https://github.com/c-frame) - Network accessline 1067
- [A-Frame Community Components](https://github.com/c-frame) - Network accessline 1068
- [WebXR Device API](https://www.w3.org/TR/webxr/) - Network accessline 1068
- [WebXR Device API](https://www.w3.org/TR/webxr/) - Network accessline 1069
- [Three.js Documentation](https://threejs.org/docs/) (A-Frame built on Three.js) - Network accessline 1069
- [Three.js Documentation](https://threejs.org/docs/) (A-Frame built on Three.js)
plugins/individual/aframe-webxr/skills/aframe-webxr/assets/examples/README.md
- Network accessline 566
<script src="https://cdn.jsdelivr.net/npm/networked-aframe@^0.11.0/dist/networked-aframe.min.js"></script> - Network accessline 566
<script src="https://cdn.jsdelivr.net/npm/networked-aframe@^0.11.0/dist/networked-aframe.min.js"></script> - Network accessline 671
<script src="https://cdn.jsdelivr.net/npm/aframe-physics-system@4.2.2/dist/aframe-physics-system.min.js"></script> - Network accessline 671
<script src="https://cdn.jsdelivr.net/npm/aframe-physics-system@4.2.2/dist/aframe-physics-system.min.js"></script>
plugins/individual/aframe-webxr/skills/aframe-webxr/assets/starter_aframe/README.md
- Network accessline 33
Then visit `http://localhost:8000` - Network accessline 33
Then visit `http://localhost:8000` - Network accessline 232
<script src="https://cdn.jsdelivr.net/npm/aframe-physics-system@4.2.2/dist/aframe-physics-system.min.js"></script> - Network accessline 232
<script src="https://cdn.jsdelivr.net/npm/aframe-physics-system@4.2.2/dist/aframe-physics-system.min.js"></script> - Network accessline 243
<script src="https://cdn.jsdelivr.net/npm/aframe-environment-component@1.3.3/dist/aframe-environment-component.min.js"></script> - Network accessline 243
<script src="https://cdn.jsdelivr.net/npm/aframe-environment-component@1.3.3/dist/aframe-environment-component.min.js"></script> - Network accessline 251
<script src="https://cdn.jsdelivr.net/gh/c-frame/aframe-particle-system-component@1.2.x/dist/aframe-particle-system-component.min.js"></script> - Network accessline 251
<script src="https://cdn.jsdelivr.net/gh/c-frame/aframe-particle-system-component@1.2.x/dist/aframe-particle-system-component.min.js"></script> - Network accessline 258
- [A-Frame Documentation](https://aframe.io/docs/) - Network accessline 258
- [A-Frame Documentation](https://aframe.io/docs/) - Network accessline 259
- [A-Frame School](https://aframe.io/school/) - Network accessline 259
- [A-Frame School](https://aframe.io/school/) - Network accessline 260
- [A-Frame Examples](https://aframe.io/examples/) - Network accessline 260
- [A-Frame Examples](https://aframe.io/examples/) - Network accessline 261
- [A-Frame Community Components](https://github.com/c-frame) - Network accessline 261
- [A-Frame Community Components](https://github.com/c-frame) - Network accessline 262
- [WebXR Guide](https://immersiveweb.dev/) - Network accessline 262
- [WebXR Guide](https://immersiveweb.dev/)
plugins/individual/aframe-webxr/skills/aframe-webxr/assets/starter_aframe/index.html
- Network accessline 6
<meta name="description" content="A-Frame VR/AR Starter Template"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 6
<meta name="description" content="A-Frame VR/AR Starter Template"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 7
<meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> <link rel="stylesheet" href="style.css"> - Network accessline 7
<meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> <link rel="stylesheet" href="style.css"> - Network accessline 8
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 8
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 13
<!-- Assets --> <a-assets> <audio id="click-sound" src="https://cdn.aframe.io/360-image-gallery-boilerplate/audio/click.ogg"></audio> - Network accessline 13
<!-- Assets --> <a-assets> <audio id="click-sound" src="https://cdn.aframe.io/360-image-gallery-boilerplate/audio/click.ogg"></audio> - Network accessline 14
<a-assets> <audio id="click-sound" src="https://cdn.aframe.io/360-image-gallery-boilerplate/audio/click.ogg"></audio> </a-assets> - Network accessline 14
<a-assets> <audio id="click-sound" src="https://cdn.aframe.io/360-image-gallery-boilerplate/audio/click.ogg"></audio> </a-assets> - Network accessline 15
<audio id="click-sound" src="https://cdn.aframe.io/360-image-gallery-boilerplate/audio/click.ogg"></audio> - Network accessline 15
<audio id="click-sound" src="https://cdn.aframe.io/360-image-gallery-boilerplate/audio/click.ogg"></audio>
plugins/individual/aframe-webxr/skills/aframe-webxr/assets/starter_aframe/main.js
plugins/individual/aframe-webxr/skills/aframe-webxr/references/api_reference.md
- Network accessline 1207
<html> <head> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 1207
<html> <head> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 1208
<head> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> </head> - Network accessline 1208
<head> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> </head> - Network accessline 1209
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 1209
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script>
plugins/individual/aframe-webxr/skills/aframe-webxr/references/components_library.md
- Network accessline 26
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 26
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 27
<script src="https://cdn.jsdelivr.net/gh/c-frame/aframe-extras@7.5.0/dist/aframe-extras.min.js"></script> - Network accessline 27
<script src="https://cdn.jsdelivr.net/gh/c-frame/aframe-extras@7.5.0/dist/aframe-extras.min.js"></script> - Network accessline 56
**GitHub**: https://github.com/supermedium/aframe-environment-component - Network accessline 56
**GitHub**: https://github.com/supermedium/aframe-environment-component - Network accessline 60
<script src="https://cdn.jsdelivr.net/npm/aframe-environment-component@1.3.3/dist/aframe-environment-component.min.js"></script> - Network accessline 60
<script src="https://cdn.jsdelivr.net/npm/aframe-environment-component@1.3.3/dist/aframe-environment-component.min.js"></script> - Network accessline 107
**GitHub**: https://github.com/IdeaSpaceVR/aframe-particle-system-component - Network accessline 107
**GitHub**: https://github.com/IdeaSpaceVR/aframe-particle-system-component - Network accessline 111
<script src="https://cdn.jsdelivr.net/gh/IdeaSpaceVR/aframe-particle-system-component@1.2.x/dist/aframe-particle-system-component.min.js"></script> - Network accessline 111
<script src="https://cdn.jsdelivr.net/gh/IdeaSpaceVR/aframe-particle-system-component@1.2.x/dist/aframe-particle-system-component.min.js"></script> - Network accessline 131
maxAge: 2; blending: additive; texture: https://cdn.aframe.io/examples/particle/images/star.png - Network accessline 131
maxAge: 2; blending: additive; texture: https://cdn.aframe.io/examples/particle/images/star.png - Network accessline 132
blending: additive; texture: https://cdn.aframe.io/examples/particle/images/star.png "></a-entity> - Network accessline 132
blending: additive; texture: https://cdn.aframe.io/examples/particle/images/star.png "></a-entity> - Network accessline 133
texture: https://cdn.aframe.io/examples/particle/images/star.png - Network accessline 133
texture: https://cdn.aframe.io/examples/particle/images/star.png - Network accessline 143
**GitHub**: https://github.com/wizgrav/aframe-effects - Network accessline 143
**GitHub**: https://github.com/wizgrav/aframe-effects - Network accessline 147
<script src="https://cdn.jsdelivr.net/npm/aframe-effects@2.0.3/dist/aframe-effects.min.js"></script> - Network accessline 147
<script src="https://cdn.jsdelivr.net/npm/aframe-effects@2.0.3/dist/aframe-effects.min.js"></script> - Network accessline 175
**GitHub**: https://github.com/c-frame/aframe-physics-system - Network accessline 175
**GitHub**: https://github.com/c-frame/aframe-physics-system - Network accessline 179
<script src="https://cdn.jsdelivr.net/npm/aframe-physics-system@4.2.2/dist/aframe-physics-system.min.js"></script> - Network accessline 179
<script src="https://cdn.jsdelivr.net/npm/aframe-physics-system@4.2.2/dist/aframe-physics-system.min.js"></script> - Network accessline 232
**GitHub**: https://github.com/c-frame/aframe-physics-system - Network accessline 232
**GitHub**: https://github.com/c-frame/aframe-physics-system - Network accessline 264
**GitHub**: https://github.com/c-frame/aframe-extras - Network accessline 264
**GitHub**: https://github.com/c-frame/aframe-extras - Network accessline 268
<script src="https://cdn.jsdelivr.net/gh/c-frame/aframe-extras@7.5.0/dist/aframe-extras.min.js"></script> - Network accessline 268
<script src="https://cdn.jsdelivr.net/gh/c-frame/aframe-extras@7.5.0/dist/aframe-extras.min.js"></script> - Network accessline 307
**GitHub**: https://github.com/jure/aframe-blink-controls - Network accessline 307
**GitHub**: https://github.com/jure/aframe-blink-controls - Network accessline 311
<script src="https://cdn.jsdelivr.net/npm/aframe-blink-controls/dist/aframe-blink-controls.min.js"></script> - Network accessline 311
<script src="https://cdn.jsdelivr.net/npm/aframe-blink-controls/dist/aframe-blink-controls.min.js"></script> - Network accessline 377
**GitHub**: https://github.com/c-frame/aframe-simple-sun-sky - Network accessline 377
**GitHub**: https://github.com/c-frame/aframe-simple-sun-sky - Network accessline 381
<script src="https://cdn.jsdelivr.net/npm/aframe-simple-sun-sky@^1.2.2/simple-sun-sky.js"></script> - Network accessline 381
<script src="https://cdn.jsdelivr.net/npm/aframe-simple-sun-sky@^1.2.2/simple-sun-sky.js"></script> - Network accessline 407
**GitHub**: https://github.com/mayognaise/aframe-html-shader - Network accessline 407
**GitHub**: https://github.com/mayognaise/aframe-html-shader - Network accessline 411
<script src="https://cdn.jsdelivr.net/npm/aframe-html-shader@0.2.0/dist/aframe-html-shader.min.js"></script> - Network accessline 411
<script src="https://cdn.jsdelivr.net/npm/aframe-html-shader@0.2.0/dist/aframe-html-shader.min.js"></script> - Network accessline 431
**GitHub**: https://github.com/rdub80/aframe-gui - Network accessline 431
**GitHub**: https://github.com/rdub80/aframe-gui - Network accessline 435
<script src="https://cdn.jsdelivr.net/npm/aframe-gui/dist/aframe-gui.min.js"></script> - Network accessline 435
<script src="https://cdn.jsdelivr.net/npm/aframe-gui/dist/aframe-gui.min.js"></script> - Network accessline 470
**GitHub**: https://github.com/lojjic/aframe-troika-text - Network accessline 470
**GitHub**: https://github.com/lojjic/aframe-troika-text - Network accessline 474
<script src="https://cdn.jsdelivr.net/npm/troika-three-text@0.46.4/dist/troika-three-text.min.js"></script> - Network accessline 474
<script src="https://cdn.jsdelivr.net/npm/troika-three-text@0.46.4/dist/troika-three-text.min.js"></script> - Network accessline 475
<script src="https://cdn.jsdelivr.net/npm/aframe-troika-text@1.0.0/dist/aframe-troika-text.min.js"></script> - Network accessline 475
<script src="https://cdn.jsdelivr.net/npm/aframe-troika-text@1.0.0/dist/aframe-troika-text.min.js"></script> - Network accessline 502
**GitHub**: https://github.com/harlyq/aframe-spe-particles-component - Network accessline 502
**GitHub**: https://github.com/harlyq/aframe-spe-particles-component - Network accessline 506
<script src="https://cdn.jsdelivr.net/npm/aframe-spe-particles-component/dist/aframe-spe-particles-component.min.js"></script> - Network accessline 506
<script src="https://cdn.jsdelivr.net/npm/aframe-spe-particles-component/dist/aframe-spe-particles-component.min.js"></script> - Network accessline 511
<!-- Fire effect --> <a-entity spe-particles=" texture: https://cdn.rawgit.com/IdeaSpaceVR/aframe-particle-system-component/master/dist/images/star.png; - Network accessline 511
<!-- Fire effect --> <a-entity spe-particles=" texture: https://cdn.rawgit.com/IdeaSpaceVR/aframe-particle-system-component/master/dist/images/star.png; - Network accessline 512
<a-entity spe-particles=" texture: https://cdn.rawgit.com/IdeaSpaceVR/aframe-particle-system-component/master/dist/images/star.png; color: #ff0000, #ffff00; - Network accessline 512
<a-entity spe-particles=" texture: https://cdn.rawgit.com/IdeaSpaceVR/aframe-particle-system-component/master/dist/images/star.png; color: #ff0000, #ffff00; - Network accessline 513
texture: https://cdn.rawgit.com/IdeaSpaceVR/aframe-particle-system-component/master/dist/images/star.png; - Network accessline 513
texture: https://cdn.rawgit.com/IdeaSpaceVR/aframe-particle-system-component/master/dist/images/star.png; - Network accessline 535
**GitHub**: https://github.com/oscarmarinmiro/aframe-stereo-component - Network accessline 535
**GitHub**: https://github.com/oscarmarinmiro/aframe-stereo-component - Network accessline 539
<script src="https://cdn.jsdelivr.net/npm/aframe-stereo-component/dist/aframe-stereo-component.min.js"></script> - Network accessline 539
<script src="https://cdn.jsdelivr.net/npm/aframe-stereo-component/dist/aframe-stereo-component.min.js"></script> - Network accessline 588
**GitHub**: https://github.com/c-frame/aframe-super-hands-component - Network accessline 588
**GitHub**: https://github.com/c-frame/aframe-super-hands-component - Network accessline 592
<script src="https://cdn.jsdelivr.net/npm/super-hands/dist/super-hands.min.js"></script> - Network accessline 592
<script src="https://cdn.jsdelivr.net/npm/super-hands/dist/super-hands.min.js"></script> - Network accessline 617
**GitHub**: https://github.com/c-frame/aframe-input-mapping-component - Network accessline 617
**GitHub**: https://github.com/c-frame/aframe-input-mapping-component - Network accessline 621
<script src="https://cdn.jsdelivr.net/npm/aframe-input-mapping-component/dist/aframe-input-mapping-component.min.js"></script> - Network accessline 621
<script src="https://cdn.jsdelivr.net/npm/aframe-input-mapping-component/dist/aframe-input-mapping-component.min.js"></script> - Network accessline 648
**GitHub**: https://github.com/networked-aframe/networked-aframe - Network accessline 648
**GitHub**: https://github.com/networked-aframe/networked-aframe - Network accessline 652
<script src="https://cdn.jsdelivr.net/npm/networked-aframe@^0.11.0/dist/networked-aframe.min.js"></script> - Network accessline 652
<script src="https://cdn.jsdelivr.net/npm/networked-aframe@^0.11.0/dist/networked-aframe.min.js"></script> - Network accessline 705
**GitHub**: https://github.com/tizzle/aframe-orbit-controls-component - Network accessline 705
**GitHub**: https://github.com/tizzle/aframe-orbit-controls-component - Network accessline 709
<script src="https://cdn.jsdelivr.net/npm/aframe-orbit-controls@1.3.2/dist/aframe-orbit-controls.min.js"></script> - Network accessline 709
<script src="https://cdn.jsdelivr.net/npm/aframe-orbit-controls@1.3.2/dist/aframe-orbit-controls.min.js"></script> - Network accessline 727
**GitHub**: https://github.com/protyze/aframe-alongpath-component - Network accessline 727
**GitHub**: https://github.com/protyze/aframe-alongpath-component - Network accessline 731
<script src="https://cdn.jsdelivr.net/npm/aframe-alongpath-component/dist/aframe-alongpath-component.min.js"></script> - Network accessline 731
<script src="https://cdn.jsdelivr.net/npm/aframe-alongpath-component/dist/aframe-alongpath-component.min.js"></script> - Network accessline 755
**GitHub**: https://github.com/jesstelford/aframe-click-drag-component - Network accessline 755
**GitHub**: https://github.com/jesstelford/aframe-click-drag-component - Network accessline 759
<script src="https://cdn.jsdelivr.net/npm/aframe-click-drag-component/dist/aframe-click-drag-component.min.js"></script> - Network accessline 759
<script src="https://cdn.jsdelivr.net/npm/aframe-click-drag-component/dist/aframe-click-drag-component.min.js"></script> - Network accessline 794
**A-Frame Registry**: https://aframe.io/registry/ - Network accessline 794
**A-Frame Registry**: https://aframe.io/registry/
plugins/individual/aframe-webxr/skills/aframe-webxr/references/webxr_guide.md
- Network accessline 27
<html> <head> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 27
<html> <head> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 28
<head> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> </head> - Network accessline 28
<head> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> </head> - Network accessline 29
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 29
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 189
<html> <head> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 189
<html> <head> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 190
<head> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> </head> - Network accessline 190
<head> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> </head> - Network accessline 191
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 191
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 964
- [WebXR Device API Specification](https://www.w3.org/TR/webxr/) - Network accessline 964
- [WebXR Device API Specification](https://www.w3.org/TR/webxr/) - Network accessline 965
- [A-Frame WebXR Documentation](https://aframe.io/docs/1.7.0/introduction/webxr.html) - Network accessline 965
- [A-Frame WebXR Documentation](https://aframe.io/docs/1.7.0/introduction/webxr.html) - Network accessline 966
- [Meta Quest Development](https://developer.oculus.com/) - Network accessline 966
- [Meta Quest Development](https://developer.oculus.com/) - Network accessline 967
- [WebXR Samples](https://immersive-web.github.io/webxr-samples/) - Network accessline 967
- [WebXR Samples](https://immersive-web.github.io/webxr-samples/) - Network accessline 968
- [Mozilla Mixed Reality Blog](https://mixedreality.mozilla.org/) - Network accessline 968
- [Mozilla Mixed Reality Blog](https://mixedreality.mozilla.org/)
plugins/individual/aframe-webxr/skills/aframe-webxr/scripts/component_builder.py
plugins/individual/aframe-webxr/skills/aframe-webxr/scripts/scene_generator.py
- Executable scriptline 1
#!/usr/bin/env python3 - Executable scriptline 1
#!/usr/bin/env python3 - Network accessline 71
<meta name="description" content="{name} - A-Frame VR"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 71
<meta name="description" content="{name} - A-Frame VR"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 72
<meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> <style> - Network accessline 72
<meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> <style> - Network accessline 73
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 73
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 152
<meta name="description" content="{name} - VR Experience"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 152
<meta name="description" content="{name} - VR Experience"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 153
<meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/aframe-blink-controls/dist/aframe-blink-controls.m - Network accessline 153
<meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/aframe-blink-controls/dist/aframe-blink-controls.m - Network accessline 154
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 154
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 155
<script src="https://cdn.jsdelivr.net/npm/aframe-blink-controls/dist/aframe-blink-controls.min.js"></script> - Network accessline 155
<script src="https://cdn.jsdelivr.net/npm/aframe-blink-controls/dist/aframe-blink-controls.min.js"></script> - Network accessline 162
<!-- Assets --> <a-assets> <audio id="click-sound" src="https://cdn.aframe.io/360-image-gallery-boilerplate/audio/click.ogg"></audio> - Network accessline 162
<!-- Assets --> <a-assets> <audio id="click-sound" src="https://cdn.aframe.io/360-image-gallery-boilerplate/audio/click.ogg"></audio> - Network accessline 163
<a-assets> <audio id="click-sound" src="https://cdn.aframe.io/360-image-gallery-boilerplate/audio/click.ogg"></audio> </a-assets> - Network accessline 163
<a-assets> <audio id="click-sound" src="https://cdn.aframe.io/360-image-gallery-boilerplate/audio/click.ogg"></audio> </a-assets> - Network accessline 164
<audio id="click-sound" src="https://cdn.aframe.io/360-image-gallery-boilerplate/audio/click.ogg"></audio> - Network accessline 164
<audio id="click-sound" src="https://cdn.aframe.io/360-image-gallery-boilerplate/audio/click.ogg"></audio> - Network accessline 264
<meta name="description" content="{name} - AR Experience"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 264
<meta name="description" content="{name} - AR Experience"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 265
<meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> <style> - Network accessline 265
<meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> <style> - Network accessline 266
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 266
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 304
<a-assets> <!-- Replace with your GLTF model --> <a-asset-item id="model-asset" src="https://cdn.aframe.io/test-models/models/virtualcity/VC.gltf"></a-asset-item> - Network accessline 304
<a-assets> <!-- Replace with your GLTF model --> <a-asset-item id="model-asset" src="https://cdn.aframe.io/test-models/models/virtualcity/VC.gltf"></a-asset-item> - Network accessline 305
<!-- Replace with your GLTF model --> <a-asset-item id="model-asset" src="https://cdn.aframe.io/test-models/models/virtualcity/VC.gltf"></a-asset-item> </a-assets> - Network accessline 305
<!-- Replace with your GLTF model --> <a-asset-item id="model-asset" src="https://cdn.aframe.io/test-models/models/virtualcity/VC.gltf"></a-asset-item> </a-assets> - Network accessline 306
<a-asset-item id="model-asset" src="https://cdn.aframe.io/test-models/models/virtualcity/VC.gltf"></a-asset-item> - Network accessline 306
<a-asset-item id="model-asset" src="https://cdn.aframe.io/test-models/models/virtualcity/VC.gltf"></a-asset-item> - Network accessline 398
<meta name="description" content="{name} - 360° Gallery"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 398
<meta name="description" content="{name} - 360° Gallery"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 399
<meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> <script src="https://unpkg.com/aframe-event-set-component@5.0.0/dist/aframe-event-set-compon - Network accessline 399
<meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> <script src="https://unpkg.com/aframe-event-set-component@5.0.0/dist/aframe-event-set-compon - Network accessline 400
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 400
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 401
<script src="https://unpkg.com/aframe-event-set-component@5.0.0/dist/aframe-event-set-component.min.js"></script> - Network accessline 401
<script src="https://unpkg.com/aframe-event-set-component@5.0.0/dist/aframe-event-set-component.min.js"></script> - Network accessline 422
<a-assets> <!-- Replace with your 360 images --> <img id="city" src="https://cdn.aframe.io/360-image-gallery-boilerplate/img/city.jpg" crossorigin="anonymous"> - Network accessline 422
<a-assets> <!-- Replace with your 360 images --> <img id="city" src="https://cdn.aframe.io/360-image-gallery-boilerplate/img/city.jpg" crossorigin="anonymous"> - Network accessline 423
<!-- Replace with your 360 images --> <img id="city" src="https://cdn.aframe.io/360-image-gallery-boilerplate/img/city.jpg" crossorigin="anonymous"> <img id="forest" src="https://cdn.aframe.io/360-image-gallery-boilerplate/i - Network accessline 423
<!-- Replace with your 360 images --> <img id="city" src="https://cdn.aframe.io/360-image-gallery-boilerplate/img/city.jpg" crossorigin="anonymous"> <img id="forest" src="https://cdn.aframe.io/360-image-gallery-boilerplate/i - Network accessline 424
<img id="city" src="https://cdn.aframe.io/360-image-gallery-boilerplate/img/city.jpg" crossorigin="anonymous"> - Network accessline 424
<img id="city" src="https://cdn.aframe.io/360-image-gallery-boilerplate/img/city.jpg" crossorigin="anonymous"> - Network accessline 425
<img id="forest" src="https://cdn.aframe.io/360-image-gallery-boilerplate/img/cubes.jpg" crossorigin="anonymous"> - Network accessline 425
<img id="forest" src="https://cdn.aframe.io/360-image-gallery-boilerplate/img/cubes.jpg" crossorigin="anonymous"> - Network accessline 426
<img id="space" src="https://cdn.aframe.io/360-image-gallery-boilerplate/img/sechelt.jpg" crossorigin="anonymous"> - Network accessline 426
<img id="space" src="https://cdn.aframe.io/360-image-gallery-boilerplate/img/sechelt.jpg" crossorigin="anonymous"> - Network accessline 428
<!-- Thumbnails --> <img id="city-thumb" src="https://cdn.aframe.io/360-image-gallery-boilerplate/img/thumb-city.jpg" crossorigin="anonymous"> - Network accessline 428
<!-- Thumbnails --> <img id="city-thumb" src="https://cdn.aframe.io/360-image-gallery-boilerplate/img/thumb-city.jpg" crossorigin="anonymous"> - Network accessline 429
<img id="city-thumb" src="https://cdn.aframe.io/360-image-gallery-boilerplate/img/thumb-city.jpg" crossorigin="anonymous"> - Network accessline 429
<img id="city-thumb" src="https://cdn.aframe.io/360-image-gallery-boilerplate/img/thumb-city.jpg" crossorigin="anonymous"> - Network accessline 430
<img id="forest-thumb" src="https://cdn.aframe.io/360-image-gallery-boilerplate/img/thumb-cubes.jpg" crossorigin="anonymous"> - Network accessline 430
<img id="forest-thumb" src="https://cdn.aframe.io/360-image-gallery-boilerplate/img/thumb-cubes.jpg" crossorigin="anonymous"> - Network accessline 431
<img id="space-thumb" src="https://cdn.aframe.io/360-image-gallery-boilerplate/img/thumb-sechelt.jpg" crossorigin="anonymous"> - Network accessline 431
<img id="space-thumb" src="https://cdn.aframe.io/360-image-gallery-boilerplate/img/thumb-sechelt.jpg" crossorigin="anonymous"> - Network accessline 433
<audio id="click-sound" src="https://cdn.aframe.io/360-image-gallery-boilerplate/audio/click.ogg"></audio> - Network accessline 433
<audio id="click-sound" src="https://cdn.aframe.io/360-image-gallery-boilerplate/audio/click.ogg"></audio> - Network accessline 496
<meta name="description" content="{name} - Physics Simulation"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 496
<meta name="description" content="{name} - Physics Simulation"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 497
<meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/aframe-physics-system@4.2.2/dist/aframe-physics-sy - Network accessline 497
<meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/aframe-physics-system@4.2.2/dist/aframe-physics-sy - Network accessline 498
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 498
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 499
<script src="https://cdn.jsdelivr.net/npm/aframe-physics-system@4.2.2/dist/aframe-physics-system.min.js"></script> - Network accessline 499
<script src="https://cdn.jsdelivr.net/npm/aframe-physics-system@4.2.2/dist/aframe-physics-system.min.js"></script> - Network accessline 603
<meta name="description" content="{name} - Procedural Environment"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 603
<meta name="description" content="{name} - Procedural Environment"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 604
<meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/aframe-environment-component@1.3.3/dist/aframe-env - Network accessline 604
<meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/aframe-environment-component@1.3.3/dist/aframe-env - Network accessline 605
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 605
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 606
<script src="https://cdn.jsdelivr.net/npm/aframe-environment-component@1.3.3/dist/aframe-environment-component.min.js"></script> - Network accessline 606
<script src="https://cdn.jsdelivr.net/npm/aframe-environment-component@1.3.3/dist/aframe-environment-component.min.js"></script> - Network accessline 607
<script src="https://cdn.jsdelivr.net/gh/c-frame/aframe-particle-system-component@1.2.x/dist/aframe-particle-system-component.min.js"></script> - Network accessline 607
<script src="https://cdn.jsdelivr.net/gh/c-frame/aframe-particle-system-component@1.2.x/dist/aframe-particle-system-component.min.js"></script> - Network accessline 665
<meta name="description" content="{name} - Multi-user VR"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 665
<meta name="description" content="{name} - Multi-user VR"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> - Network accessline 666
<meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/networked-aframe@^0.11.0/dist/networked-aframe.min - Network accessline 666
<meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/networked-aframe@^0.11.0/dist/networked-aframe.min - Network accessline 667
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/networked-aframe@^0.11.0/dist/networked-aframe.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/so - Network accessline 667
<script src="https://aframe.io/releases/1.7.1/aframe.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/networked-aframe@^0.11.0/dist/networked-aframe.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/so - Network accessline 668
<script src="https://cdn.jsdelivr.net/npm/networked-aframe@^0.11.0/dist/networked-aframe.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.5.4/socket.io.js"></script> <script> - Network accessline 668
<script src="https://cdn.jsdelivr.net/npm/networked-aframe@^0.11.0/dist/networked-aframe.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.5.4/socket.io.js"></script> <script> - Network accessline 669
<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.5.4/socket.io.js"></script> - Network accessline 669
<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.5.4/socket.io.js"></script>
plugins/individual/animated-component-libraries/.claude-plugin/plugin.json
- Network accessline 8
}, "license": "Apache-2.0", "homepage": "https://github.com/freshtechbro/claudedesignskills", - Network accessline 9
"license": "Apache-2.0", "homepage": "https://github.com/freshtechbro/claudedesignskills", "repository": "https://github.com/freshtechbro/claudedesignskills.git", - Network accessline 10
"homepage": "https://github.com/freshtechbro/claudedesignskills", - Network accessline 11
"repository": "https://github.com/freshtechbro/claudedesignskills.git",
plugins/individual/animated-component-libraries/skills/animated-component-libraries/SKILL.md
- Network accessline 31
# Via shadcn CLI (recommended) npx shadcn@latest add https://magicui.design/r/animated-beam - Network accessline 31
# Via shadcn CLI (recommended) npx shadcn@latest add https://magicui.design/r/animated-beam - Network accessline 32
npx shadcn@latest add https://magicui.design/r/animated-beam - Network accessline 32
npx shadcn@latest add https://magicui.design/r/animated-beam - Network accessline 439
# Install Magic UI component npx shadcn@latest add https://magicui.design/r/shimmer-button - Network accessline 439
# Install Magic UI component npx shadcn@latest add https://magicui.design/r/shimmer-button - Network accessline 440
npx shadcn@latest add https://magicui.design/r/shimmer-button - Network accessline 440
npx shadcn@latest add https://magicui.design/r/shimmer-button - Network accessline 800
### Official Documentation - **Magic UI**: https://magicui.design - Network accessline 800
### Official Documentation - **Magic UI**: https://magicui.design - Network accessline 801
- **Magic UI**: https://magicui.design - Network accessline 801
- **Magic UI**: https://magicui.design - Network accessline 802
- **React Bits**: https://reactbits.dev - Network accessline 802
- **React Bits**: https://reactbits.dev - Network accessline 803
- **shadcn/ui**: https://ui.shadcn.com - Network accessline 803
- **shadcn/ui**: https://ui.shadcn.com - Network accessline 804
- **Framer Motion**: https://motion.dev - Network accessline 804
- **Framer Motion**: https://motion.dev
plugins/individual/animated-component-libraries/skills/animated-component-libraries/assets/README.md
- Network accessline 23
# Add Magic UI components npx shadcn@latest add https://magicui.design/r/grid-pattern - Network accessline 23
# Add Magic UI components npx shadcn@latest add https://magicui.design/r/grid-pattern - Network accessline 24
npx shadcn@latest add https://magicui.design/r/grid-pattern - Network accessline 24
npx shadcn@latest add https://magicui.design/r/grid-pattern - Network accessline 25
npx shadcn@latest add https://magicui.design/r/shimmer-button - Network accessline 25
npx shadcn@latest add https://magicui.design/r/shimmer-button - Network accessline 26
npx shadcn@latest add https://magicui.design/r/marquee - Network accessline 26
npx shadcn@latest add https://magicui.design/r/marquee - Network accessline 76
**Copy components from reactbits.dev**: - Visit https://reactbits.dev - Network accessline 76
**Copy components from reactbits.dev**: - Visit https://reactbits.dev - Network accessline 77
- Visit https://reactbits.dev - Network accessline 77
- Visit https://reactbits.dev - Network accessline 221
**Magic UI**: - Official examples: https://magicui.design - Network accessline 221
**Magic UI**: - Official examples: https://magicui.design - Network accessline 222
- Official examples: https://magicui.design - Network accessline 222
- Official examples: https://magicui.design - Network accessline 223
- GitHub repository: https://github.com/magicuidesign/magicui - Network accessline 223
- GitHub repository: https://github.com/magicuidesign/magicui - Network accessline 226
**React Bits**: - Official examples: https://reactbits.dev - Network accessline 226
**React Bits**: - Official examples: https://reactbits.dev - Network accessline 227
- Official examples: https://reactbits.dev - Network accessline 227
- Official examples: https://reactbits.dev - Network accessline 229
- GitHub: https://github.com/davidhdev/react-bits - Network accessline 229
- GitHub: https://github.com/davidhdev/react-bits - Network accessline 341
- **Magic UI Documentation**: https://magicui.design/docs - Network accessline 341
- **Magic UI Documentation**: https://magicui.design/docs - Network accessline 342
- **React Bits Documentation**: https://reactbits.dev/docs - Network accessline 342
- **React Bits Documentation**: https://reactbits.dev/docs - Network accessline 343
- **Framer Motion**: https://motion.dev - Network accessline 343
- **Framer Motion**: https://motion.dev - Network accessline 344
- **shadcn/ui**: https://ui.shadcn.com - Network accessline 344
- **shadcn/ui**: https://ui.shadcn.com - Network accessline 345
- **Tailwind CSS**: https://tailwindcss.com - Network accessline 345
- **Tailwind CSS**: https://tailwindcss.com
plugins/individual/animated-component-libraries/skills/animated-component-libraries/references/magic_ui_components.md
- Network accessline 8
# Via shadcn CLI (recommended) npx shadcn@latest add https://magicui.design/r/[component-name] - Network accessline 8
# Via shadcn CLI (recommended) npx shadcn@latest add https://magicui.design/r/[component-name] - Network accessline 9
npx shadcn@latest add https://magicui.design/r/[component-name] - Network accessline 9
npx shadcn@latest add https://magicui.design/r/[component-name]
plugins/individual/animated-component-libraries/skills/animated-component-libraries/references/react_bits_components.md
- Network accessline 7
React Bits uses a copy-paste installation model. Visit [reactbits.dev](https://reactbits.dev), browse components, and copy the code directly into your project. - Network accessline 7
React Bits uses a copy-paste installation model. Visit [reactbits.dev](https://reactbits.dev), browse components, and copy the code directly into your project.
plugins/individual/animated-component-libraries/skills/animated-component-libraries/scripts/component_importer.py
- Executable scriptline 1
#!/usr/bin/env python3 - Executable scriptline 1
#!/usr/bin/env python3 - Network accessline 19
"grid-pattern": { "name": "Grid Pattern", "install": "npx shadcn@latest add https://magicui.design/r/grid-pattern", - Network accessline 19
"grid-pattern": { "name": "Grid Pattern", "install": "npx shadcn@latest add https://magicui.design/r/grid-pattern", - Network accessline 20
"name": "Grid Pattern", "install": "npx shadcn@latest add https://magicui.design/r/grid-pattern", "deps": ["motion", "clsx", "tailwind-merge"], - Network accessline 20
"name": "Grid Pattern", "install": "npx shadcn@latest add https://magicui.design/r/grid-pattern", "deps": ["motion", "clsx", "tailwind-merge"], - Network accessline 21
"install": "npx shadcn@latest add https://magicui.design/r/grid-pattern", - Network accessline 21
"install": "npx shadcn@latest add https://magicui.design/r/grid-pattern", - Network accessline 25
"animated-grid-pattern": { "name": "Animated Grid Pattern", "install": "npx shadcn@latest add https://magicui.design/r/animated-grid-pattern", - Network accessline 25
"animated-grid-pattern": { "name": "Animated Grid Pattern", "install": "npx shadcn@latest add https://magicui.design/r/animated-grid-pattern", - Network accessline 26
"name": "Animated Grid Pattern", "install": "npx shadcn@latest add https://magicui.design/r/animated-grid-pattern", "deps": ["motion", "clsx", "tailwind-merge"], - Network accessline 26
"name": "Animated Grid Pattern", "install": "npx shadcn@latest add https://magicui.design/r/animated-grid-pattern", "deps": ["motion", "clsx", "tailwind-merge"], - Network accessline 27
"install": "npx shadcn@latest add https://magicui.design/r/animated-grid-pattern", - Network accessline 27
"install": "npx shadcn@latest add https://magicui.design/r/animated-grid-pattern", - Network accessline 32
"shimmer-button": { "name": "Shimmer Button", "install": "npx shadcn@latest add https://magicui.design/r/shimmer-button", - Network accessline 32
"shimmer-button": { "name": "Shimmer Button", "install": "npx shadcn@latest add https://magicui.design/r/shimmer-button", - Network accessline 33
"name": "Shimmer Button", "install": "npx shadcn@latest add https://magicui.design/r/shimmer-button", "deps": ["motion", "clsx", "tailwind-merge"], - Network accessline 33
"name": "Shimmer Button", "install": "npx shadcn@latest add https://magicui.design/r/shimmer-button", "deps": ["motion", "clsx", "tailwind-merge"], - Network accessline 34
"install": "npx shadcn@latest add https://magicui.design/r/shimmer-button", - Network accessline 34
"install": "npx shadcn@latest add https://magicui.design/r/shimmer-button", - Network accessline 39
"border-beam": { "name": "Border Beam", "install": "npx shadcn@latest add https://magicui.design/r/border-beam", - Network accessline 39
"border-beam": { "name": "Border Beam", "install": "npx shadcn@latest add https://magicui.design/r/border-beam", - Network accessline 40
"name": "Border Beam", "install": "npx shadcn@latest add https://magicui.design/r/border-beam", "deps": ["motion", "clsx", "tailwind-merge"], - Network accessline 40
"name": "Border Beam", "install": "npx shadcn@latest add https://magicui.design/r/border-beam", "deps": ["motion", "clsx", "tailwind-merge"], - Network accessline 41
"install": "npx shadcn@latest add https://magicui.design/r/border-beam", - Network accessline 41
"install": "npx shadcn@latest add https://magicui.design/r/border-beam", - Network accessline 46
"marquee": { "name": "Marquee", "install": "npx shadcn@latest add https://magicui.design/r/marquee", - Network accessline 46
"marquee": { "name": "Marquee", "install": "npx shadcn@latest add https://magicui.design/r/marquee", - Network accessline 47
"name": "Marquee", "install": "npx shadcn@latest add https://magicui.design/r/marquee", "deps": ["motion", "clsx", "tailwind-merge"], - Network accessline 47
"name": "Marquee", "install": "npx shadcn@latest add https://magicui.design/r/marquee", "deps": ["motion", "clsx", "tailwind-merge"], - Network accessline 48
"install": "npx shadcn@latest add https://magicui.design/r/marquee", - Network accessline 48
"install": "npx shadcn@latest add https://magicui.design/r/marquee", - Network accessline 53
"spinning-text": { "name": "Spinning Text", "install": "npx shadcn@latest add https://magicui.design/r/spinning-text", - Network accessline 53
"spinning-text": { "name": "Spinning Text", "install": "npx shadcn@latest add https://magicui.design/r/spinning-text", - Network accessline 54
"name": "Spinning Text", "install": "npx shadcn@latest add https://magicui.design/r/spinning-text", "deps": ["motion", "clsx", "tailwind-merge"], - Network accessline 54
"name": "Spinning Text", "install": "npx shadcn@latest add https://magicui.design/r/spinning-text", "deps": ["motion", "clsx", "tailwind-merge"], - Network accessline 55
"install": "npx shadcn@latest add https://magicui.design/r/spinning-text", - Network accessline 55
"install": "npx shadcn@latest add https://magicui.design/r/spinning-text", - Network accessline 184
print("Step 1: Copy component code") print(f" Visit https://reactbits.dev") - Network accessline 184
print("Step 1: Copy component code") print(f" Visit https://reactbits.dev") - Network accessline 185
print(f" Visit https://reactbits.dev") - Network accessline 185
print(f" Visit https://reactbits.dev")
plugins/individual/animated-component-libraries/skills/animated-component-libraries/scripts/props_generator.py
plugins/individual/animejs/.claude-plugin/plugin.json
- Network accessline 8
}, "license": "Apache-2.0", "homepage": "https://github.com/freshtechbro/claudedesignskills", - Network accessline 9
"license": "Apache-2.0", "homepage": "https://github.com/freshtechbro/claudedesignskills", "repository": "https://github.com/freshtechbro/claudedesignskills.git", - Network accessline 10
"homepage": "https://github.com/freshtechbro/claudedesignskills", - Network accessline 11
"repository": "https://github.com/freshtechbro/claudedesignskills.git",
plugins/individual/animejs/skills/animejs/assets/README.md
- Network accessline 25
The Anime.js team maintains excellent examples at: - **Documentation**: https://animejs.com/documentation/ - Network accessline 25
The Anime.js team maintains excellent examples at: - **Documentation**: https://animejs.com/documentation/ - Network accessline 26
- **Documentation**: https://animejs.com/documentation/ - Network accessline 26
- **Documentation**: https://animejs.com/documentation/ - Network accessline 27
- **CodePen Examples**: https://codepen.io/collection/DxpqGJ/ - Network accessline 27
- **CodePen Examples**: https://codepen.io/collection/DxpqGJ/ - Network accessline 28
- **Official Repository**: https://github.com/juliangarnier/anime - Network accessline 28
- **Official Repository**: https://github.com/juliangarnier/anime - Network accessline 32
**Basic Animations:** - Simple animation: https://codepen.io/juliangarnier/pen/KRwwOL - Network accessline 32
**Basic Animations:** - Simple animation: https://codepen.io/juliangarnier/pen/KRwwOL - Network accessline 33
- Simple animation: https://codepen.io/juliangarnier/pen/KRwwOL - Network accessline 33
- Simple animation: https://codepen.io/juliangarnier/pen/KRwwOL - Network accessline 34
- Property parameters: https://codepen.io/juliangarnier/pen/LpWPgj - Network accessline 34
- Property parameters: https://codepen.io/juliangarnier/pen/LpWPgj - Network accessline 35
- Function-based values: https://codepen.io/juliangarnier/pen/gmOwJX - Network accessline 35
- Function-based values: https://codepen.io/juliangarnier/pen/gmOwJX - Network accessline 37
**Stagger Animations:** - Basic stagger: https://codepen.io/juliangarnier/pen/PboRJN - Network accessline 37
**Stagger Animations:** - Basic stagger: https://codepen.io/juliangarnier/pen/PboRJN - Network accessline 38
- Basic stagger: https://codepen.io/juliangarnier/pen/PboRJN - Network accessline 38
- Basic stagger: https://codepen.io/juliangarnier/pen/PboRJN - Network accessline 39
- Stagger from center: https://codepen.io/juliangarnier/pen/WNNwQa - Network accessline 39
- Stagger from center: https://codepen.io/juliangarnier/pen/WNNwQa - Network accessline 40
- Grid stagger: https://codepen.io/juliangarnier/pen/JXaKpP - Network accessline 40
- Grid stagger: https://codepen.io/juliangarnier/pen/JXaKpP - Network accessline 41
- Stagger easing: https://codepen.io/juliangarnier/pen/QMMmQK - Network accessline 41
- Stagger easing: https://codepen.io/juliangarnier/pen/QMMmQK - Network accessline 43
**Timeline Animations:** - Basic timeline: https://codepen.io/juliangarnier/pen/grVWYq - Network accessline 43
**Timeline Animations:** - Basic timeline: https://codepen.io/juliangarnier/pen/grVWYq - Network accessline 44
- Basic timeline: https://codepen.io/juliangarnier/pen/grVWYq - Network accessline 44
- Basic timeline: https://codepen.io/juliangarnier/pen/grVWYq - Network accessline 45
- Timeline offsets: https://codepen.io/juliangarnier/pen/xLOXJX - Network accessline 45
- Timeline offsets: https://codepen.io/juliangarnier/pen/xLOXJX - Network accessline 46
- Timeline controls: https://codepen.io/juliangarnier/pen/oWjmWd - Network accessline 46
- Timeline controls: https://codepen.io/juliangarnier/pen/oWjmWd - Network accessline 48
**SVG Animations:** - Line drawing: https://codepen.io/juliangarnier/pen/XdqyNw - Network accessline 48
**SVG Animations:** - Line drawing: https://codepen.io/juliangarnier/pen/XdqyNw - Network accessline 49
- Line drawing: https://codepen.io/juliangarnier/pen/XdqyNw - Network accessline 49
- Line drawing: https://codepen.io/juliangarnier/pen/XdqyNw - Network accessline 50
- Path morphing: https://codepen.io/juliangarnier/pen/mWEOmL - Network accessline 50
- Path morphing: https://codepen.io/juliangarnier/pen/mWEOmL - Network accessline 51
- Motion path: https://codepen.io/juliangarnier/pen/NqYKQL - Network accessline 51
- Motion path: https://codepen.io/juliangarnier/pen/NqYKQL - Network accessline 53
**Advanced Patterns:** - Keyframes: https://codepen.io/juliangarnier/pen/QMMmQK - Network accessline 53
**Advanced Patterns:** - Keyframes: https://codepen.io/juliangarnier/pen/QMMmQK - Network accessline 54
- Keyframes: https://codepen.io/juliangarnier/pen/QMMmQK - Network accessline 54
- Keyframes: https://codepen.io/juliangarnier/pen/QMMmQK - Network accessline 55
- Scroll-driven: https://codepen.io/juliangarnier/pen/ZqyEJw - Network accessline 55
- Scroll-driven: https://codepen.io/juliangarnier/pen/ZqyEJw - Network accessline 56
- Custom easing: https://codepen.io/juliangarnier/pen/YBBRvG - Network accessline 56
- Custom easing: https://codepen.io/juliangarnier/pen/YBBRvG - Network accessline 404
- **Official Documentation**: https://animejs.com/documentation/ - Network accessline 404
- **Official Documentation**: https://animejs.com/documentation/ - Network accessline 405
- **API Reference**: https://animejs.com/documentation/#cssProperties - Network accessline 405
- **API Reference**: https://animejs.com/documentation/#cssProperties - Network accessline 406
- **GitHub Repository**: https://github.com/juliangarnier/anime - Network accessline 406
- **GitHub Repository**: https://github.com/juliangarnier/anime - Network accessline 407
- **CodePen Collection**: https://codepen.io/collection/DxpqGJ/ - Network accessline 407
- **CodePen Collection**: https://codepen.io/collection/DxpqGJ/ - Network accessline 408
- **Community Examples**: https://animejs.com/documentation/#communityShowcase - Network accessline 408
- **Community Examples**: https://animejs.com/documentation/#communityShowcase
plugins/individual/animejs/skills/animejs/references/stagger_guide.md
- Network accessline 519
- Official Stagger Documentation: https://animejs.com/documentation/#stagger - Network accessline 519
- Official Stagger Documentation: https://animejs.com/documentation/#stagger - Network accessline 520
- Grid Stagger Demo: https://codepen.io/juliangarnier/pen/JXaKpP - Network accessline 520
- Grid Stagger Demo: https://codepen.io/juliangarnier/pen/JXaKpP - Network accessline 521
- Stagger Examples: https://animejs.com/documentation/#staggeringBasics - Network accessline 521
- Stagger Examples: https://animejs.com/documentation/#staggeringBasics
plugins/individual/animejs/skills/animejs/references/timeline_guide.md
- Network accessline 660
- Official Timeline Documentation: https://animejs.com/documentation/#timeline - Network accessline 660
- Official Timeline Documentation: https://animejs.com/documentation/#timeline - Network accessline 661
- Timeline Examples: https://codepen.io/collection/DxpqGJ/ - Network accessline 661
- Timeline Examples: https://codepen.io/collection/DxpqGJ/ - Network accessline 662
- Advanced Sequencing: https://animejs.com/documentation/#timelineBasics - Network accessline 662
- Advanced Sequencing: https://animejs.com/documentation/#timelineBasics
plugins/individual/animejs/skills/animejs/scripts/animation_generator.py
plugins/individual/animejs/skills/animejs/scripts/timeline_builder.py
plugins/individual/babylonjs-engine/.claude-plugin/plugin.json
- Network accessline 8
}, "license": "Apache-2.0", "homepage": "https://github.com/freshtechbro/claudedesignskills", - Network accessline 9
"license": "Apache-2.0", "homepage": "https://github.com/freshtechbro/claudedesignskills", "repository": "https://github.com/freshtechbro/claudedesignskills.git", - Network accessline 10
"homepage": "https://github.com/freshtechbro/claudedesignskills", - Network accessline 11
"repository": "https://github.com/freshtechbro/claudedesignskills.git",
plugins/individual/babylonjs-engine/skills/babylonjs-engine/SKILL.md
- Network accessline 384
const result = await BABYLON.SceneLoader.ImportMeshAsync( null, // all meshes 'https://assets.babylonjs.com/meshes/', - Network accessline 384
const result = await BABYLON.SceneLoader.ImportMeshAsync( null, // all meshes 'https://assets.babylonjs.com/meshes/', - Network accessline 385
null, // all meshes 'https://assets.babylonjs.com/meshes/', 'village.glb', - Network accessline 385
null, // all meshes 'https://assets.babylonjs.com/meshes/', 'village.glb', - Network accessline 386
'https://assets.babylonjs.com/meshes/', - Network accessline 386
'https://assets.babylonjs.com/meshes/', - Network accessline 607
const result = await BABYLON.SceneLoader.ImportMeshAsync( null, 'https://assets.babylonjs.com/meshes/', - Network accessline 607
const result = await BABYLON.SceneLoader.ImportMeshAsync( null, 'https://assets.babylonjs.com/meshes/', - Network accessline 608
null, 'https://assets.babylonjs.com/meshes/', 'village.glb', - Network accessline 608
null, 'https://assets.babylonjs.com/meshes/', 'village.glb', - Network accessline 609
'https://assets.babylonjs.com/meshes/', - Network accessline 609
'https://assets.babylonjs.com/meshes/', - Network accessline 1225
- [Official Documentation](https://doc.babylonjs.com/) - Network accessline 1225
- [Official Documentation](https://doc.babylonjs.com/) - Network accessline 1226
- [Playground](https://playground.babylonjs.com/) - Network accessline 1226
- [Playground](https://playground.babylonjs.com/) - Network accessline 1227
- [Forum](https://forum.babylonjs.com/) - Network accessline 1227
- [Forum](https://forum.babylonjs.com/) - Network accessline 1228
- [Examples](https://doc.babylonjs.com/examples/) - Network accessline 1228
- [Examples](https://doc.babylonjs.com/examples/) - Network accessline 1229
- [NPM Package](https://www.npmjs.com/package/@babylonjs/core) - Network accessline 1229
- [NPM Package](https://www.npmjs.com/package/@babylonjs/core)
plugins/individual/babylonjs-engine/skills/babylonjs-engine/assets/examples/README.md
- Network accessline 74
// Setup environment const envTexture = BABYLON.CubeTexture.CreateFromPrefilteredData( 'https://assets.babylonjs.com/environments/environmentSpecular.env', - Network accessline 74
// Setup environment const envTexture = BABYLON.CubeTexture.CreateFromPrefilteredData( 'https://assets.babylonjs.com/environments/environmentSpecular.env', - Network accessline 75
const envTexture = BABYLON.CubeTexture.CreateFromPrefilteredData( 'https://assets.babylonjs.com/environments/environmentSpecular.env', scene - Network accessline 75
const envTexture = BABYLON.CubeTexture.CreateFromPrefilteredData( 'https://assets.babylonjs.com/environments/environmentSpecular.env', scene - Network accessline 76
'https://assets.babylonjs.com/environments/environmentSpecular.env', - Network accessline 76
'https://assets.babylonjs.com/environments/environmentSpecular.env', - Network accessline 647
fire.particleTexture = new BABYLON.Texture( 'https://assets.babylonjs.com/textures/flare.png', - Network accessline 647
fire.particleTexture = new BABYLON.Texture( 'https://assets.babylonjs.com/textures/flare.png', - Network accessline 648
'https://assets.babylonjs.com/textures/flare.png', - Network accessline 648
'https://assets.babylonjs.com/textures/flare.png', - Network accessline 703
smoke.particleTexture = new BABYLON.Texture( 'https://assets.babylonjs.com/textures/cloud.png', - Network accessline 703
smoke.particleTexture = new BABYLON.Texture( 'https://assets.babylonjs.com/textures/cloud.png', - Network accessline 704
'https://assets.babylonjs.com/textures/cloud.png', - Network accessline 704
'https://assets.babylonjs.com/textures/cloud.png', - Network accessline 758
gpu.particleTexture = new BABYLON.Texture( 'https://assets.babylonjs.com/textures/flare.png', - Network accessline 758
gpu.particleTexture = new BABYLON.Texture( 'https://assets.babylonjs.com/textures/flare.png', - Network accessline 759
'https://assets.babylonjs.com/textures/flare.png', - Network accessline 759
'https://assets.babylonjs.com/textures/flare.png',
plugins/individual/babylonjs-engine/skills/babylonjs-engine/assets/starter_babylon/README.md
- Network accessline 34
Opens at `http://localhost:3000` - Network accessline 34
Opens at `http://localhost:3000` - Network accessline 130
const result = await SceneLoader.ImportMeshAsync( null, 'https://assets.babylonjs.com/meshes/', - Network accessline 130
const result = await SceneLoader.ImportMeshAsync( null, 'https://assets.babylonjs.com/meshes/', - Network accessline 131
null, 'https://assets.babylonjs.com/meshes/', 'village.glb', - Network accessline 131
null, 'https://assets.babylonjs.com/meshes/', 'village.glb', - Network accessline 132
'https://assets.babylonjs.com/meshes/', - Network accessline 132
'https://assets.babylonjs.com/meshes/', - Network accessline 274
- [Babylon.js Documentation](https://doc.babylonjs.com/) - Network accessline 274
- [Babylon.js Documentation](https://doc.babylonjs.com/) - Network accessline 275
- [Babylon.js Playground](https://playground.babylonjs.com/) - Network accessline 275
- [Babylon.js Playground](https://playground.babylonjs.com/) - Network accessline 276
- [Babylon.js Forum](https://forum.babylonjs.com/) - Network accessline 276
- [Babylon.js Forum](https://forum.babylonjs.com/) - Network accessline 277
- [Babylon.js Examples](https://doc.babylonjs.com/examples/) - Network accessline 277
- [Babylon.js Examples](https://doc.babylonjs.com/examples/)
plugins/individual/babylonjs-engine/skills/babylonjs-engine/assets/starter_babylon/package.json
plugins/individual/babylonjs-engine/skills/babylonjs-engine/assets/starter_babylon/src/main.js
plugins/individual/babylonjs-engine/skills/babylonjs-engine/assets/starter_babylon/vite.config.js
plugins/individual/babylonjs-engine/skills/babylonjs-engine/references/api_reference.md
plugins/individual/babylonjs-engine/skills/babylonjs-engine/scripts/mesh_builder.py
plugins/individual/babylonjs-engine/skills/babylonjs-engine/scripts/scene_generator.py
- Executable scriptline 1
#!/usr/bin/env python3 - Executable scriptline 1
#!/usr/bin/env python3 - Network accessline 302
const result = await SceneLoader.ImportMeshAsync( null, 'https://assets.babylonjs.com/meshes/', - Network accessline 302
const result = await SceneLoader.ImportMeshAsync( null, 'https://assets.babylonjs.com/meshes/', - Network accessline 303
null, 'https://assets.babylonjs.com/meshes/', 'village.glb', - Network accessline 303
null, 'https://assets.babylonjs.com/meshes/', 'village.glb', - Network accessline 304
'https://assets.babylonjs.com/meshes/', - Network accessline 304
'https://assets.babylonjs.com/meshes/', - Network accessline 340
// Create particle system const particleSystem = new ParticleSystem('particles', 2000, scene); particleSystem.particleTexture = new Texture('https://assets.babylonjs.com/textures/flare.png', scene); - Network accessline 340
// Create particle system const particleSystem = new ParticleSystem('particles', 2000, scene); particleSystem.particleTexture = new Texture('https://assets.babylonjs.com/textures/flare.png', scene); - Network accessline 342
particleSystem.particleTexture = new Texture('https://assets.babylonjs.com/textures/flare.png', scene); - Network accessline 342
particleSystem.particleTexture = new Texture('https://assets.babylonjs.com/textures/flare.png', scene);
plugins/individual/barba-js/.claude-plugin/plugin.json
- Network accessline 8
}, "license": "Apache-2.0", "homepage": "https://github.com/freshtechbro/claudedesignskills", - Network accessline 9
"license": "Apache-2.0", "homepage": "https://github.com/freshtechbro/claudedesignskills", "repository": "https://github.com/freshtechbro/claudedesignskills.git", - Network accessline 10
"homepage": "https://github.com/freshtechbro/claudedesignskills", - Network accessline 11
"repository": "https://github.com/freshtechbro/claudedesignskills.git",
plugins/individual/barba-js/skills/barba-js/assets/README.md
- Network accessline 103
3. Install dependencies: `npm install` (auto-run unless `--no-install`) 4. Start dev server: `npm run dev` 5. Open browser: `http://localhost:5173` - Network accessline 103
3. Install dependencies: `npm install` (auto-run unless `--no-install`) 4. Start dev server: `npm run dev` 5. Open browser: `http://localhost:5173` - Network accessline 104
4. Start dev server: `npm run dev` 5. Open browser: `http://localhost:5173` 6. Build for production: `npm run build` - Network accessline 104
4. Start dev server: `npm run dev` 5. Open browser: `http://localhost:5173` 6. Build for production: `npm run build` - Network accessline 105
5. Open browser: `http://localhost:5173` - Network accessline 105
5. Open browser: `http://localhost:5173`
plugins/individual/barba-js/skills/barba-js/references/api_reference.md
- Network accessline 255
// Get absolute URL const absolute = barba.url.getAbsoluteHref('/about'); // Returns: "https://example.com/about" - Network accessline 255
// Get absolute URL const absolute = barba.url.getAbsoluteHref('/about'); // Returns: "https://example.com/about" - Network accessline 257
// Returns: "https://example.com/about" - Network accessline 257
// Returns: "https://example.com/about" - Network accessline 263
// Get pathname const pathname = barba.url.getPathname('https://example.com/blog/post-1'); - Network accessline 263
// Get pathname const pathname = barba.url.getPathname('https://example.com/blog/post-1'); - Network accessline 264
const pathname = barba.url.getPathname('https://example.com/blog/post-1'); - Network accessline 264
const pathname = barba.url.getPathname('https://example.com/blog/post-1');
plugins/individual/barba-js/skills/barba-js/references/hooks_guide.md
- Network accessline 200
gsap.to(current.container.querySelector('h1'), { opacity: 0 }), gsap.to(current.container.querySelector('.content'), { y: -50 }), fetch('/api/track-exit') - Network accessline 200
gsap.to(current.container.querySelector('h1'), { opacity: 0 }), gsap.to(current.container.querySelector('.content'), { y: -50 }), fetch('/api/track-exit') - Network accessline 201
gsap.to(current.container.querySelector('.content'), { y: -50 }), fetch('/api/track-exit') ]); - Network accessline 201
gsap.to(current.container.querySelector('.content'), { y: -50 }), fetch('/api/track-exit') ]); - Network accessline 202
fetch('/api/track-exit') - Network accessline 202
fetch('/api/track-exit')
plugins/individual/barba-js/skills/barba-js/scripts/project_setup.py
- Executable scriptline 1
#!/usr/bin/env python3 - Executable scriptline 1
#!/usr/bin/env python3 - Network accessline 606
Open http://localhost:5173 in your browser. - Network accessline 606
Open http://localhost:5173 in your browser. - Network accessline 657
- [Barba.js Documentation](https://barba.js.org) - Network accessline 657
- [Barba.js Documentation](https://barba.js.org) - Network accessline 658
- [GSAP Documentation](https://greensock.com/docs/) - Network accessline 658
- [GSAP Documentation](https://greensock.com/docs/) - Network accessline 659
- [Vite Documentation](https://vitejs.dev) - Network accessline 659
- [Vite Documentation](https://vitejs.dev)
plugins/individual/barba-js/skills/barba-js/scripts/transition_generator.py
plugins/individual/blender-web-pipeline/.claude-plugin/plugin.json
- Network accessline 8
}, "license": "Apache-2.0", "homepage": "https://github.com/freshtechbro/claudedesignskills", - Network accessline 9
"license": "Apache-2.0", "homepage": "https://github.com/freshtechbro/claudedesignskills", "repository": "https://github.com/freshtechbro/claudedesignskills.git", - Network accessline 10
"homepage": "https://github.com/freshtechbro/claudedesignskills", - Network accessline 11
"repository": "https://github.com/freshtechbro/claudedesignskills.git",
plugins/individual/blender-web-pipeline/skills/blender-web-pipeline/scripts/batch_export.py
plugins/individual/blender-web-pipeline/skills/blender-web-pipeline/scripts/generate_lods.py
plugins/individual/blender-web-pipeline/skills/blender-web-pipeline/scripts/optimize_model.py
plugins/individual/gsap-scrolltrigger/.claude-plugin/plugin.json
- Network accessline 8
}, "license": "Apache-2.0", "homepage": "https://github.com/freshtechbro/claudedesignskills", - Network accessline 9
"license": "Apache-2.0", "homepage": "https://github.com/freshtechbro/claudedesignskills", "repository": "https://github.com/freshtechbro/claudedesignskills.git", - Network accessline 10
"homepage": "https://github.com/freshtechbro/claudedesignskills", - Network accessline 11
"repository": "https://github.com/freshtechbro/claudedesignskills.git",
plugins/individual/gsap-scrolltrigger/skills/gsap-scrolltrigger/assets/easings/easing_visualizer.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>GSAP Easing Visualizer</title> <script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js"></script> - Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>GSAP Easing Visualizer</title> <script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js"></script> - Network accessline 6
<title>GSAP Easing Visualizer</title> <script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js"></script> <style> - Network accessline 6
<title>GSAP Easing Visualizer</title> <script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js"></script> <style> - Network accessline 7
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js"></script> - Network accessline 7
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js"></script>
plugins/individual/gsap-scrolltrigger/skills/gsap-scrolltrigger/assets/examples/README.md
- Network accessline 166
python -m http.server 8000 # Navigate to http://localhost:8000/pin_animation.html - Network accessline 166
python -m http.server 8000 # Navigate to http://localhost:8000/pin_animation.html - Network accessline 167
# Navigate to http://localhost:8000/pin_animation.html - Network accessline 167
# Navigate to http://localhost:8000/pin_animation.html - Network accessline 234
- [ScrollTrigger Docs](https://gsap.com/docs/v3/Plugins/ScrollTrigger) - Network accessline 234
- [ScrollTrigger Docs](https://gsap.com/docs/v3/Plugins/ScrollTrigger) - Network accessline 235
- [GSAP Showcase](https://gsap.com/showcase/) - Network accessline 235
- [GSAP Showcase](https://gsap.com/showcase/) - Network accessline 236
- [CodePen Examples](https://codepen.io/GreenSock/pens/popular) - Network accessline 236
- [CodePen Examples](https://codepen.io/GreenSock/pens/popular) - Network accessline 237
- [GSAP Forums](https://gsap.com/community/) - Network accessline 237
- [GSAP Forums](https://gsap.com/community/) - Network accessline 435
- Try the [Easing Visualizer](../easings/easing_visualizer.html) - Browse [Common Patterns](../references/common_patterns.md) - Visit [GSAP Forums](https://gsap.com/community/) - Network accessline 435
- Try the [Easing Visualizer](../easings/easing_visualizer.html) - Browse [Common Patterns](../references/common_patterns.md) - Visit [GSAP Forums](https://gsap.com/community/) - Network accessline 437
- Visit [GSAP Forums](https://gsap.com/community/) - Network accessline 437
- Visit [GSAP Forums](https://gsap.com/community/)
plugins/individual/gsap-scrolltrigger/skills/gsap-scrolltrigger/assets/starter_scroll/README.md
- Network accessline 47
Open `http://localhost:8000` in your browser. - Network accessline 47
Open `http://localhost:8000` in your browser. - Network accessline 376
- [GSAP Documentation](https://gsap.com/docs/) - Network accessline 376
- [GSAP Documentation](https://gsap.com/docs/) - Network accessline 377
- [ScrollTrigger Docs](https://gsap.com/docs/v3/Plugins/ScrollTrigger) - Network accessline 377
- [ScrollTrigger Docs](https://gsap.com/docs/v3/Plugins/ScrollTrigger) - Network accessline 378
- [Easing Visualizer](../easings/easing_visualizer.html) - Included in this package - [GSAP Forums](https://gsap.com/community/) - [CodePen GSAP Examples](https://codepen.io/GreenSock/pens/popular) - Network accessline 378
- [Easing Visualizer](../easings/easing_visualizer.html) - Included in this package - [GSAP Forums](https://gsap.com/community/) - [CodePen GSAP Examples](https://codepen.io/GreenSock/pens/popular) - Network accessline 379
- [GSAP Forums](https://gsap.com/community/) - Network accessline 379
- [GSAP Forums](https://gsap.com/community/) - Network accessline 380
- [CodePen GSAP Examples](https://codepen.io/GreenSock/pens/popular) - Network accessline 380
- [CodePen GSAP Examples](https://codepen.io/GreenSock/pens/popular) - Network accessline 444
GSAP is licensed under [GreenSock License](https://gsap.com/licensing/). Free for most projects, paid license required for commercial use. - Network accessline 444
GSAP is licensed under [GreenSock License](https://gsap.com/licensing/). Free for most projects, paid license required for commercial use. - Network accessline 450
Built with: - [GSAP](https://gsap.com) - Animation library - Network accessline 450
Built with: - [GSAP](https://gsap.com) - Animation library - Network accessline 451
- [GSAP](https://gsap.com) - Animation library - Network accessline 451
- [GSAP](https://gsap.com) - Animation library - Network accessline 452
- [ScrollTrigger](https://gsap.com/docs/v3/Plugins/ScrollTrigger) - Scroll-driven animations - Network accessline 452
- [ScrollTrigger](https://gsap.com/docs/v3/Plugins/ScrollTrigger) - Scroll-driven animations - Network accessline 453
- [ScrollToPlugin](https://gsap.com/docs/v3/Plugins/ScrollToPlugin) - Smooth scroll navigation - Network accessline 453
- [ScrollToPlugin](https://gsap.com/docs/v3/Plugins/ScrollToPlugin) - Smooth scroll navigation
plugins/individual/gsap-scrolltrigger/skills/gsap-scrolltrigger/assets/starter_scroll/index.html
- Network accessline 248
<!-- GSAP Scripts --> <script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js"></script> - Network accessline 248
<!-- GSAP Scripts --> <script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js"></script> - Network accessline 249
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js"></script> - Network accessline 249
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js"></script> - Network accessline 250
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/ScrollTrigger.min.js"></script> - Network accessline 250
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/ScrollTrigger.min.js"></script> - Network accessline 251
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/ScrollToPlugin.min.js"></script> - Network accessline 251
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/ScrollToPlugin.min.js"></script>
plugins/individual/gsap-scrolltrigger/skills/gsap-scrolltrigger/assets/starter_scroll/main.js
plugins/individual/gsap-scrolltrigger/skills/gsap-scrolltrigger/assets/starter_scroll/style.css
- Network accessline 355
width: 100%; height: 150%; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="%23667eea" d="M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,122.7C672,117,768,139,864,14 - Network accessline 355
width: 100%; height: 150%; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="%23667eea" d="M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,122.7C672,117,768,139,864,14 - Network accessline 356
height: 150%; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="%23667eea" d="M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,122.7C672,117,768,139,864,149.3C960,160,105 - Network accessline 356
height: 150%; background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="%23667eea" d="M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,122.7C672,117,768,139,864,149.3C960,160,105 - Network accessline 357
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="%23667eea" d="M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,122.7C672,117,768,139,864,149.3C960,160,1056,160,1152,138.7 - Network accessline 357
background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="%23667eea" d="M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,122.7C672,117,768,139,864,149.3C960,160,1056,160,1152,138.7
plugins/individual/gsap-scrolltrigger/skills/gsap-scrolltrigger/references/common_patterns.md
- Network accessline 1221
- [GSAP Documentation](https://gsap.com/docs/) - Network accessline 1221
- [GSAP Documentation](https://gsap.com/docs/) - Network accessline 1222
- [ScrollTrigger Demos](https://gsap.com/docs/v3/Plugins/ScrollTrigger) - Network accessline 1222
- [ScrollTrigger Demos](https://gsap.com/docs/v3/Plugins/ScrollTrigger) - Network accessline 1223
- [GSAP Showcase](https://gsap.com/showcase/) - Network accessline 1223
- [GSAP Showcase](https://gsap.com/showcase/) - Network accessline 1224
- [Codepen GSAP Examples](https://codepen.io/GreenSock/pens/popular) - Network accessline 1224
- [Codepen GSAP Examples](https://codepen.io/GreenSock/pens/popular)
plugins/individual/gsap-scrolltrigger/skills/gsap-scrolltrigger/references/easing_guide.md
- Network accessline 568
<html> <head> <script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js"></script> - Network accessline 568
<html> <head> <script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js"></script> - Network accessline 569
<head> <script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js"></script> <style> - Network accessline 569
<head> <script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js"></script> <style> - Network accessline 570
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js"></script> - Network accessline 570
<script src="https://cdn.jsdelivr.net/npm/gsap@3/dist/gsap.min.js"></script> - Network accessline 616
**Online Tools**: - [GreenSock Ease Visualizer](https://gsap.com/docs/v3/Eases) - Network accessline 616
**Online Tools**: - [GreenSock Ease Visualizer](https://gsap.com/docs/v3/Eases) - Network accessline 617
- [GreenSock Ease Visualizer](https://gsap.com/docs/v3/Eases) - Network accessline 617
- [GreenSock Ease Visualizer](https://gsap.com/docs/v3/Eases) - Network accessline 618
- [Cubic Bezier Generator](https://cubic-bezier.com) - Network accessline 618
- [Cubic Bezier Generator](https://cubic-bezier.com)
plugins/individual/gsap-scrolltrigger/skills/gsap-scrolltrigger/scripts/generate_animation.py
plugins/individual/gsap-scrolltrigger/skills/gsap-scrolltrigger/scripts/timeline_builder.py
plugins/individual/lightweight-3d-effects/.claude-plugin/plugin.json
- Network accessline 8
}, "license": "Apache-2.0", "homepage": "https://github.com/freshtechbro/claudedesignskills", - Network accessline 9
"license": "Apache-2.0", "homepage": "https://github.com/freshtechbro/claudedesignskills", "repository": "https://github.com/freshtechbro/claudedesignskills.git", - Network accessline 10
"homepage": "https://github.com/freshtechbro/claudedesignskills", - Network accessline 11
"repository": "https://github.com/freshtechbro/claudedesignskills.git",
plugins/individual/lightweight-3d-effects/skills/lightweight-3d-effects/SKILL.md
- Network accessline 39
<html> <head> <script src="https://unpkg.com/zdog@1/dist/zdog.dist.min.js"></script> - Network accessline 39
<html> <head> <script src="https://unpkg.com/zdog@1/dist/zdog.dist.min.js"></script> - Network accessline 40
<head> <script src="https://unpkg.com/zdog@1/dist/zdog.dist.min.js"></script> <style> - Network accessline 40
<head> <script src="https://unpkg.com/zdog@1/dist/zdog.dist.min.js"></script> <style> - Network accessline 41
<script src="https://unpkg.com/zdog@1/dist/zdog.dist.min.js"></script> - Network accessline 41
<script src="https://unpkg.com/zdog@1/dist/zdog.dist.min.js"></script> - Network accessline 311
<!-- Three.js (required) --> <script src="https://cdn.jsdelivr.net/npm/three@0.134.0/build/three.min.js"></script> - Network accessline 311
<!-- Three.js (required) --> <script src="https://cdn.jsdelivr.net/npm/three@0.134.0/build/three.min.js"></script> - Network accessline 312
<script src="https://cdn.jsdelivr.net/npm/three@0.134.0/build/three.min.js"></script> - Network accessline 312
<script src="https://cdn.jsdelivr.net/npm/three@0.134.0/build/three.min.js"></script> - Network accessline 314
<!-- Vanta.js effect --> <script src="https://cdn.jsdelivr.net/npm/vanta@0.5.24/dist/vanta.waves.min.js"></script> - Network accessline 314
<!-- Vanta.js effect --> <script src="https://cdn.jsdelivr.net/npm/vanta@0.5.24/dist/vanta.waves.min.js"></script> - Network accessline 315
<script src="https://cdn.jsdelivr.net/npm/vanta@0.5.24/dist/vanta.waves.min.js"></script> - Network accessline 315
<script src="https://cdn.jsdelivr.net/npm/vanta@0.5.24/dist/vanta.waves.min.js"></script> - Network accessline 368
<script src="https://cdn.jsdelivr.net/npm/p5@1.4.0/lib/p5.min.js"></script> - Network accessline 368
<script src="https://cdn.jsdelivr.net/npm/p5@1.4.0/lib/p5.min.js"></script> - Network accessline 369
<script src="https://cdn.jsdelivr.net/npm/vanta@0.5.24/dist/vanta.birds.min.js"></script> - Network accessline 369
<script src="https://cdn.jsdelivr.net/npm/vanta@0.5.24/dist/vanta.birds.min.js"></script> - Network accessline 562
<script src="https://cdn.jsdelivr.net/npm/vanilla-tilt@1.8.1/dist/vanilla-tilt.min.js"></script> - Network accessline 562
<script src="https://cdn.jsdelivr.net/npm/vanilla-tilt@1.8.1/dist/vanilla-tilt.min.js"></script> - Network accessline 746
<script src="https://cdn.jsdelivr.net/npm/three@0.134.0/build/three.min.js"></script> - Network accessline 746
<script src="https://cdn.jsdelivr.net/npm/three@0.134.0/build/three.min.js"></script> - Network accessline 747
<script src="https://cdn.jsdelivr.net/npm/vanta@0.5.24/dist/vanta.waves.min.js"></script> - Network accessline 747
<script src="https://cdn.jsdelivr.net/npm/vanta@0.5.24/dist/vanta.waves.min.js"></script> - Network accessline 770
<script src="https://unpkg.com/zdog@1/dist/zdog.dist.min.js"></script> - Network accessline 770
<script src="https://unpkg.com/zdog@1/dist/zdog.dist.min.js"></script> - Network accessline 874
<script src="https://cdn.jsdelivr.net/npm/vanilla-tilt@1.8.1/dist/vanilla-tilt.min.js"></script> - Network accessline 874
<script src="https://cdn.jsdelivr.net/npm/vanilla-tilt@1.8.1/dist/vanilla-tilt.min.js"></script> - Network accessline 1072
**Zdog:** - [Zdog Documentation](https://zzz.dog/) - Network accessline 1072
**Zdog:** - [Zdog Documentation](https://zzz.dog/) - Network accessline 1073
- [Zdog Documentation](https://zzz.dog/) - Network accessline 1073
- [Zdog Documentation](https://zzz.dog/) - Network accessline 1074
- [Zdog GitHub](https://github.com/metafizzy/zdog) - Network accessline 1074
- [Zdog GitHub](https://github.com/metafizzy/zdog) - Network accessline 1075
- [Zdog Codepen Examples](https://codepen.io/collection/DzdGMe/) - Network accessline 1075
- [Zdog Codepen Examples](https://codepen.io/collection/DzdGMe/) - Network accessline 1077
**Vanta.js:** - [Vanta.js Official Site](https://www.vantajs.com/) - Network accessline 1077
**Vanta.js:** - [Vanta.js Official Site](https://www.vantajs.com/) - Network accessline 1078
- [Vanta.js Official Site](https://www.vantajs.com/) - Network accessline 1078
- [Vanta.js Official Site](https://www.vantajs.com/) - Network accessline 1079
- [Vanta.js GitHub](https://github.com/tengbao/vanta) - Network accessline 1079
- [Vanta.js GitHub](https://github.com/tengbao/vanta) - Network accessline 1080
- [Effect Customizer](https://www.vantajs.com/?effect=waves) - Network accessline 1080
- [Effect Customizer](https://www.vantajs.com/?effect=waves) - Network accessline 1082
**Vanilla-Tilt.js:** - [Vanilla-Tilt GitHub](https://github.com/micku7zu/vanilla-tilt.js) - Network accessline 1082
**Vanilla-Tilt.js:** - [Vanilla-Tilt GitHub](https://github.com/micku7zu/vanilla-tilt.js) - Network accessline 1083
- [Vanilla-Tilt GitHub](https://github.com/micku7zu/vanilla-tilt.js) - Network accessline 1083
- [Vanilla-Tilt GitHub](https://github.com/micku7zu/vanilla-tilt.js) - Network accessline 1084
- [NPM Package](https://www.npmjs.com/package/vanilla-tilt) - Network accessline 1084
- [NPM Package](https://www.npmjs.com/package/vanilla-tilt)
plugins/individual/lightweight-3d-effects/skills/lightweight-3d-effects/assets/examples/README.md
- Network accessline 1052
<!-- Scripts --> <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js"></script> - Network accessline 1052
<!-- Scripts --> <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js"></script> - Network accessline 1053
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js"></script> - Network accessline 1053
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js"></script> - Network accessline 1054
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.waves.min.js"></script> - Network accessline 1054
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.waves.min.js"></script> - Network accessline 1055
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.topology.min.js"></script> - Network accessline 1055
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.topology.min.js"></script> - Network accessline 1056
<script src="https://unpkg.com/zdog@1/dist/zdog.dist.min.js"></script> - Network accessline 1056
<script src="https://unpkg.com/zdog@1/dist/zdog.dist.min.js"></script> - Network accessline 1057
<script src="https://cdnjs.cloudflare.com/ajax/libs/vanilla-tilt/1.8.1/vanilla-tilt.min.js"></script> - Network accessline 1057
<script src="https://cdnjs.cloudflare.com/ajax/libs/vanilla-tilt/1.8.1/vanilla-tilt.min.js"></script>
plugins/individual/lightweight-3d-effects/skills/lightweight-3d-effects/assets/starter_lightweight/README.md
- Network accessline 28
# Option 2: Local server (recommended) python -m http.server 8000 # Visit http://localhost:8000 - Network accessline 28
# Option 2: Local server (recommended) python -m http.server 8000 # Visit http://localhost:8000 - Network accessline 30
# Visit http://localhost:8000 - Network accessline 30
# Visit http://localhost:8000 - Network accessline 58
// Change from WAVES to BIRDS <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.birds.min.js"></script> - Network accessline 58
// Change from WAVES to BIRDS <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.birds.min.js"></script> - Network accessline 59
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.birds.min.js"></script> - Network accessline 59
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.birds.min.js"></script> - Network accessline 427
- Three.js: `https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js` - Network accessline 427
- Three.js: `https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js` - Network accessline 428
- Vanta.js: `https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.waves.min.js` - Network accessline 428
- Vanta.js: `https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.waves.min.js` - Network accessline 429
- Zdog: `https://unpkg.com/zdog@1/dist/zdog.dist.min.js` - Network accessline 429
- Zdog: `https://unpkg.com/zdog@1/dist/zdog.dist.min.js` - Network accessline 430
- Vanilla-Tilt: `https://cdnjs.cloudflare.com/ajax/libs/vanilla-tilt/1.8.1/vanilla-tilt.min.js` - Network accessline 430
- Vanilla-Tilt: `https://cdnjs.cloudflare.com/ajax/libs/vanilla-tilt/1.8.1/vanilla-tilt.min.js` - Network accessline 536
### Documentation - **Vanta.js**: https://www.vantajs.com - Network accessline 536
### Documentation - **Vanta.js**: https://www.vantajs.com - Network accessline 537
- **Vanta.js**: https://www.vantajs.com - Network accessline 537
- **Vanta.js**: https://www.vantajs.com - Network accessline 538
- **Zdog**: https://zzz.dog - Network accessline 538
- **Zdog**: https://zzz.dog - Network accessline 539
- **Vanilla-Tilt**: https://github.com/micku7zu/vanilla-tilt.js - Network accessline 539
- **Vanilla-Tilt**: https://github.com/micku7zu/vanilla-tilt.js - Network accessline 541
### Inspiration - **Vanta Gallery**: https://www.vantajs.com/?effect=waves - Network accessline 541
### Inspiration - **Vanta Gallery**: https://www.vantajs.com/?effect=waves - Network accessline 542
- **Vanta Gallery**: https://www.vantajs.com/?effect=waves - Network accessline 542
- **Vanta Gallery**: https://www.vantajs.com/?effect=waves - Network accessline 543
- **Zdog Examples**: https://codepen.io/desandro/ - Network accessline 543
- **Zdog Examples**: https://codepen.io/desandro/ - Network accessline 544
- **Tilt Patterns**: https://micku7zu.github.io/vanilla-tilt.js/ - Network accessline 544
- **Tilt Patterns**: https://micku7zu.github.io/vanilla-tilt.js/
plugins/individual/lightweight-3d-effects/skills/lightweight-3d-effects/assets/starter_lightweight/index.html
- Network accessline 64
<p>Built with ❤<U+FE0F> using Vanta.js, Zdog, and Vanilla-Tilt</p> <div class="footer-links"> <a href="https://www.vantajs.com" target="_blank">Vanta.js</a> - Network accessline 64
<p>Built with ❤<U+FE0F> using Vanta.js, Zdog, and Vanilla-Tilt</p> <div class="footer-links"> <a href="https://www.vantajs.com" target="_blank">Vanta.js</a> - Network accessline 65
<div class="footer-links"> <a href="https://www.vantajs.com" target="_blank">Vanta.js</a> <a href="https://zzz.dog" target="_blank">Zdog</a> - Network accessline 65
<div class="footer-links"> <a href="https://www.vantajs.com" target="_blank">Vanta.js</a> <a href="https://zzz.dog" target="_blank">Zdog</a> - Network accessline 66
<a href="https://www.vantajs.com" target="_blank">Vanta.js</a> - Network accessline 66
<a href="https://www.vantajs.com" target="_blank">Vanta.js</a> - Network accessline 67
<a href="https://zzz.dog" target="_blank">Zdog</a> - Network accessline 67
<a href="https://zzz.dog" target="_blank">Zdog</a> - Network accessline 68
<a href="https://github.com/micku7zu/vanilla-tilt.js" target="_blank">Vanilla-Tilt</a> - Network accessline 68
<a href="https://github.com/micku7zu/vanilla-tilt.js" target="_blank">Vanilla-Tilt</a> - Network accessline 73
<!-- Scripts --> <!-- Three.js (required for Vanta) --> <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js"></script> - Network accessline 73
<!-- Scripts --> <!-- Three.js (required for Vanta) --> <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js"></script> - Network accessline 75
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js"></script> - Network accessline 75
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js"></script> - Network accessline 77
<!-- Vanta.js WAVES effect --> <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.waves.min.js"></script> - Network accessline 77
<!-- Vanta.js WAVES effect --> <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.waves.min.js"></script> - Network accessline 78
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.waves.min.js"></script> - Network accessline 78
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.waves.min.js"></script> - Network accessline 80
<!-- Zdog --> <script src="https://unpkg.com/zdog@1/dist/zdog.dist.min.js"></script> - Network accessline 80
<!-- Zdog --> <script src="https://unpkg.com/zdog@1/dist/zdog.dist.min.js"></script> - Network accessline 81
<script src="https://unpkg.com/zdog@1/dist/zdog.dist.min.js"></script> - Network accessline 81
<script src="https://unpkg.com/zdog@1/dist/zdog.dist.min.js"></script> - Network accessline 83
<!-- Vanilla Tilt --> <script src="https://cdnjs.cloudflare.com/ajax/libs/vanilla-tilt/1.8.1/vanilla-tilt.min.js"></script> - Network accessline 83
<!-- Vanilla Tilt --> <script src="https://cdnjs.cloudflare.com/ajax/libs/vanilla-tilt/1.8.1/vanilla-tilt.min.js"></script> - Network accessline 84
<script src="https://cdnjs.cloudflare.com/ajax/libs/vanilla-tilt/1.8.1/vanilla-tilt.min.js"></script> - Network accessline 84
<script src="https://cdnjs.cloudflare.com/ajax/libs/vanilla-tilt/1.8.1/vanilla-tilt.min.js"></script>
plugins/individual/lightweight-3d-effects/skills/lightweight-3d-effects/assets/starter_lightweight/main.js
plugins/individual/lightweight-3d-effects/skills/lightweight-3d-effects/references/tilt_patterns.md
- Network accessline 5
**Version**: 1.8.1 **License**: MIT **GitHub**: https://github.com/micku7zu/vanilla-tilt.js - Network accessline 5
**Version**: 1.8.1 **License**: MIT **GitHub**: https://github.com/micku7zu/vanilla-tilt.js - Network accessline 7
**GitHub**: https://github.com/micku7zu/vanilla-tilt.js - Network accessline 7
**GitHub**: https://github.com/micku7zu/vanilla-tilt.js - Network accessline 29
<script src="https://cdnjs.cloudflare.com/ajax/libs/vanilla-tilt/1.8.1/vanilla-tilt.min.js"></script> - Network accessline 29
<script src="https://cdnjs.cloudflare.com/ajax/libs/vanilla-tilt/1.8.1/vanilla-tilt.min.js"></script> - Network accessline 1201
- **GitHub**: https://github.com/micku7zu/vanilla-tilt.js - Network accessline 1201
- **GitHub**: https://github.com/micku7zu/vanilla-tilt.js - Network accessline 1203
- **Examples**: https://micku7zu.github.io/vanilla-tilt.js/ - Network accessline 1203
- **Examples**: https://micku7zu.github.io/vanilla-tilt.js/
plugins/individual/lightweight-3d-effects/skills/lightweight-3d-effects/references/vantajs_effects.md
- Network accessline 5
**Version**: 0.5.24 **License**: MIT **Website**: https://www.vantajs.com - Network accessline 5
**Version**: 0.5.24 **License**: MIT **Website**: https://www.vantajs.com - Network accessline 7
**Website**: https://www.vantajs.com - Network accessline 7
**Website**: https://www.vantajs.com - Network accessline 28
<!-- Three.js (required for all effects) --> <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js"></script> - Network accessline 28
<!-- Three.js (required for all effects) --> <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js"></script> - Network accessline 29
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js"></script> - Network accessline 29
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js"></script> - Network accessline 31
<!-- Vanta.js effect (choose one) --> <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.waves.min.js"></script> - Network accessline 31
<!-- Vanta.js effect (choose one) --> <script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.waves.min.js"></script> - Network accessline 32
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.waves.min.js"></script> - Network accessline 32
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.waves.min.js"></script> - Network accessline 528
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.0/p5.min.js"></script> - Network accessline 528
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.0/p5.min.js"></script> - Network accessline 529
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.ripple.min.js"></script> - Network accessline 529
<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.ripple.min.js"></script> - Network accessline 1011
- **Official Site**: https://www.vantajs.com - Network accessline 1011
- **Official Site**: https://www.vantajs.com - Network accessline 1012
- **GitHub**: https://github.com/tengbao/vanta - Network accessline 1012
- **GitHub**: https://github.com/tengbao/vanta - Network accessline 1013
- **Interactive Gallery**: https://www.vantajs.com/?effect=waves - Network accessline 1013
- **Interactive Gallery**: https://www.vantajs.com/?effect=waves
plugins/individual/lightweight-3d-effects/skills/lightweight-3d-effects/references/zdog_api.md
- Network accessline 5
**Version**: 1.1.3 **License**: MIT **CDN**: `https://unpkg.com/zdog@1/dist/zdog.dist.min.js` - Network accessline 5
**Version**: 1.1.3 **License**: MIT **CDN**: `https://unpkg.com/zdog@1/dist/zdog.dist.min.js` - Network accessline 7
**CDN**: `https://unpkg.com/zdog@1/dist/zdog.dist.min.js` - Network accessline 7
**CDN**: `https://unpkg.com/zdog@1/dist/zdog.dist.min.js` - Network accessline 1246
- **Official Site**: https://zzz.dog - Network accessline 1246
- **Official Site**: https://zzz.dog - Network accessline 1247
- **GitHub**: https://github.com/metafizzy/zdog - Network accessline 1247
- **GitHub**: https://github.com/metafizzy/zdog - Network accessline 1248
- **CodePen Examples**: https://codepen.io/desandro/ - Network accessline 1248
- **CodePen Examples**: https://codepen.io/desandro/
plugins/individual/lightweight-3d-effects/skills/lightweight-3d-effects/scripts/generate_zdog.py
plugins/individual/lightweight-3d-effects/skills/lightweight-3d-effects/scripts/setup_vanta.py
- Executable scriptline 1
#!/usr/bin/env python3 - Executable scriptline 1
#!/usr/bin/env python3 - Network accessline 146
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js"></script> - Network accessline 146
<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js"></script> - Network accessline 178
return { 'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.waves.min.js', - Network accessline 178
return { 'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.waves.min.js', - Network accessline 179
'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.waves.min.js', - Network accessline 179
'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.waves.min.js', - Network accessline 218
return { 'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.clouds.min.js', - Network accessline 218
return { 'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.clouds.min.js', - Network accessline 219
'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.clouds.min.js', - Network accessline 219
'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.clouds.min.js', - Network accessline 258
return { 'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.birds.min.js', - Network accessline 258
return { 'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.birds.min.js', - Network accessline 259
'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.birds.min.js', - Network accessline 259
'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.birds.min.js', - Network accessline 304
return { 'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js', - Network accessline 304
return { 'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js', - Network accessline 305
'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js', - Network accessline 305
'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js', - Network accessline 345
return { 'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.cells.min.js', - Network accessline 345
return { 'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.cells.min.js', - Network accessline 346
'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.cells.min.js', - Network accessline 346
'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.cells.min.js', - Network accessline 383
return { 'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.fog.min.js', - Network accessline 383
return { 'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.fog.min.js', - Network accessline 384
'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.fog.min.js', - Network accessline 384
'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.fog.min.js', - Network accessline 423
return { 'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js', - Network accessline 423
return { 'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js', - Network accessline 424
'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js', - Network accessline 424
'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.globe.min.js', - Network accessline 453
return { 'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.rings.min.js', - Network accessline 453
return { 'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.rings.min.js', - Network accessline 454
'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.rings.min.js', - Network accessline 454
'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.rings.min.js', - Network accessline 473
return { 'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.dots.min.js', - Network accessline 473
return { 'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.dots.min.js', - Network accessline 474
'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.dots.min.js', - Network accessline 474
'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.dots.min.js', - Network accessline 513
return { 'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.topology.min.js', - Network accessline 513
return { 'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.topology.min.js', - Network accessline 514
'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.topology.min.js', - Network accessline 514
'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.topology.min.js', - Network accessline 533
return { 'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.trunk.min.js', - Network accessline 533
return { 'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.trunk.min.js', - Network accessline 534
'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.trunk.min.js', - Network accessline 534
'cdn': 'https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.trunk.min.js',
plugins/individual/locomotive-scroll/.claude-plugin/plugin.json
- Network accessline 8
}, "license": "Apache-2.0", "homepage": "https://github.com/freshtechbro/claudedesignskills", - Network accessline 9
"license": "Apache-2.0", "homepage": "https://github.com/freshtechbro/claudedesignskills", "repository": "https://github.com/freshtechbro/claudedesignskills.git", - Network accessline 10
"homepage": "https://github.com/freshtechbro/claudedesignskills", - Network accessline 11
"repository": "https://github.com/freshtechbro/claudedesignskills.git",
plugins/individual/locomotive-scroll/skills/locomotive-scroll/SKILL.md
- Network accessline 44
// Or via CDN <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/locomotive-scroll/dist/locomotive-scroll.min.css"> - Network accessline 44
// Or via CDN <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/locomotive-scroll/dist/locomotive-scroll.min.css"> - Network accessline 45
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/locomotive-scroll/dist/locomotive-scroll.min.css"> - Network accessline 45
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/locomotive-scroll/dist/locomotive-scroll.min.css"> - Network accessline 46
<script src="https://cdn.jsdelivr.net/npm/locomotive-scroll/dist/locomotive-scroll.min.js"></script> - Network accessline 46
<script src="https://cdn.jsdelivr.net/npm/locomotive-scroll/dist/locomotive-scroll.min.js"></script>
plugins/individual/locomotive-scroll/skills/locomotive-scroll/assets/starter_locomotive/README.md
- Network accessline 33
Open http://localhost:5173 in your browser. - Network accessline 33
Open http://localhost:5173 in your browser. - Network accessline 302
- [Locomotive Scroll GitHub](https://github.com/locomotivemtl/locomotive-scroll) - Network accessline 302
- [Locomotive Scroll GitHub](https://github.com/locomotivemtl/locomotive-scroll) - Network accessline 303
- [Official Documentation](https://locomotivemtl.github.io/locomotive-scroll/) - Network accessline 303
- [Official Documentation](https://locomotivemtl.github.io/locomotive-scroll/) - Network accessline 304
- [CodePen Examples](https://codepen.io/tag/locomotive-scroll) - Network accessline 304
- [CodePen Examples](https://codepen.io/tag/locomotive-scroll)
plugins/individual/locomotive-scroll/skills/locomotive-scroll/assets/starter_locomotive/index.html
- Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Locomotive Scroll Starter</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/locomotive-scroll@4/dist/locomotive-scroll.min.css"> - Network accessline 5
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Locomotive Scroll Starter</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/locomotive-scroll@4/dist/locomotive-scroll.min.css"> - Network accessline 6
<title>Locomotive Scroll Starter</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/locomotive-scroll@4/dist/locomotive-scroll.min.css"> <link rel="stylesheet" href="style.css"> - Network accessline 6
<title>Locomotive Scroll Starter</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/locomotive-scroll@4/dist/locomotive-scroll.min.css"> <link rel="stylesheet" href="style.css"> - Network accessline 7
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/locomotive-scroll@4/dist/locomotive-scroll.min.css"> - Network accessline 7
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/locomotive-scroll@4/dist/locomotive-scroll.min.css">
plugins/individual/locomotive-scroll/skills/locomotive-scroll/assets/starter_locomotive/main.js
plugins/individual/locomotive-scroll/skills/locomotive-scroll/assets/starter_locomotive/package.json
plugins/individual/locomotive-scroll/skills/locomotive-scroll/references/gsap_integration.md
- Network accessline 611
- [Locomotive Scroll GitHub](https://github.com/locomotivemtl/locomotive-scroll) - Network accessline 611
- [Locomotive Scroll GitHub](https://github.com/locomotivemtl/locomotive-scroll) - Network accessline 612
- [GSAP ScrollTrigger Docs](https://greensock.com/docs/v3/Plugins/ScrollTrigger) - Network accessline 612
- [GSAP ScrollTrigger Docs](https://greensock.com/docs/v3/Plugins/ScrollTrigger) - Network accessline 613
- [CodePen Examples](https://codepen.io/tag/locomotive-scroll) - Network accessline 613
- [CodePen Examples](https://codepen.io/tag/locomotive-scroll)
plugins/individual/locomotive-scroll/skills/locomotive-scroll/scripts/generate_config.py
- Executable scriptline 1
#!/usr/bin/env python3 - Executable scriptline 1
#!/usr/bin/env python3 - Network accessline 278
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Locomotive Scroll</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/locomotive-scroll/dist/locomotive-scroll.min.css"> - Network accessline 278
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Locomotive Scroll</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/locomotive-scroll/dist/locomotive-scroll.min.css"> - Network accessline 279
<title>Locomotive Scroll</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/locomotive-scroll/dist/locomotive-scroll.min.css"> <style> - Network accessline 279
<title>Locomotive Scroll</title> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/locomotive-scroll/dist/locomotive-scroll.min.css"> <style> - Network accessline 280
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/locomotive-scroll/dist/locomotive-scroll.min.css"> - Network accessline 280
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/locomotive-scroll/dist/locomotive-scroll.min.css">
plugins/individual/locomotive-scroll/skills/locomotive-scroll/scripts/integration_helper.py
plugins/individual/lottie-animations/.claude-plugin/plugin.json
- Network accessline 8
}, "license": "Apache-2.0", "homepage": "https://github.com/freshtechbro/claudedesignskills", - Network accessline 9
"license": "Apache-2.0", "homepage": "https://github.com/freshtechbro/claudedesignskills", "repository": "https://github.com/freshtechbro/claudedesignskills.git", - Network accessline 10
"homepage": "https://github.com/freshtechbro/claudedesignskills", - Network accessline 11
"repository": "https://github.com/freshtechbro/claudedesignskills.git",
plugins/individual/lottie-animations/skills/lottie-animations/SKILL.md
- Network accessline 128
<script type="module"> import { DotLottie } from 'https://cdn.jsdelivr.net/npm/@lottiefiles/dotlottie-web/+esm'; - Network accessline 128
<script type="module"> import { DotLottie } from 'https://cdn.jsdelivr.net/npm/@lottiefiles/dotlottie-web/+esm'; - Network accessline 129
import { DotLottie } from 'https://cdn.jsdelivr.net/npm/@lottiefiles/dotlottie-web/+esm'; - Network accessline 129
import { DotLottie } from 'https://cdn.jsdelivr.net/npm/@lottiefiles/dotlottie-web/+esm'; - Network accessline 131
new DotLottie({ canvas: document.getElementById('canvas'), src: 'https://lottie.host/4db68bbd-31f6-4cd8-84eb-189de081159a/IGmMCqhzpt.lottie', - Network accessline 131
new DotLottie({ canvas: document.getElementById('canvas'), src: 'https://lottie.host/4db68bbd-31f6-4cd8-84eb-189de081159a/IGmMCqhzpt.lottie', - Network accessline 132
canvas: document.getElementById('canvas'), src: 'https://lottie.host/4db68bbd-31f6-4cd8-84eb-189de081159a/IGmMCqhzpt.lottie', autoplay: true, - Network accessline 132
canvas: document.getElementById('canvas'), src: 'https://lottie.host/4db68bbd-31f6-4cd8-84eb-189de081159a/IGmMCqhzpt.lottie', autoplay: true, - Network accessline 133
src: 'https://lottie.host/4db68bbd-31f6-4cd8-84eb-189de081159a/IGmMCqhzpt.lottie', - Network accessline 133
src: 'https://lottie.host/4db68bbd-31f6-4cd8-84eb-189de081159a/IGmMCqhzpt.lottie', - Network accessline 452
autoplay loop src="https://path-to-animation.lottie" - Network accessline 452
autoplay loop src="https://path-to-animation.lottie" - Network accessline 453
loop src="https://path-to-animation.lottie" /> - Network accessline 453
loop src="https://path-to-animation.lottie" /> - Network accessline 454
src="https://path-to-animation.lottie" - Network accessline 454
src="https://path-to-animation.lottie" - Network accessline 620
- Check Bodymovin export settings (disable "Include expressions" if not needed) - Remove unused assets before export - Use Lottie optimizer tools: https://lottiefiles.com/tools/lottie-editor - Network accessline 620
- Check Bodymovin export settings (disable "Include expressions" if not needed) - Remove unused assets before export - Use Lottie optimizer tools: https://lottiefiles.com/tools/lottie-editor - Network accessline 622
- Use Lottie optimizer tools: https://lottiefiles.com/tools/lottie-editor - Network accessline 622
- Use Lottie optimizer tools: https://lottiefiles.com/tools/lottie-editor - Network accessline 645
// OR use path for external URLs (requires CORS headers) <DotLottieReact src="https://example.com/animation.lottie" /> - Network accessline 645
// OR use path for external URLs (requires CORS headers) <DotLottieReact src="https://example.com/animation.lottie" /> - Network accessline 646
<DotLottieReact src="https://example.com/animation.lottie" /> - Network accessline 646
<DotLottieReact src="https://example.com/animation.lottie" /> - Network accessline 664
- Test export early and often - Use LottieFiles preview before exporting - Check Bodymovin compatibility: https://airbnb.io/lottie/#/supported-features - Network accessline 664
- Test export early and often - Use LottieFiles preview before exporting - Check Bodymovin compatibility: https://airbnb.io/lottie/#/supported-features - Network accessline 665
- Use LottieFiles preview before exporting - Check Bodymovin compatibility: https://airbnb.io/lottie/#/supported-features - Convert effects to shapes when possible - Network accessline 665
- Use LottieFiles preview before exporting - Check Bodymovin compatibility: https://airbnb.io/lottie/#/supported-features - Convert effects to shapes when possible - Network accessline 666
- Check Bodymovin compatibility: https://airbnb.io/lottie/#/supported-features - Network accessline 666
- Check Bodymovin compatibility: https://airbnb.io/lottie/#/supported-features
plugins/individual/lottie-animations/skills/lottie-animations/references/after_effects_export.md
- Network accessline 8
2. **Bodymovin Plugin** - Install from: - **Recommended:** AEsc scripts panel (Extension Manager) - Manual: https://aescripts.com/bodymovin/ - Network accessline 8
2. **Bodymovin Plugin** - Install from: - **Recommended:** AEsc scripts panel (Extension Manager) - Manual: https://aescripts.com/bodymovin/ - Network accessline 9
- **Recommended:** AEsc scripts panel (Extension Manager) - Manual: https://aescripts.com/bodymovin/ - LottieFiles plugin: https://lottiefiles.com/plugins/after-effects - Network accessline 9
- **Recommended:** AEsc scripts panel (Extension Manager) - Manual: https://aescripts.com/bodymovin/ - LottieFiles plugin: https://lottiefiles.com/plugins/after-effects - Network accessline 10
- Manual: https://aescripts.com/bodymovin/ - Network accessline 10
- Manual: https://aescripts.com/bodymovin/ - Network accessline 11
- LottieFiles plugin: https://lottiefiles.com/plugins/after-effects - Network accessline 11
- LottieFiles plugin: https://lottiefiles.com/plugins/after-effects - Network accessline 17
1. Download ZXP Installer: https://aescripts.com/learn/zxp-installer/ - Network accessline 17
1. Download ZXP Installer: https://aescripts.com/learn/zxp-installer/ - Network accessline 313
1. Export from After Effects 2. Preview on LottieFiles: https://lottiefiles.com/preview - Network accessline 313
1. Export from After Effects 2. Preview on LottieFiles: https://lottiefiles.com/preview - Network accessline 314
2. Preview on LottieFiles: https://lottiefiles.com/preview 3. Check file size (aim for <100 KB) - Network accessline 314
2. Preview on LottieFiles: https://lottiefiles.com/preview 3. Check file size (aim for <100 KB) - Network accessline 315
https://lottiefiles.com/preview - Network accessline 315
https://lottiefiles.com/preview - Network accessline 326
<body> <div id="lottie"></div> <script src="https://cdnjs.cloudflare.com/ajax/libs/lottie-web/5.12.2/lottie.min.js"></script> - Network accessline 326
<body> <div id="lottie"></div> <script src="https://cdnjs.cloudflare.com/ajax/libs/lottie-web/5.12.2/lottie.min.js"></script> - Network accessline 327
<div id="lottie"></div> <script src="https://cdnjs.cloudflare.com/ajax/libs/lottie-web/5.12.2/lottie.min.js"></script> <script> - Network accessline 327
<div id="lottie"></div> <script src="https://cdnjs.cloudflare.com/ajax/libs/lottie-web/5.12.2/lottie.min.js"></script> <script> - Network accessline 328
<script src="https://cdnjs.cloudflare.com/ajax/libs/lottie-web/5.12.2/lottie.min.js"></script> - Network accessline 328
<script src="https://cdnjs.cloudflare.com/ajax/libs/lottie-web/5.12.2/lottie.min.js"></script> - Network accessline 409
- **LottieFiles Preview:** https://lottiefiles.com/preview - Network accessline 409
- **LottieFiles Preview:** https://lottiefiles.com/preview - Network accessline 410
- **Supported Features:** https://airbnb.io/lottie/#/supported-features - Network accessline 410
- **Supported Features:** https://airbnb.io/lottie/#/supported-features - Network accessline 411
- **Bodymovin Plugin:** https://aescripts.com/bodymovin/ - Network accessline 411
- **Bodymovin Plugin:** https://aescripts.com/bodymovin/ - Network accessline 412
- **LottieFiles Plugin:** https://lottiefiles.com/plugins/after-effects - Network accessline 412
- **LottieFiles Plugin:** https://lottiefiles.com/plugins/after-effects - Network accessline 413
- **File Size Optimizer:** https://lottiefiles.com/tools/lottie-editor - Network accessline 413
- **File Size Optimizer:** https://lottiefiles.com/tools/lottie-editor
plugins/individual/lottie-animations/skills/lottie-animations/references/performance_guide.md
- Network accessline 44
# Use Lottie optimizer https://lottiefiles.com/tools/lottie-editor - Network accessline 44
# Use Lottie optimizer https://lottiefiles.com/tools/lottie-editor - Network accessline 45
https://lottiefiles.com/tools/lottie-editor - Network accessline 45
https://lottiefiles.com/tools/lottie-editor - Network accessline 286
// Host on CDN for better caching <DotLottieReact src="https://cdn.example.com/animations/hero.lottie" - Network accessline 286
// Host on CDN for better caching <DotLottieReact src="https://cdn.example.com/animations/hero.lottie" - Network accessline 287
<DotLottieReact src="https://cdn.example.com/animations/hero.lottie" loop - Network accessline 287
<DotLottieReact src="https://cdn.example.com/animations/hero.lottie" loop - Network accessline 288
src="https://cdn.example.com/animations/hero.lottie" - Network accessline 288
src="https://cdn.example.com/animations/hero.lottie" - Network accessline 307
// Programmatic preload const preloadAnimation = async (src) => { const response = await fetch(src); - Network accessline 307
// Programmatic preload const preloadAnimation = async (src) => { const response = await fetch(src); - Network accessline 308
const preloadAnimation = async (src) => { const response = await fetch(src); const blob = await response.blob(); - Network accessline 308
const preloadAnimation = async (src) => { const response = await fetch(src); const blob = await response.blob(); - Network accessline 309
const response = await fetch(src); - Network accessline 309
const response = await fetch(src); - Network accessline 336
event.respondWith( caches.match(event.request).then((response) => { return response || fetch(event.request); - Network accessline 336
event.respondWith( caches.match(event.request).then((response) => { return response || fetch(event.request); - Network accessline 337
caches.match(event.request).then((response) => { return response || fetch(event.request); }) - Network accessline 337
caches.match(event.request).then((response) => { return response || fetch(event.request); }) - Network accessline 338
return response || fetch(event.request); - Network accessline 338
return response || fetch(event.request);
plugins/individual/lottie-animations/skills/lottie-animations/scripts/generate_lottie_component.py
plugins/individual/lottie-animations/skills/lottie-animations/scripts/optimize_lottie.py
plugins/individual/modern-web-design/.claude-plugin/plugin.json
- Network accessline 8
}, "license": "Apache-2.0", "homepage": "https://github.com/freshtechbro/claudedesignskills", - Network accessline 9
"license": "Apache-2.0", "homepage": "https://github.com/freshtechbro/claudedesignskills", "repository": "https://github.com/freshtechbro/claudedesignskills.git", - Network accessline 10
"homepage": "https://github.com/freshtechbro/claudedesignskills", - Network accessline 11
"repository": "https://github.com/freshtechbro/claudedesignskills.git",
plugins/individual/modern-web-design/skills/modern-web-design/references/accessibility_guide.md
- Network accessline 65
**Tools**: - WebAIM Contrast Checker: https://webaim.org/resources/contrastchecker/ - Network accessline 65
**Tools**: - WebAIM Contrast Checker: https://webaim.org/resources/contrastchecker/ - Network accessline 66
- WebAIM Contrast Checker: https://webaim.org/resources/contrastchecker/ - Network accessline 66
- WebAIM Contrast Checker: https://webaim.org/resources/contrastchecker/ - Network accessline 751
# pa11y npm install -g pa11y pa11y https://example.com - Network accessline 751
# pa11y npm install -g pa11y pa11y https://example.com - Network accessline 753
pa11y https://example.com - Network accessline 753
pa11y https://example.com - Network accessline 755
# axe-core CLI npm install -g @axe-core/cli axe https://example.com - Network accessline 755
# axe-core CLI npm install -g @axe-core/cli axe https://example.com - Network accessline 757
axe https://example.com - Network accessline 757
axe https://example.com
plugins/individual/modern-web-design/skills/modern-web-design/references/performance_checklist.md
- Network accessline 712
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 712
<link rel="preconnect" href="https://fonts.googleapis.com"> - Network accessline 713
<link rel="preconnect" href="https://cdn.example.com"> - Network accessline 713
<link rel="preconnect" href="https://cdn.example.com"> - Network accessline 718
<link rel="dns-prefetch" href="https://analytics.example.com"> - Network accessline 718
<link rel="dns-prefetch" href="https://analytics.example.com"> - Network accessline 785
function sendToAnalytics({ name, value, id }) { // Send to your analytics endpoint fetch('/analytics', { - Network accessline 785
function sendToAnalytics({ name, value, id }) { // Send to your analytics endpoint fetch('/analytics', { - Network accessline 786
// Send to your analytics endpoint fetch('/analytics', { method: 'POST', - Network accessline 786
// Send to your analytics endpoint fetch('/analytics', { method: 'POST', - Network accessline 787
fetch('/analytics', { - Network accessline 787
fetch('/analytics', {
plugins/individual/modern-web-design/skills/modern-web-design/scripts/design_audit.py
plugins/individual/modern-web-design/skills/modern-web-design/scripts/pattern_generator.py
plugins/individual/motion-framer/.claude-plugin/plugin.json
- Network accessline 8
}, "license": "Apache-2.0", "homepage": "https://github.com/freshtechbro/claudedesignskills", - Network accessline 9
"license": "Apache-2.0", "homepage": "https://github.com/freshtechbro/claudedesignskills", "repository": "https://github.com/freshtechbro/claudedesignskills.git", - Network accessline 10
"homepage": "https://github.com/freshtechbro/claudedesignskills", - Network accessline 11
"repository": "https://github.com/freshtechbro/claudedesignskills.git",
plugins/individual/motion-framer/skills/motion-framer/SKILL.md
- Network accessline 906
### Official Documentation - [Motion Docs](https://motion.dev/) - Official Motion documentation - Network accessline 906
### Official Documentation - [Motion Docs](https://motion.dev/) - Official Motion documentation - Network accessline 907
- [Motion Docs](https://motion.dev/) - Official Motion documentation - Network accessline 907
- [Motion Docs](https://motion.dev/) - Official Motion documentation - Network accessline 908
- [Framer Motion Docs](https://www.framer.com/motion/) - Framer Motion (legacy) - Network accessline 908
- [Framer Motion Docs](https://www.framer.com/motion/) - Framer Motion (legacy) - Network accessline 909
- [Motion GitHub](https://github.com/framer/motion) - Source code & examples - Network accessline 909
- [Motion GitHub](https://github.com/framer/motion) - Source code & examples - Network accessline 928
### Community Resources - [Motion Dev Discord](https://discord.gg/motion) - Official community - Network accessline 928
### Community Resources - [Motion Dev Discord](https://discord.gg/motion) - Official community - Network accessline 929
- [Motion Dev Discord](https://discord.gg/motion) - Official community - Network accessline 929
- [Motion Dev Discord](https://discord.gg/motion) - Official community - Network accessline 930
- [Framer Motion Examples](https://www.framer.com/motion/examples/) - Interactive examples - Network accessline 930
- [Framer Motion Examples](https://www.framer.com/motion/examples/) - Interactive examples - Network accessline 931
- [Motion Recipes](https://motion.dev/docs/recipes) - Common patterns - Network accessline 931
- [Motion Recipes](https://motion.dev/docs/recipes) - Common patterns - Network accessline 932
- [CodeSandbox Templates](https://codesandbox.io/s/framer-motion-examples) - Live demos - Network accessline 932
- [CodeSandbox Templates](https://codesandbox.io/s/framer-motion-examples) - Live demos
plugins/individual/motion-framer/skills/motion-framer/assets/examples/README.md
- Network accessline 2920
- [Framer Motion Official Docs](https://www.framer.com/motion/) - Network accessline 2920
- [Framer Motion Official Docs](https://www.framer.com/motion/) - Network accessline 2921
- [Motion Dev](https://motion.dev/) - New Motion library - Network accessline 2921
- [Motion Dev](https://motion.dev/) - New Motion library - Network accessline 2922
- [Motion Examples](https://www.framer.com/motion/examples/) - Network accessline 2922
- [Motion Examples](https://www.framer.com/motion/examples/) - Network accessline 2923
- [Motion API Reference](https://www.framer.com/motion/component/) - Network accessline 2923
- [Motion API Reference](https://www.framer.com/motion/component/) - Network accessline 2924
- [Animation Best Practices](https://web.dev/animations/) - Network accessline 2924
- [Animation Best Practices](https://web.dev/animations/)
plugins/individual/motion-framer/skills/motion-framer/assets/starter_motion/README.md
- Network accessline 33
Opens at `http://localhost:3000` - Network accessline 33
Opens at `http://localhost:3000` - Network accessline 300
- [Framer Motion Docs](https://www.framer.com/motion/) - Official documentation - Network accessline 300
- [Framer Motion Docs](https://www.framer.com/motion/) - Official documentation - Network accessline 301
- [Motion Dev](https://motion.dev/) - New Motion library docs - Network accessline 301
- [Motion Dev](https://motion.dev/) - New Motion library docs - Network accessline 302
- [Examples](https://www.framer.com/motion/examples/) - Interactive examples - Network accessline 302
- [Examples](https://www.framer.com/motion/examples/) - Interactive examples - Network accessline 303
- [API Reference](https://www.framer.com/motion/component/) - Complete API - Network accessline 303
- [API Reference](https://www.framer.com/motion/component/) - Complete API
plugins/individual/motion-framer/skills/motion-framer/assets/starter_motion/package.json
plugins/individual/motion-framer/skills/motion-framer/assets/starter_motion/src/App.jsx
plugins/individual/motion-framer/skills/motion-framer/assets/starter_motion/src/components/DraggableBox.jsx
plugins/individual/motion-framer/skills/motion-framer/assets/starter_motion/src/components/HoverCard.jsx
plugins/individual/motion-framer/skills/motion-framer/assets/starter_motion/src/components/StaggerList.jsx
plugins/individual/motion-framer/skills/motion-framer/assets/starter_motion/src/main.jsx
plugins/individual/motion-framer/skills/motion-framer/assets/starter_motion/vite.config.js
plugins/individual/motion-framer/skills/motion-framer/scripts/animation_generator.py
plugins/individual/motion-framer/skills/motion-framer/scripts/variant_builder.py
plugins/individual/pixijs-2d/.claude-plugin/plugin.json
- Network accessline 8
}, "license": "Apache-2.0", "homepage": "https://github.com/freshtechbro/claudedesignskills", - Network accessline 9
"license": "Apache-2.0", "homepage": "https://github.com/freshtechbro/claudedesignskills", "repository": "https://github.com/freshtechbro/claudedesignskills.git", - Network accessline 10
"homepage": "https://github.com/freshtechbro/claudedesignskills", - Network accessline 11
"repository": "https://github.com/freshtechbro/claudedesignskills.git",
plugins/individual/pixijs-2d/skills/pixijs-2d/SKILL.md
- Network accessline 907
- **Official Site**: https://pixijs.com - **API Documentation**: https://pixijs.download/release/docs/ - Network accessline 907
- **Official Site**: https://pixijs.com - **API Documentation**: https://pixijs.download/release/docs/ - Network accessline 908
- **API Documentation**: https://pixijs.download/release/docs/ - Network accessline 908
- **API Documentation**: https://pixijs.download/release/docs/ - Network accessline 909
- **Examples**: https://pixijs.io/examples/ - Network accessline 909
- **Examples**: https://pixijs.io/examples/ - Network accessline 910
- **GitHub**: https://github.com/pixijs/pixijs - Network accessline 910
- **GitHub**: https://github.com/pixijs/pixijs - Network accessline 912
- **Community**: https://github.com/pixijs/pixijs/discussions - Network accessline 912
- **Community**: https://github.com/pixijs/pixijs/discussions
plugins/individual/pixijs-2d/skills/pixijs-2d/assets/examples/README.md
- Network accessline 3641
For more examples, visit: - [PixiJS Examples](https://pixijs.com/examples) - Network accessline 3641
For more examples, visit: - [PixiJS Examples](https://pixijs.com/examples) - Network accessline 3642
- [PixiJS Examples](https://pixijs.com/examples) - Network accessline 3642
- [PixiJS Examples](https://pixijs.com/examples) - Network accessline 3643
- [PixiJS Playground](https://pixijs.io/playground) - Network accessline 3643
- [PixiJS Playground](https://pixijs.io/playground) - Network accessline 3644
- [GitHub PixiJS Demos](https://github.com/pixijs/pixijs/tree/dev/examples) - Network accessline 3644
- [GitHub PixiJS Demos](https://github.com/pixijs/pixijs/tree/dev/examples)
plugins/individual/pixijs-2d/skills/pixijs-2d/assets/starter_pixijs/README.md
- Network accessline 28
# Then open http://localhost:8000 - Network accessline 28
# Then open http://localhost:8000 - Network accessline 309
- PixiJS CDN is loading correctly - No JavaScript errors in console - Browser supports WebGL (check `https://get.webgl.org/`) - Network accessline 309
- PixiJS CDN is loading correctly - No JavaScript errors in console - Browser supports WebGL (check `https://get.webgl.org/`) - Network accessline 311
- Browser supports WebGL (check `https://get.webgl.org/`) - Network accessline 311
- Browser supports WebGL (check `https://get.webgl.org/`) - Network accessline 351
Requires WebGL support. Check compatibility at [caniuse.com/webgl](https://caniuse.com/webgl). - Network accessline 351
Requires WebGL support. Check compatibility at [caniuse.com/webgl](https://caniuse.com/webgl). - Network accessline 357
- [PixiJS Official Documentation](https://pixijs.com/docs) - Network accessline 357
- [PixiJS Official Documentation](https://pixijs.com/docs) - Network accessline 358
- [PixiJS Examples](https://pixijs.com/examples) - Network accessline 358
- [PixiJS Examples](https://pixijs.com/examples) - Network accessline 359
- [PixiJS Playground](https://pixijs.io/playground) - Network accessline 359
- [PixiJS Playground](https://pixijs.io/playground) - Network accessline 360
- [WebGL Fundamentals](https://webglfundamentals.org/) - Network accessline 360
- [WebGL Fundamentals](https://webglfundamentals.org/) - Network accessline 443
git commit -m "Initial commit" git branch -M main git remote add origin https://github.com/username/repo.git - Network accessline 443
git commit -m "Initial commit" git branch -M main git remote add origin https://github.com/username/repo.git - Network accessline 444
git branch -M main git remote add origin https://github.com/username/repo.git git push -u origin main - Network accessline 444
git branch -M main git remote add origin https://github.com/username/repo.git git push -u origin main - Network accessline 445
git remote add origin https://github.com/username/repo.git - Network accessline 445
git remote add origin https://github.com/username/repo.git - Network accessline 455
<script src="https://pixijs.download/release/pixi.js"></script> - Network accessline 455
<script src="https://pixijs.download/release/pixi.js"></script> - Network accessline 479
PixiJS is MIT licensed. See [PixiJS GitHub](https://github.com/pixijs/pixijs) for details. - Network accessline 479
PixiJS is MIT licensed. See [PixiJS GitHub](https://github.com/pixijs/pixijs) for details. - Network accessline 483
For PixiJS questions: - [PixiJS Discord](https://discord.gg/CPTjeb28nH) - Network accessline 483
For PixiJS questions: - [PixiJS Discord](https://discord.gg/CPTjeb28nH) - Network accessline 484
- [PixiJS Discord](https://discord.gg/CPTjeb28nH) - Network accessline 484
- [PixiJS Discord](https://discord.gg/CPTjeb28nH) - Network accessline 485
- [PixiJS GitHub Discussions](https://github.com/pixijs/pixijs/discussions) - Network accessline 485
- [PixiJS GitHub Discussions](https://github.com/pixijs/pixijs/discussions) - Network accessline 486
- [Stack Overflow](https://stackoverflow.com/questions/tagged/pixi.js) - Network accessline 486
- [Stack Overflow](https://stackoverflow.com/questions/tagged/pixi.js)
plugins/individual/pixijs-2d/skills/pixijs-2d/assets/starter_pixijs/index.html
- Network accessline 39
<!-- PixiJS CDN --> <script src="https://pixijs.download/release/pixi.js"></script> - Network accessline 39
<!-- PixiJS CDN --> <script src="https://pixijs.download/release/pixi.js"></script> - Network accessline 40
<script src="https://pixijs.download/release/pixi.js"></script> - Network accessline 40
<script src="https://pixijs.download/release/pixi.js"></script>
plugins/individual/pixijs-2d/skills/pixijs-2d/assets/starter_pixijs/main.js
plugins/individual/pixijs-2d/skills/pixijs-2d/references/api_reference.md
- Network accessline 121
**API References**: - TickerPlugin: https://pixijs.download/release/docs/app.TickerPlugin.html - Network accessline 121
**API References**: - TickerPlugin: https://pixijs.download/release/docs/app.TickerPlugin.html - Network accessline 122
- TickerPlugin: https://pixijs.download/release/docs/app.TickerPlugin.html - Network accessline 122
- TickerPlugin: https://pixijs.download/release/docs/app.TickerPlugin.html - Network accessline 123
- ResizePlugin: https://pixijs.download/release/docs/app.ResizePlugin.html - Network accessline 123
- ResizePlugin: https://pixijs.download/release/docs/app.ResizePlugin.html - Network accessline 124
- CullerPlugin: https://pixijs.download/release/docs/app.CullerPlugin.html - Network accessline 124
- CullerPlugin: https://pixijs.download/release/docs/app.CullerPlugin.html - Network accessline 246
// From URL const tex = Texture.from('https://example.com/image.png'); - Network accessline 246
// From URL const tex = Texture.from('https://example.com/image.png'); - Network accessline 247
const tex = Texture.from('https://example.com/image.png'); - Network accessline 247
const tex = Texture.from('https://example.com/image.png'); - Network accessline 259
**API Reference**: https://pixijs.download/release/docs/rendering.Texture.html - Network accessline 259
**API Reference**: https://pixijs.download/release/docs/rendering.Texture.html - Network accessline 391
**API References**: - Graphics: https://pixijs.download/release/docs/scene.Graphics.html - Network accessline 391
**API References**: - Graphics: https://pixijs.download/release/docs/scene.Graphics.html - Network accessline 392
- Graphics: https://pixijs.download/release/docs/scene.Graphics.html - Network accessline 392
- Graphics: https://pixijs.download/release/docs/scene.Graphics.html - Network accessline 393
- GraphicsContext: https://pixijs.download/release/docs/scene.GraphicsContext.html - Network accessline 393
- GraphicsContext: https://pixijs.download/release/docs/scene.GraphicsContext.html - Network accessline 394
- FillStyle: https://pixijs.download/release/docs/scene.FillStyle.html - Network accessline 394
- FillStyle: https://pixijs.download/release/docs/scene.FillStyle.html - Network accessline 395
- StrokeStyle: https://pixijs.download/release/docs/scene.StrokeStyle.html - Network accessline 395
- StrokeStyle: https://pixijs.download/release/docs/scene.StrokeStyle.html - Network accessline 1228
- **Main Docs**: https://pixijs.download/release/docs/ - Network accessline 1228
- **Main Docs**: https://pixijs.download/release/docs/ - Network accessline 1229
- **Examples**: https://pixijs.io/examples/ - Network accessline 1229
- **Examples**: https://pixijs.io/examples/ - Network accessline 1230
- **GitHub**: https://github.com/pixijs/pixijs - Network accessline 1230
- **GitHub**: https://github.com/pixijs/pixijs
plugins/individual/pixijs-2d/skills/pixijs-2d/references/performance_guide.md
- Network accessline 385
**Tools for Creating Sprite Sheets**: - TexturePacker: https://www.codeandweb.com/texturepacker - Network accessline 385
**Tools for Creating Sprite Sheets**: - TexturePacker: https://www.codeandweb.com/texturepacker - Network accessline 386
- TexturePacker: https://www.codeandweb.com/texturepacker - Network accessline 386
- TexturePacker: https://www.codeandweb.com/texturepacker - Network accessline 387
- ShoeBox: https://renderhjs.net/shoebox/ - Network accessline 387
- ShoeBox: https://renderhjs.net/shoebox/ - Network accessline 388
- Free Texture Packer: https://free-tex-packer.com/ - Network accessline 388
- Free Texture Packer: https://free-tex-packer.com/
plugins/individual/pixijs-2d/skills/pixijs-2d/scripts/particle_builder.py
- Executable scriptline 1
#!/usr/bin/env python3 - Executable scriptline 1
#!/usr/bin/env python3 - Network accessline 55
<script src="https://pixijs.download/release/pixi.js"></script> - Network accessline 55
<script src="https://pixijs.download/release/pixi.js"></script> - Network accessline 176
<script src="https://pixijs.download/release/pixi.js"></script> - Network accessline 176
<script src="https://pixijs.download/release/pixi.js"></script> - Network accessline 326
<script src="https://pixijs.download/release/pixi.js"></script> - Network accessline 326
<script src="https://pixijs.download/release/pixi.js"></script> - Network accessline 443
<script src="https://pixijs.download/release/pixi.js"></script> - Network accessline 443
<script src="https://pixijs.download/release/pixi.js"></script> - Network accessline 622
<script src="https://pixijs.download/release/pixi.js"></script> - Network accessline 622
<script src="https://pixijs.download/release/pixi.js"></script>
plugins/individual/pixijs-2d/skills/pixijs-2d/scripts/sprite_generator.py
- Executable scriptline 1
#!/usr/bin/env python3 - Executable scriptline 1
#!/usr/bin/env python3 - Network accessline 55
<script src="https://pixijs.download/release/pixi.js"></script> - Network accessline 55
<script src="https://pixijs.download/release/pixi.js"></script> - Network accessline 189
<script src="https://pixijs.download/release/pixi.js"></script> - Network accessline 189
<script src="https://pixijs.download/release/pixi.js"></script> - Network accessline 324
<script src="https://pixijs.download/release/pixi.js"></script> - Network accessline 324
<script src="https://pixijs.download/release/pixi.js"></script> - Network accessline 425
<script src="https://pixijs.download/release/pixi.js"></script> - Network accessline 425
<script src="https://pixijs.download/release/pixi.js"></script> - Network accessline 502
<script src="https://pixijs.download/release/pixi.js"></script> - Network accessline 502
<script src="https://pixijs.download/release/pixi.js"></script> - Network accessline 619
<script src="https://pixijs.download/release/pixi.js"></script> - Network accessline 619
<script src="https://pixijs.download/release/pixi.js"></script>
plugins/individual/playcanvas-engine/.claude-plugin/plugin.json
- Network accessline 8
}, "license": "Apache-2.0", "homepage": "https://github.com/freshtechbro/claudedesignskills", - Network accessline 9
"license": "Apache-2.0", "homepage": "https://github.com/freshtechbro/claudedesignskills", "repository": "https://github.com/freshtechbro/claudedesignskills.git", - Network accessline 10
"homepage": "https://github.com/freshtechbro/claudedesignskills", - Network accessline 11
"repository": "https://github.com/freshtechbro/claudedesignskills.git",
plugins/individual/playcanvas-engine/skills/playcanvas-engine/SKILL.md
- Network accessline 361
// Load Ammo.js const ammoScript = document.createElement('script'); ammoScript.src = 'https://cdn.jsdelivr.net/npm/ammo.js@0.0.10/ammo.js'; - Network accessline 361
// Load Ammo.js const ammoScript = document.createElement('script'); ammoScript.src = 'https://cdn.jsdelivr.net/npm/ammo.js@0.0.10/ammo.js'; - Network accessline 362
const ammoScript = document.createElement('script'); ammoScript.src = 'https://cdn.jsdelivr.net/npm/ammo.js@0.0.10/ammo.js'; document.body.appendChild(ammoScript); - Network accessline 362
const ammoScript = document.createElement('script'); ammoScript.src = 'https://cdn.jsdelivr.net/npm/ammo.js@0.0.10/ammo.js'; document.body.appendChild(ammoScript); - Network accessline 363
ammoScript.src = 'https://cdn.jsdelivr.net/npm/ammo.js@0.0.10/ammo.js'; - Network accessline 363
ammoScript.src = 'https://cdn.jsdelivr.net/npm/ammo.js@0.0.10/ammo.js'; - Network accessline 706
// Load exported project config fetch('/config.json') - Network accessline 706
// Load exported project config fetch('/config.json') - Network accessline 707
fetch('/config.json') - Network accessline 707
fetch('/config.json') - Network accessline 975
// ✅ Correct - ensure Ammo.js is loaded const script = document.createElement('script'); script.src = 'https://cdn.jsdelivr.net/npm/ammo.js@0.0.10/ammo.js'; - Network accessline 975
// ✅ Correct - ensure Ammo.js is loaded const script = document.createElement('script'); script.src = 'https://cdn.jsdelivr.net/npm/ammo.js@0.0.10/ammo.js'; - Network accessline 976
const script = document.createElement('script'); script.src = 'https://cdn.jsdelivr.net/npm/ammo.js@0.0.10/ammo.js'; document.body.appendChild(script); - Network accessline 976
const script = document.createElement('script'); script.src = 'https://cdn.jsdelivr.net/npm/ammo.js@0.0.10/ammo.js'; document.body.appendChild(script); - Network accessline 977
script.src = 'https://cdn.jsdelivr.net/npm/ammo.js@0.0.10/ammo.js'; - Network accessline 977
script.src = 'https://cdn.jsdelivr.net/npm/ammo.js@0.0.10/ammo.js'; - Network accessline 1018
- **Official API**: https://api.playcanvas.com/ - Network accessline 1018
- **Official API**: https://api.playcanvas.com/ - Network accessline 1019
- **Developer Docs**: https://developer.playcanvas.com/ - Network accessline 1019
- **Developer Docs**: https://developer.playcanvas.com/ - Network accessline 1020
- **Examples**: https://playcanvas.github.io/ - Network accessline 1020
- **Examples**: https://playcanvas.github.io/ - Network accessline 1021
- **Editor**: https://playcanvas.com/ - Network accessline 1021
- **Editor**: https://playcanvas.com/ - Network accessline 1022
- **GitHub**: https://github.com/playcanvas/engine - Network accessline 1022
- **GitHub**: https://github.com/playcanvas/engine - Network accessline 1023
- **Forum**: https://forum.playcanvas.com/ - Network accessline 1023
- **Forum**: https://forum.playcanvas.com/
plugins/individual/playcanvas-engine/skills/playcanvas-engine/assets/examples/README.md
- Network accessline 957
- **Official Examples**: https://playcanvas.github.io - Network accessline 957
- **Official Examples**: https://playcanvas.github.io - Network accessline 958
- **API Docs**: https://api.playcanvas.com - Network accessline 958
- **API Docs**: https://api.playcanvas.com - Network accessline 959
- **Tutorials**: https://developer.playcanvas.com/tutorials - Network accessline 959
- **Tutorials**: https://developer.playcanvas.com/tutorials - Network accessline 960
- **Forum**: https://forum.playcanvas.com - Network accessline 960
- **Forum**: https://forum.playcanvas.com
plugins/individual/playcanvas-engine/skills/playcanvas-engine/assets/starter_playcanvas/README.md
- Network accessline 66
Navigate to `http://localhost:8000` - Network accessline 66
Navigate to `http://localhost:8000` - Network accessline 446
- **PlayCanvas Engine**: https://github.com/playcanvas/engine - Network accessline 446
- **PlayCanvas Engine**: https://github.com/playcanvas/engine - Network accessline 447
- **API Documentation**: https://api.playcanvas.com - Network accessline 447
- **API Documentation**: https://api.playcanvas.com - Network accessline 448
- **Examples**: https://playcanvas.github.io - Network accessline 448
- **Examples**: https://playcanvas.github.io - Network accessline 449
- **Forum**: https://forum.playcanvas.com - Network accessline 449
- **Forum**: https://forum.playcanvas.com - Network accessline 450
- **Editor**: https://playcanvas.com (for visual scene editing) - Network accessline 450
- **Editor**: https://playcanvas.com (for visual scene editing) - Network accessline 464
For issues or questions: 1. Check the [PlayCanvas Forum](https://forum.playcanvas.com) - Network accessline 464
For issues or questions: 1. Check the [PlayCanvas Forum](https://forum.playcanvas.com) - Network accessline 465
1. Check the [PlayCanvas Forum](https://forum.playcanvas.com) - Network accessline 465
1. Check the [PlayCanvas Forum](https://forum.playcanvas.com) - Network accessline 466
2. Review [API documentation](https://api.playcanvas.com) - Network accessline 466
2. Review [API documentation](https://api.playcanvas.com) - Network accessline 467
3. Search [examples](https://playcanvas.github.io) - Network accessline 467
3. Search [examples](https://playcanvas.github.io)
plugins/individual/playcanvas-engine/skills/playcanvas-engine/assets/starter_playcanvas/index.html
- Network accessline 9
<!-- PlayCanvas Engine --> <script src="https://code.playcanvas.com/playcanvas-stable.min.js"></script> - Network accessline 9
<!-- PlayCanvas Engine --> <script src="https://code.playcanvas.com/playcanvas-stable.min.js"></script> - Network accessline 10
<script src="https://code.playcanvas.com/playcanvas-stable.min.js"></script> - Network accessline 10
<script src="https://code.playcanvas.com/playcanvas-stable.min.js"></script>
plugins/individual/playcanvas-engine/skills/playcanvas-engine/assets/starter_playcanvas/scripts/app.js
plugins/individual/playcanvas-engine/skills/playcanvas-engine/assets/starter_playcanvas/scripts/camera-controller.js
plugins/individual/playcanvas-engine/skills/playcanvas-engine/assets/starter_playcanvas/scripts/input-manager.js
plugins/individual/playcanvas-engine/skills/playcanvas-engine/references/api_reference.md
- Network accessline 5
**Version**: 1.70+ **License**: MIT **Official Docs**: https://api.playcanvas.com/ - Network accessline 5
**Version**: 1.70+ **License**: MIT **Official Docs**: https://api.playcanvas.com/ - Network accessline 7
**Official Docs**: https://api.playcanvas.com/ - Network accessline 7
**Official Docs**: https://api.playcanvas.com/
plugins/individual/playcanvas-engine/skills/playcanvas-engine/references/editor_workflow.md
- Network accessline 63
1. **Sign up** at https://playcanvas.com - Network accessline 63
1. **Sign up** at https://playcanvas.com - Network accessline 472
// Download scene JSON via PlayCanvas API fetch('https://playcanvas.com/api/projects/{id}/scenes/{sceneId}', { - Network accessline 472
// Download scene JSON via PlayCanvas API fetch('https://playcanvas.com/api/projects/{id}/scenes/{sceneId}', { - Network accessline 473
fetch('https://playcanvas.com/api/projects/{id}/scenes/{sceneId}', { - Network accessline 473
fetch('https://playcanvas.com/api/projects/{id}/scenes/{sceneId}', { - Network accessline 498
// Load scene from Editor export fetch('config.json') - Network accessline 498
// Load scene from Editor export fetch('config.json') - Network accessline 499
fetch('config.json') - Network accessline 499
fetch('config.json') - Network accessline 814
- **Editor**: https://playcanvas.com - Network accessline 814
- **Editor**: https://playcanvas.com - Network accessline 815
- **Developer Docs**: https://developer.playcanvas.com - Network accessline 815
- **Developer Docs**: https://developer.playcanvas.com - Network accessline 816
- **API Reference**: https://api.playcanvas.com - Network accessline 816
- **API Reference**: https://api.playcanvas.com - Network accessline 817
- **Tutorials**: https://developer.playcanvas.com/tutorials/ - Network accessline 817
- **Tutorials**: https://developer.playcanvas.com/tutorials/ - Network accessline 818
- **Forum**: https://forum.playcanvas.com - Network accessline 818
- **Forum**: https://forum.playcanvas.com - Network accessline 819
- **Examples**: https://playcanvas.github.io - Network accessline 819
- **Examples**: https://playcanvas.github.io
plugins/individual/playcanvas-engine/skills/playcanvas-engine/references/optimization_guide.md
- Network accessline 906
- **Optimization Tutorial**: https://developer.playcanvas.com/en/tutorials/optimization/ - Network accessline 906
- **Optimization Tutorial**: https://developer.playcanvas.com/en/tutorials/optimization/ - Network accessline 907
- **Best Practices**: https://developer.playcanvas.com/en/user-manual/optimization/ - Network accessline 907
- **Best Practices**: https://developer.playcanvas.com/en/user-manual/optimization/ - Network accessline 908
- **Profiling Guide**: https://developer.playcanvas.com/en/user-manual/optimization/profiling/ - Network accessline 908
- **Profiling Guide**: https://developer.playcanvas.com/en/user-manual/optimization/profiling/
plugins/individual/playcanvas-engine/skills/playcanvas-engine/scripts/component_builder.py
plugins/individual/playcanvas-engine/skills/playcanvas-engine/scripts/project_generator.py
- Executable scriptline 1
#!/usr/bin/env python3 - Executable scriptline 1
#!/usr/bin/env python3 - Network accessline 102
<!-- PlayCanvas Engine --> <script src="https://cdn.jsdelivr.net/npm/playcanvas@1.70.0/build/playcanvas.min.js"></script> - Network accessline 102
<!-- PlayCanvas Engine --> <script src="https://cdn.jsdelivr.net/npm/playcanvas@1.70.0/build/playcanvas.min.js"></script> - Network accessline 103
<script src="https://cdn.jsdelivr.net/npm/playcanvas@1.70.0/build/playcanvas.min.js"></script> - Network accessline 103
<script src="https://cdn.jsdelivr.net/npm/playcanvas@1.70.0/build/playcanvas.min.js"></script> - Network accessline 204
additional_scripts = """ <!-- Ammo.js Physics Engine --> <script src="https://cdn.jsdelivr.net/npm/ammo.js@0.0.10/ammo.js"></script>""" - Network accessline 204
additional_scripts = """ <!-- Ammo.js Physics Engine --> <script src="https://cdn.jsdelivr.net/npm/ammo.js@0.0.10/ammo.js"></script>""" - Network accessline 206
<script src="https://cdn.jsdelivr.net/npm/ammo.js@0.0.10/ammo.js"></script>""" - Network accessline 206
<script src="https://cdn.jsdelivr.net/npm/ammo.js@0.0.10/ammo.js"></script>"""
plugins/individual/react-spring-physics/.claude-plugin/plugin.json
- Network accessline 8
}, "license": "Apache-2.0", "homepage": "https://github.com/freshtechbro/claudedesignskills", - Network accessline 9
"license": "Apache-2.0", "homepage": "https://github.com/freshtechbro/claudedesignskills", "repository": "https://github.com/freshtechbro/claudedesignskills.git", - Network accessline 10
"homepage": "https://github.com/freshtechbro/claudedesignskills", - Network accessline 11
"repository": "https://github.com/freshtechbro/claudedesignskills.git",
plugins/individual/react-spring-physics/skills/react-spring-physics/assets/README.md
- Network accessline 28
The React Spring team maintains excellent examples at: - **Documentation**: https://react-spring.dev - Network accessline 28
The React Spring team maintains excellent examples at: - **Documentation**: https://react-spring.dev - Network accessline 29
- **Documentation**: https://react-spring.dev - Network accessline 29
- **Documentation**: https://react-spring.dev - Network accessline 30
- **Examples**: https://react-spring.dev/examples - Network accessline 30
- **Examples**: https://react-spring.dev/examples - Network accessline 31
- **CodeSandbox**: https://codesandbox.io/examples/package/@react-spring/web - Network accessline 31
- **CodeSandbox**: https://codesandbox.io/examples/package/@react-spring/web - Network accessline 35
**Basic Animations:** - Spring basics: https://codesandbox.io/s/react-spring-spring-vqqd5 - Network accessline 35
**Basic Animations:** - Spring basics: https://codesandbox.io/s/react-spring-spring-vqqd5 - Network accessline 36
- Spring basics: https://codesandbox.io/s/react-spring-spring-vqqd5 - Network accessline 36
- Spring basics: https://codesandbox.io/s/react-spring-spring-vqqd5 - Network accessline 37
- Trails: https://codesandbox.io/s/react-spring-trail-q0zq5 - Network accessline 37
- Trails: https://codesandbox.io/s/react-spring-trail-q0zq5 - Network accessline 38
- Transitions: https://codesandbox.io/s/react-spring-transition-njgm6 - Network accessline 38
- Transitions: https://codesandbox.io/s/react-spring-transition-njgm6 - Network accessline 40
**Gesture Integration:** - Draggable cards: https://codesandbox.io/s/react-spring-draggable-list-xhqod - Network accessline 40
**Gesture Integration:** - Draggable cards: https://codesandbox.io/s/react-spring-draggable-list-xhqod - Network accessline 41
- Draggable cards: https://codesandbox.io/s/react-spring-draggable-list-xhqod - Network accessline 41
- Draggable cards: https://codesandbox.io/s/react-spring-draggable-list-xhqod - Network accessline 42
- Viewpager: https://codesandbox.io/s/react-spring-viewpager-8tsle - Network accessline 42
- Viewpager: https://codesandbox.io/s/react-spring-viewpager-8tsle - Network accessline 43
- Gesture examples: https://use-gesture.netlify.app/docs/examples/ - Network accessline 43
- Gesture examples: https://use-gesture.netlify.app/docs/examples/ - Network accessline 45
**Scroll Animations:** - Scroll progress: https://codesandbox.io/s/react-spring-scroll-progress-8nqwt - Network accessline 45
**Scroll Animations:** - Scroll progress: https://codesandbox.io/s/react-spring-scroll-progress-8nqwt - Network accessline 46
- Scroll progress: https://codesandbox.io/s/react-spring-scroll-progress-8nqwt - Network accessline 46
- Scroll progress: https://codesandbox.io/s/react-spring-scroll-progress-8nqwt - Network accessline 47
- Parallax: https://codesandbox.io/s/react-spring-parallax-sticky-xhdn7 - Network accessline 47
- Parallax: https://codesandbox.io/s/react-spring-parallax-sticky-xhdn7 - Network accessline 48
- useScroll hook: https://react-spring.dev/docs/components/use-scroll - Network accessline 48
- useScroll hook: https://react-spring.dev/docs/components/use-scroll - Network accessline 50
**3D Integration (React Three Fiber):** - Spring animations in 3D: https://codesandbox.io/s/react-spring-3d-ijdj2 - Network accessline 50
**3D Integration (React Three Fiber):** - Spring animations in 3D: https://codesandbox.io/s/react-spring-3d-ijdj2 - Network accessline 51
- Spring animations in 3D: https://codesandbox.io/s/react-spring-3d-ijdj2 - Network accessline 51
- Spring animations in 3D: https://codesandbox.io/s/react-spring-3d-ijdj2 - Network accessline 52
- Interactive 3D: https://docs.pmnd.rs/react-three-fiber/tutorials/v8-migration-guide#spring - Network accessline 52
- Interactive 3D: https://docs.pmnd.rs/react-three-fiber/tutorials/v8-migration-guide#spring - Network accessline 54
**Advanced Patterns:** - Chained animations: https://codesandbox.io/s/react-spring-chain-dxqgq - Network accessline 54
**Advanced Patterns:** - Chained animations: https://codesandbox.io/s/react-spring-chain-dxqgq - Network accessline 55
- Chained animations: https://codesandbox.io/s/react-spring-chain-dxqgq - Network accessline 55
- Chained animations: https://codesandbox.io/s/react-spring-chain-dxqgq - Network accessline 56
- Auto-height accordion: https://codesandbox.io/s/react-spring-auto-height-accordion-r4qku - Network accessline 56
- Auto-height accordion: https://codesandbox.io/s/react-spring-auto-height-accordion-r4qku - Network accessline 57
- Masonry grid: https://codesandbox.io/s/react-spring-masonry-5bw7y - Network accessline 57
- Masonry grid: https://codesandbox.io/s/react-spring-masonry-5bw7y - Network accessline 306
- **React Spring Docs**: https://react-spring.dev - Network accessline 306
- **React Spring Docs**: https://react-spring.dev - Network accessline 307
- **API Reference**: https://react-spring.dev/docs - Network accessline 307
- **API Reference**: https://react-spring.dev/docs - Network accessline 308
- **Discord Community**: https://discord.com/invite/poimandres - Network accessline 308
- **Discord Community**: https://discord.com/invite/poimandres - Network accessline 309
- **GitHub**: https://github.com/pmndrs/react-spring - Network accessline 309
- **GitHub**: https://github.com/pmndrs/react-spring - Network accessline 310
- **Use Gesture**: https://use-gesture.netlify.app (for drag/gesture support) - Network accessline 310
- **Use Gesture**: https://use-gesture.netlify.app (for drag/gesture support) - Network accessline 311
- **Leva**: https://github.com/pmndrs/leva (for live config tuning) - Network accessline 311
- **Leva**: https://github.com/pmndrs/leva (for live config tuning)
plugins/individual/react-spring-physics/skills/react-spring-physics/references/physics_guide.md
- Network accessline 591
- [Spring Physics Calculator](https://react-spring.dev/examples/springs) - Interactive tuning - Network accessline 591
- [Spring Physics Calculator](https://react-spring.dev/examples/springs) - Interactive tuning - Network accessline 592
- [Leva](https://github.com/pmndrs/leva) - Real-time config editor - Network accessline 592
- [Leva](https://github.com/pmndrs/leva) - Real-time config editor - Network accessline 593
- [Hooke's Law](https://en.wikipedia.org/wiki/Hooke%27s_law) - Physics fundamentals - Network accessline 593
- [Hooke's Law](https://en.wikipedia.org/wiki/Hooke%27s_law) - Physics fundamentals - Network accessline 594
- [Damped Harmonic Oscillator](https://en.wikipedia.org/wiki/Harmonic_oscillator#Damped_harmonic_oscillator) - Spring theory - Network accessline 594
- [Damped Harmonic Oscillator](https://en.wikipedia.org/wiki/Harmonic_oscillator#Damped_harmonic_oscillator) - Spring theory
plugins/individual/react-spring-physics/skills/react-spring-physics/scripts/physics_calculator.py
plugins/individual/react-spring-physics/skills/react-spring-physics/scripts/spring_generator.py
plugins/individual/react-three-fiber/.claude-plugin/plugin.json
- Network accessline 8
}, "license": "Apache-2.0", "homepage": "https://github.com/freshtechbro/claudedesignskills", - Network accessline 9
"license": "Apache-2.0", "homepage": "https://github.com/freshtechbro/claudedesignskills", "repository": "https://github.com/freshtechbro/claudedesignskills.git", - Network accessline 10
"homepage": "https://github.com/freshtechbro/claudedesignskills", - Network accessline 11
"repository": "https://github.com/freshtechbro/claudedesignskills.git",
plugins/individual/react-three-fiber/skills/react-three-fiber/SKILL.md
- Network accessline 475
[Drei](https://github.com/pmndrs/drei) is the essential helper library for R3F, providing ready-to-use components: - Network accessline 475
[Drei](https://github.com/pmndrs/drei) is the essential helper library for R3F, providing ready-to-use components: - Network accessline 1074
### External Resources - [Official Docs](https://docs.pmnd.rs/react-three-fiber) - Network accessline 1074
### External Resources - [Official Docs](https://docs.pmnd.rs/react-three-fiber) - Network accessline 1075
- [Official Docs](https://docs.pmnd.rs/react-three-fiber) - Network accessline 1075
- [Official Docs](https://docs.pmnd.rs/react-three-fiber) - Network accessline 1076
- [Drei Docs](https://github.com/pmndrs/drei) - Network accessline 1076
- [Drei Docs](https://github.com/pmndrs/drei) - Network accessline 1077
- [Three.js Docs](https://threejs.org/docs/) - Network accessline 1077
- [Three.js Docs](https://threejs.org/docs/) - Network accessline 1078
- [R3F Discord](https://discord.gg/ZZjjNvJ) - Network accessline 1078
- [R3F Discord](https://discord.gg/ZZjjNvJ) - Network accessline 1079
- [Poimandres (pmnd.rs)](https://pmnd.rs/) - Ecosystem overview - Network accessline 1079
- [Poimandres (pmnd.rs)](https://pmnd.rs/) - Ecosystem overview
plugins/individual/react-three-fiber/skills/react-three-fiber/assets/examples/README.md
- Network accessline 687
- [Poimandres Market](https://market.pmnd.rs/) - Ready-to-use R3F components - Network accessline 687
- [Poimandres Market](https://market.pmnd.rs/) - Ready-to-use R3F components - Network accessline 688
- [Three.js Journey](https://threejs-journey.com/) - Comprehensive Three.js course - Network accessline 688
- [Three.js Journey](https://threejs-journey.com/) - Comprehensive Three.js course - Network accessline 689
- [R3F Examples](https://docs.pmnd.rs/react-three-fiber/getting-started/examples) - Official examples - Network accessline 689
- [R3F Examples](https://docs.pmnd.rs/react-three-fiber/getting-started/examples) - Official examples - Network accessline 690
- [Codesandbox Collection](https://codesandbox.io/examples/package/@react-three/fiber) - Live examples - Network accessline 690
- [Codesandbox Collection](https://codesandbox.io/examples/package/@react-three/fiber) - Live examples
plugins/individual/react-three-fiber/skills/react-three-fiber/assets/starter_r3f/README.md
- Network accessline 35
Opens at `http://localhost:3000` - Network accessline 35
Opens at `http://localhost:3000` - Network accessline 211
- [React Three Fiber Docs](https://docs.pmnd.rs/react-three-fiber) - Network accessline 211
- [React Three Fiber Docs](https://docs.pmnd.rs/react-three-fiber) - Network accessline 212
- [Drei Helpers](https://github.com/pmndrs/drei) - Network accessline 212
- [Drei Helpers](https://github.com/pmndrs/drei) - Network accessline 213
- [Three.js Docs](https://threejs.org/docs/) - Network accessline 213
- [Three.js Docs](https://threejs.org/docs/) - Network accessline 214
- [Vite Docs](https://vitejs.dev/) - Network accessline 214
- [Vite Docs](https://vitejs.dev/) - Network accessline 215
- [React Docs](https://react.dev/) - Network accessline 215
- [React Docs](https://react.dev/)
plugins/individual/react-three-fiber/skills/react-three-fiber/assets/starter_r3f/package.json
plugins/individual/react-three-fiber/skills/react-three-fiber/assets/starter_r3f/src/App.jsx
plugins/individual/react-three-fiber/skills/react-three-fiber/assets/starter_r3f/src/Experience.jsx
plugins/individual/react-three-fiber/skills/react-three-fiber/assets/starter_r3f/src/components/Box.jsx
plugins/individual/react-three-fiber/skills/react-three-fiber/assets/starter_r3f/src/components/Sphere.jsx
plugins/individual/react-three-fiber/skills/react-three-fiber/assets/starter_r3f/src/main.jsx
plugins/individual/react-three-fiber/skills/react-three-fiber/assets/starter_r3f/vite.config.js
plugins/individual/react-three-fiber/skills/react-three-fiber/references/api_reference.md
- Network accessline 925
- [Official R3F Docs](https://docs.pmnd.rs/react-three-fiber) - Network accessline 925
- [Official R3F Docs](https://docs.pmnd.rs/react-three-fiber) - Network accessline 926
- [Drei Documentation](https://github.com/pmndrs/drei) - Network accessline 926
- [Drei Documentation](https://github.com/pmndrs/drei) - Network accessline 927
- [Three.js Documentation](https://threejs.org/docs/) - Network accessline 927
- [Three.js Documentation](https://threejs.org/docs/) - Network accessline 928
- [R3F Examples](https://docs.pmnd.rs/react-three-fiber/examples) - Network accessline 928
- [R3F Examples](https://docs.pmnd.rs/react-three-fiber/examples)
plugins/individual/react-three-fiber/skills/react-three-fiber/scripts/component_generator.py
plugins/individual/react-three-fiber/skills/react-three-fiber/scripts/scene_setup.py
plugins/individual/rive-interactive/.claude-plugin/plugin.json
- Network accessline 8
}, "license": "Apache-2.0", "homepage": "https://github.com/freshtechbro/claudedesignskills", - Network accessline 9
"license": "Apache-2.0", "homepage": "https://github.com/freshtechbro/claudedesignskills", "repository": "https://github.com/freshtechbro/claudedesignskills.git", - Network accessline 10
"homepage": "https://github.com/freshtechbro/claudedesignskills", - Network accessline 11
"repository": "https://github.com/freshtechbro/claudedesignskills.git",
plugins/individual/rive-interactive/skills/rive-interactive/SKILL.md
- Network accessline 549
### Official Documentation - **Rive Docs**: https://rive.app/docs - Network accessline 549
### Official Documentation - **Rive Docs**: https://rive.app/docs - Network accessline 550
- **Rive Docs**: https://rive.app/docs - Network accessline 550
- **Rive Docs**: https://rive.app/docs - Network accessline 551
- **React Rive GitHub**: https://github.com/rive-app/rive-react - Network accessline 551
- **React Rive GitHub**: https://github.com/rive-app/rive-react - Network accessline 552
- **Rive Community**: https://rive.app/community - Network accessline 552
- **Rive Community**: https://rive.app/community - Network accessline 554
### Rive Editor - **Web Editor**: https://rive.app/community - Network accessline 554
### Rive Editor - **Web Editor**: https://rive.app/community - Network accessline 555
- **Web Editor**: https://rive.app/community - Network accessline 555
- **Web Editor**: https://rive.app/community - Network accessline 558
### Learning Resources - **Tutorials**: https://rive.app/learn - Network accessline 558
### Learning Resources - **Tutorials**: https://rive.app/learn - Network accessline 559
- **Tutorials**: https://rive.app/learn - Network accessline 559
- **Tutorials**: https://rive.app/learn - Network accessline 560
- **Examples**: https://rive.app/community/files - Network accessline 560
- **Examples**: https://rive.app/community/files - Network accessline 561
- **State Machine Guide**: https://rive.app/docs/state-machine - Network accessline 561
- **State Machine Guide**: https://rive.app/docs/state-machine
plugins/individual/rive-interactive/skills/rive-interactive/assets/README.md
- Network accessline 76
- [Rive Documentation](https://rive.app/docs) - Network accessline 76
- [Rive Documentation](https://rive.app/docs) - Network accessline 77
- [React Rive GitHub](https://github.com/rive-app/rive-react) - Network accessline 77
- [React Rive GitHub](https://github.com/rive-app/rive-react) - Network accessline 78
- [Rive Community](https://rive.app/community) - Network accessline 78
- [Rive Community](https://rive.app/community) - Network accessline 79
- [State Machine Guide](https://rive.app/docs/state-machine) - Network accessline 79
- [State Machine Guide](https://rive.app/docs/state-machine)
plugins/individual/rive-interactive/skills/rive-interactive/scripts/component_generator.py
plugins/individual/rive-interactive/skills/rive-interactive/scripts/viewmodel_builder.py
plugins/individual/scroll-reveal-libraries/.claude-plugin/plugin.json
- Network accessline 8
}, "license": "Apache-2.0", "homepage": "https://github.com/freshtechbro/claudedesignskills", - Network accessline 9
"license": "Apache-2.0", "homepage": "https://github.com/freshtechbro/claudedesignskills", "repository": "https://github.com/freshtechbro/claudedesignskills.git", - Network accessline 10
"homepage": "https://github.com/freshtechbro/claudedesignskills", - Network accessline 11
"repository": "https://github.com/freshtechbro/claudedesignskills.git",
plugins/individual/scroll-reveal-libraries/skills/scroll-reveal-libraries/SKILL.md
- Network accessline 37
<head> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 37
<head> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 38
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 38
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 43
<script src="https://unpkg.com/aos@next/dist/aos.js"></script> - Network accessline 43
<script src="https://unpkg.com/aos@next/dist/aos.js"></script> - Network accessline 798
### Official Documentation - **AOS**: https://michalsnik.github.io/aos/ - Network accessline 798
### Official Documentation - **AOS**: https://michalsnik.github.io/aos/ - Network accessline 799
- **AOS**: https://michalsnik.github.io/aos/ - Network accessline 799
- **AOS**: https://michalsnik.github.io/aos/ - Network accessline 800
- **GitHub**: https://github.com/michalsnik/aos - Network accessline 800
- **GitHub**: https://github.com/michalsnik/aos
plugins/individual/scroll-reveal-libraries/skills/scroll-reveal-libraries/assets/README.md
- Network accessline 24
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>AOS Minimal Example</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 24
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>AOS Minimal Example</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 25
<title>AOS Minimal Example</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> </head> - Network accessline 25
<title>AOS Minimal Example</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> </head> - Network accessline 26
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 26
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 34
<script src="https://unpkg.com/aos@next/dist/aos.js"></script> - Network accessline 34
<script src="https://unpkg.com/aos@next/dist/aos.js"></script> - Network accessline 489
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>AOS Landing Page</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 489
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>AOS Landing Page</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 490
<title>AOS Landing Page</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> <style> - Network accessline 490
<title>AOS Landing Page</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> <style> - Network accessline 491
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 491
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 594
<script src="https://unpkg.com/aos@next/dist/aos.js"></script> - Network accessline 594
<script src="https://unpkg.com/aos@next/dist/aos.js"></script> - Network accessline 830
- **References**: See `references/aos_api.md` for complete API documentation - **References**: See `references/animation_catalog.md` for all 28 built-in animations - **Official Docs**: https://michalsnik.github.io/aos/ - Network accessline 830
- **References**: See `references/aos_api.md` for complete API documentation - **References**: See `references/animation_catalog.md` for all 28 built-in animations - **Official Docs**: https://michalsnik.github.io/aos/ - Network accessline 832
- **Official Docs**: https://michalsnik.github.io/aos/ - Network accessline 832
- **Official Docs**: https://michalsnik.github.io/aos/
plugins/individual/scroll-reveal-libraries/skills/scroll-reveal-libraries/scripts/aos_generator.py
- Executable scriptline 1
#!/usr/bin/env python3 - Executable scriptline 1
#!/usr/bin/env python3 - Network accessline 27
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>AOS Hero Section</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 27
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>AOS Hero Section</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 28
<title>AOS Hero Section</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> <style> - Network accessline 28
<title>AOS Hero Section</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> <style> - Network accessline 29
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 29
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 100
<script src="https://unpkg.com/aos@next/dist/aos.js"></script> - Network accessline 100
<script src="https://unpkg.com/aos@next/dist/aos.js"></script> - Network accessline 117
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>AOS Feature Cards</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 117
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>AOS Feature Cards</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 118
<title>AOS Feature Cards</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> <style> - Network accessline 118
<title>AOS Feature Cards</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> <style> - Network accessline 119
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 119
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 231
<script src="https://unpkg.com/aos@next/dist/aos.js"></script> - Network accessline 231
<script src="https://unpkg.com/aos@next/dist/aos.js"></script> - Network accessline 248
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>AOS Landing Page</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 248
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>AOS Landing Page</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 249
<title>AOS Landing Page</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> <style> - Network accessline 249
<title>AOS Landing Page</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> <style> - Network accessline 250
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 250
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 458
<script src="https://unpkg.com/aos@next/dist/aos.js"></script> - Network accessline 458
<script src="https://unpkg.com/aos@next/dist/aos.js"></script> - Network accessline 476
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>AOS Image Gallery</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 476
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>AOS Image Gallery</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 477
<title>AOS Image Gallery</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> <style> - Network accessline 477
<title>AOS Image Gallery</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> <style> - Network accessline 478
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 478
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 611
<script src="https://unpkg.com/aos@next/dist/aos.js"></script> - Network accessline 611
<script src="https://unpkg.com/aos@next/dist/aos.js"></script> - Network accessline 628
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>AOS Timeline</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 628
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>AOS Timeline</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 629
<title>AOS Timeline</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> <style> - Network accessline 629
<title>AOS Timeline</title> <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> <style> - Network accessline 630
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 630
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" /> - Network accessline 760
<script src="https://unpkg.com/aos@next/dist/aos.js"></script> - Network accessline 760
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
plugins/individual/scroll-reveal-libraries/skills/scroll-reveal-libraries/scripts/config_builder.py
- Executable scriptline 1
#!/usr/bin/env python3 - Executable scriptline 1
#!/usr/bin/env python3 - Network accessline 197
elif format_type == "cdn": lines.append("<!-- Add to <head> -->") lines.append('<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />') - Network accessline 197
elif format_type == "cdn": lines.append("<!-- Add to <head> -->") lines.append('<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />') - Network accessline 198
lines.append("<!-- Add to <head> -->") lines.append('<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />') lines.append("") - Network accessline 198
lines.append("<!-- Add to <head> -->") lines.append('<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />') lines.append("") - Network accessline 199
lines.append('<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />') - Network accessline 199
lines.append('<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />') - Network accessline 200
lines.append("") lines.append("<!-- Add before </body> -->") lines.append('<script src="https://unpkg.com/aos@next/dist/aos.js"></script>') - Network accessline 200
lines.append("") lines.append("<!-- Add before </body> -->") lines.append('<script src="https://unpkg.com/aos@next/dist/aos.js"></script>') - Network accessline 201
lines.append("<!-- Add before </body> -->") lines.append('<script src="https://unpkg.com/aos@next/dist/aos.js"></script>') lines.append("<script>") - Network accessline 201
lines.append("<!-- Add before </body> -->") lines.append('<script src="https://unpkg.com/aos@next/dist/aos.js"></script>') lines.append("<script>") - Network accessline 202
lines.append('<script src="https://unpkg.com/aos@next/dist/aos.js"></script>') - Network accessline 202
lines.append('<script src="https://unpkg.com/aos@next/dist/aos.js"></script>')
plugins/individual/spline-interactive/.claude-plugin/plugin.json
- Network accessline 8
}, "license": "Apache-2.0", "homepage": "https://github.com/freshtechbro/claudedesignskills", - Network accessline 9
"license": "Apache-2.0", "homepage": "https://github.com/freshtechbro/claudedesignskills", "repository": "https://github.com/freshtechbro/claudedesignskills.git", - Network accessline 10
"homepage": "https://github.com/freshtechbro/claudedesignskills", - Network accessline 11
"repository": "https://github.com/freshtechbro/claudedesignskills.git",
plugins/individual/spline-interactive/skills/spline-interactive/SKILL.md
- Network accessline 94
return ( <div style={{ width: '100%', height: '600px' }}> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 94
return ( <div style={{ width: '100%', height: '600px' }}> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 95
<div style={{ width: '100%', height: '600px' }}> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> </div> - Network accessline 95
<div style={{ width: '100%', height: '600px' }}> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> </div> - Network accessline 96
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 96
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 135
return ( <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 135
return ( <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 136
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" onSplineMouseDown={onSplineMouseDown} - Network accessline 136
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" onSplineMouseDown={onSplineMouseDown} - Network accessline 137
scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 137
scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 204
<div> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 204
<div> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 205
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" onLoad={onLoad} - Network accessline 205
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" onLoad={onLoad} - Network accessline 206
scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 206
scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 259
<div> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 259
<div> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 260
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" onLoad={onLoad} - Network accessline 260
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" onLoad={onLoad} - Network accessline 261
scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 261
scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 294
<main> <div style={{ width: '100vw', height: '100vh' }}> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 294
<main> <div style={{ width: '100vw', height: '100vh' }}> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 295
<div style={{ width: '100vw', height: '100vh' }}> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> </div> - Network accessline 295
<div style={{ width: '100vw', height: '100vh' }}> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> </div> - Network accessline 296
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 296
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 325
<Suspense fallback={<div>Loading 3D scene...</div>}> <div style={{ width: '100%', height: '500px' }}> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 325
<Suspense fallback={<div>Loading 3D scene...</div>}> <div style={{ width: '100%', height: '500px' }}> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 326
<div style={{ width: '100%', height: '500px' }}> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> </div> - Network accessline 326
<div style={{ width: '100%', height: '500px' }}> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> </div> - Network accessline 327
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 327
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 371
scene={ isMobile ? "https://prod.spline.design/YOUR-MOBILE-SCENE/scene.splinecode" - Network accessline 371
scene={ isMobile ? "https://prod.spline.design/YOUR-MOBILE-SCENE/scene.splinecode" - Network accessline 372
isMobile ? "https://prod.spline.design/YOUR-MOBILE-SCENE/scene.splinecode" : "https://prod.spline.design/YOUR-DESKTOP-SCENE/scene.splinecode" - Network accessline 372
isMobile ? "https://prod.spline.design/YOUR-MOBILE-SCENE/scene.splinecode" : "https://prod.spline.design/YOUR-DESKTOP-SCENE/scene.splinecode" - Network accessline 373
? "https://prod.spline.design/YOUR-MOBILE-SCENE/scene.splinecode" - Network accessline 373
? "https://prod.spline.design/YOUR-MOBILE-SCENE/scene.splinecode" - Network accessline 374
: "https://prod.spline.design/YOUR-DESKTOP-SCENE/scene.splinecode" - Network accessline 374
: "https://prod.spline.design/YOUR-DESKTOP-SCENE/scene.splinecode" - Network accessline 415
return ( <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 415
return ( <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 416
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" onLoad={onLoad} - Network accessline 416
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" onLoad={onLoad} - Network accessline 417
scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 417
scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 472
<div className="scene-container"> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 472
<div className="scene-container"> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 473
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" onLoad={onLoad} - Network accessline 473
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" onLoad={onLoad} - Network accessline 474
scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 474
scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 496
style={{ width: '100%', height: '600px' }} > <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 496
style={{ width: '100%', height: '600px' }} > <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 497
> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> </motion.div> - Network accessline 497
> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> </motion.div> - Network accessline 498
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 498
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 511
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 511
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 512
scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 512
scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 539
const link = document.createElement('link'); link.rel = 'prefetch'; link.href = 'https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode'; - Network accessline 539
const link = document.createElement('link'); link.rel = 'prefetch'; link.href = 'https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode'; - Network accessline 540
link.rel = 'prefetch'; link.href = 'https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode'; document.head.appendChild(link); - Network accessline 540
link.rel = 'prefetch'; link.href = 'https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode'; document.head.appendChild(link); - Network accessline 541
link.href = 'https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode'; - Network accessline 541
link.href = 'https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode'; - Network accessline 545
return ( <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 545
return ( <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 546
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 546
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 579
// ✅ Correct: Full URL from Spline export <Spline scene="https://prod.spline.design/KFonZGtsoUXP-qx7/scene.splinecode" /> - Network accessline 579
// ✅ Correct: Full URL from Spline export <Spline scene="https://prod.spline.design/KFonZGtsoUXP-qx7/scene.splinecode" /> - Network accessline 580
<Spline scene="https://prod.spline.design/KFonZGtsoUXP-qx7/scene.splinecode" /> - Network accessline 580
<Spline scene="https://prod.spline.design/KFonZGtsoUXP-qx7/scene.splinecode" /> - Network accessline 629
const isMobile = window.innerWidth < 768; const sceneUrl = isMobile ? 'https://prod.spline.design/MOBILE-SCENE/scene.splinecode' - Network accessline 629
const isMobile = window.innerWidth < 768; const sceneUrl = isMobile ? 'https://prod.spline.design/MOBILE-SCENE/scene.splinecode' - Network accessline 630
const sceneUrl = isMobile ? 'https://prod.spline.design/MOBILE-SCENE/scene.splinecode' : 'https://prod.spline.design/DESKTOP-SCENE/scene.splinecode'; - Network accessline 630
const sceneUrl = isMobile ? 'https://prod.spline.design/MOBILE-SCENE/scene.splinecode' : 'https://prod.spline.design/DESKTOP-SCENE/scene.splinecode'; - Network accessline 631
? 'https://prod.spline.design/MOBILE-SCENE/scene.splinecode' - Network accessline 631
? 'https://prod.spline.design/MOBILE-SCENE/scene.splinecode' - Network accessline 632
: 'https://prod.spline.design/DESKTOP-SCENE/scene.splinecode'; - Network accessline 632
: 'https://prod.spline.design/DESKTOP-SCENE/scene.splinecode'; - Network accessline 709
### Official Documentation - **Spline Docs**: https://docs.spline.design - Network accessline 709
### Official Documentation - **Spline Docs**: https://docs.spline.design - Network accessline 710
- **Spline Docs**: https://docs.spline.design - Network accessline 710
- **Spline Docs**: https://docs.spline.design - Network accessline 711
- **React Spline GitHub**: https://github.com/splinetool/react-spline - Network accessline 711
- **React Spline GitHub**: https://github.com/splinetool/react-spline - Network accessline 712
- **Spline Community**: https://spline.community - Network accessline 712
- **Spline Community**: https://spline.community - Network accessline 714
### Spline Editor - **Web App**: https://app.spline.design - Network accessline 714
### Spline Editor - **Web App**: https://app.spline.design - Network accessline 715
- **Web App**: https://app.spline.design - Network accessline 715
- **Web App**: https://app.spline.design - Network accessline 718
### Learning Resources - **Tutorials**: https://spline.design/tutorials - Network accessline 718
### Learning Resources - **Tutorials**: https://spline.design/tutorials - Network accessline 719
- **Tutorials**: https://spline.design/tutorials - Network accessline 719
- **Tutorials**: https://spline.design/tutorials - Network accessline 721
- **Examples Gallery**: https://spline.design/community - Network accessline 721
- **Examples Gallery**: https://spline.design/community
plugins/individual/spline-interactive/skills/spline-interactive/assets/README.md
- Network accessline 96
<div className="scene"> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 96
<div className="scene"> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 97
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" onLoad={onLoad} - Network accessline 97
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" onLoad={onLoad} - Network accessline 98
scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 98
scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 118
style={{ width: '100%', height: '600px' }} > <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 118
style={{ width: '100%', height: '600px' }} > <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 119
> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> </motion.div> - Network accessline 119
> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> </motion.div> - Network accessline 120
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 120
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 156
<div> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 156
<div> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 157
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" onLoad={onLoad} - Network accessline 157
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" onLoad={onLoad} - Network accessline 158
scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 158
scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 179
const scenes = { scene1: 'https://prod.spline.design/SCENE-1/scene.splinecode', - Network accessline 179
const scenes = { scene1: 'https://prod.spline.design/SCENE-1/scene.splinecode', - Network accessline 180
scene1: 'https://prod.spline.design/SCENE-1/scene.splinecode', - Network accessline 180
scene1: 'https://prod.spline.design/SCENE-1/scene.splinecode', - Network accessline 181
scene2: 'https://prod.spline.design/SCENE-2/scene.splinecode', - Network accessline 181
scene2: 'https://prod.spline.design/SCENE-2/scene.splinecode', - Network accessline 182
scene3: 'https://prod.spline.design/SCENE-3/scene.splinecode' - Network accessline 182
scene3: 'https://prod.spline.design/SCENE-3/scene.splinecode' - Network accessline 204
1. Open your scene in Spline editor (https://app.spline.design) - Network accessline 204
1. Open your scene in Spline editor (https://app.spline.design) - Network accessline 205
2. Click the "Export" button (top right) 3. Select "Code Export" → "React" 4. Copy the scene URL (format: `https://prod.spline.design/[ID]/scene.splinecode`) - Network accessline 205
2. Click the "Export" button (top right) 3. Select "Code Export" → "React" 4. Copy the scene URL (format: `https://prod.spline.design/[ID]/scene.splinecode`) - Network accessline 206
3. Select "Code Export" → "React" 4. Copy the scene URL (format: `https://prod.spline.design/[ID]/scene.splinecode`) 5. Replace `YOUR-SCENE-ID` in the templates with your actual scene URL - Network accessline 206
3. Select "Code Export" → "React" 4. Copy the scene URL (format: `https://prod.spline.design/[ID]/scene.splinecode`) 5. Replace `YOUR-SCENE-ID` in the templates with your actual scene URL - Network accessline 207
4. Copy the scene URL (format: `https://prod.spline.design/[ID]/scene.splinecode`) - Network accessline 207
4. Copy the scene URL (format: `https://prod.spline.design/[ID]/scene.splinecode`) - Network accessline 227
<div className="hero-scene"> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 227
<div className="hero-scene"> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 228
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 228
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 256
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 256
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 257
scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 257
scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 309
- [Spline Documentation](https://docs.spline.design) - Network accessline 309
- [Spline Documentation](https://docs.spline.design) - Network accessline 310
- [React Spline GitHub](https://github.com/splinetool/react-spline) - Network accessline 310
- [React Spline GitHub](https://github.com/splinetool/react-spline) - Network accessline 311
- [Spline Community](https://spline.community) - Network accessline 311
- [Spline Community](https://spline.community) - Network accessline 312
- [Spline Tutorials](https://spline.design/tutorials) - Network accessline 312
- [Spline Tutorials](https://spline.design/tutorials)
plugins/individual/spline-interactive/skills/spline-interactive/references/api_reference.md
- Network accessline 28
- **Type**: `string` - **Description**: URL to the Spline scene file - **Example**: `"https://prod.spline.design/6Wq1Q7YGyM-iab9i/scene.splinecode"` - Network accessline 28
- **Type**: `string` - **Description**: URL to the Spline scene file - **Example**: `"https://prod.spline.design/6Wq1Q7YGyM-iab9i/scene.splinecode"` - Network accessline 30
- **Example**: `"https://prod.spline.design/6Wq1Q7YGyM-iab9i/scene.splinecode"` - Network accessline 30
- **Example**: `"https://prod.spline.design/6Wq1Q7YGyM-iab9i/scene.splinecode"` - Network accessline 362
<div> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 362
<div> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 363
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" onLoad={onLoad} - Network accessline 363
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" onLoad={onLoad} - Network accessline 364
scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 364
scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 389
return ( <div style={{ width: '100vw', height: '100vh' }}> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 389
return ( <div style={{ width: '100vw', height: '100vh' }}> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 390
<div style={{ width: '100vw', height: '100vh' }}> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> </div> - Network accessline 390
<div style={{ width: '100vw', height: '100vh' }}> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> </div> - Network accessline 391
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 391
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 405
return ( <Suspense fallback={<div>Loading 3D scene...</div>}> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 405
return ( <Suspense fallback={<div>Loading 3D scene...</div>}> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 406
<Suspense fallback={<div>Loading 3D scene...</div>}> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> </Suspense> - Network accessline 406
<Suspense fallback={<div>Loading 3D scene...</div>}> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> </Suspense> - Network accessline 407
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" /> - Network accessline 407
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" />
plugins/individual/spline-interactive/skills/spline-interactive/scripts/component_builder.py
plugins/individual/spline-interactive/skills/spline-interactive/scripts/project_generator.py
- Executable scriptline 1
#!/usr/bin/env python3 - Executable scriptline 1
#!/usr/bin/env python3 - Network accessline 139
<main style={{ width: '100vw', height: '100vh' }}> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 139
<main style={{ width: '100vw', height: '100vh' }}> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 140
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" onLoad={onLoad} - Network accessline 140
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" onLoad={onLoad} - Network accessline 141
scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 141
scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 175
<div className="scene-container"> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 175
<div className="scene-container"> <Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 176
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" onLoad={onLoad} - Network accessline 176
<Spline scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" onLoad={onLoad} - Network accessline 177
scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 177
scene="https://prod.spline.design/YOUR-SCENE-ID/scene.splinecode" - Network accessline 277
Visit http://localhost:3000 - Network accessline 277
Visit http://localhost:3000 - Network accessline 297
- [Spline Documentation](https://docs.spline.design) - Network accessline 297
- [Spline Documentation](https://docs.spline.design) - Network accessline 298
- [React Spline GitHub](https://github.com/splinetool/react-spline) - Network accessline 298
- [React Spline GitHub](https://github.com/splinetool/react-spline)
plugins/individual/substance-3d-texturing/.claude-plugin/plugin.json
- Network accessline 8
}, "license": "Apache-2.0", "homepage": "https://github.com/freshtechbro/claudedesignskills", - Network accessline 9
"license": "Apache-2.0", "homepage": "https://github.com/freshtechbro/claudedesignskills", "repository": "https://github.com/freshtechbro/claudedesignskills.git", - Network accessline 10
"homepage": "https://github.com/freshtechbro/claudedesignskills", - Network accessline 11
"repository": "https://github.com/freshtechbro/claudedesignskills.git",
plugins/individual/substance-3d-texturing/skills/substance-3d-texturing/assets/README.md
- Network accessline 277
- **Substance Python API:** https://helpx.adobe.com/substance-3d-painter-python/api/ - Network accessline 277
- **Substance Python API:** https://helpx.adobe.com/substance-3d-painter-python/api/ - Network accessline 278
- **glTF 2.0 Spec:** https://registry.khronos.org/glTF/specs/2.0/glTF-2.0.html - Network accessline 278
- **glTF 2.0 Spec:** https://registry.khronos.org/glTF/specs/2.0/glTF-2.0.html - Network accessline 279
- **Three.js Materials:** https://threejs.org/docs/#api/en/materials/MeshStandardMaterial - Network accessline 279
- **Three.js Materials:** https://threejs.org/docs/#api/en/materials/MeshStandardMaterial - Network accessline 280
- **Babylon.js PBR:** https://doc.babylonjs.com/features/featuresDeepDive/materials/using/introToPBR - Network accessline 280
- **Babylon.js PBR:** https://doc.babylonjs.com/features/featuresDeepDive/materials/using/introToPBR
plugins/individual/substance-3d-texturing/skills/substance-3d-texturing/references/pbr_channel_guide.md
- Network accessline 641
- **PBR Guide:** https://academy.substance3d.com/courses/the-pbr-guide-part-1 - Network accessline 641
- **PBR Guide:** https://academy.substance3d.com/courses/the-pbr-guide-part-1 - Network accessline 642
- **Material Values:** https://docs.unrealengine.com/en-US/Resources/ContentExamples/MaterialProperties/ - Network accessline 642
- **Material Values:** https://docs.unrealengine.com/en-US/Resources/ContentExamples/MaterialProperties/
plugins/individual/substance-3d-texturing/skills/substance-3d-texturing/references/python_api_reference.md
- Network accessline 829
- **Official Python API Docs:** https://helpx.adobe.com/substance-3d-painter-python/api/ - Network accessline 829
- **Official Python API Docs:** https://helpx.adobe.com/substance-3d-painter-python/api/ - Network accessline 830
- **Substance 3D Community:** https://community.adobe.com/t5/substance-3d-painter/ct-p/ct-substance-3d-painter - Network accessline 830
- **Substance 3D Community:** https://community.adobe.com/t5/substance-3d-painter/ct-p/ct-substance-3d-painter
plugins/individual/substance-3d-texturing/skills/substance-3d-texturing/scripts/batch_export.py
plugins/individual/substance-3d-texturing/skills/substance-3d-texturing/scripts/generate_export_preset.py
plugins/individual/substance-3d-texturing/skills/substance-3d-texturing/scripts/web_optimizer.py
- Executable scriptline 1
#!/usr/bin/env python3 - Executable scriptline 1
#!/usr/bin/env python3 - Network accessline 145
print(" - ImageMagick: convert input.png -resize 1024x1024 output.png") print(" - pngquant: pngquant --quality 80-100 input.png") print(" - TinyPNG: https://tinypng.com/") - Network accessline 145
print(" - ImageMagick: convert input.png -resize 1024x1024 output.png") print(" - pngquant: pngquant --quality 80-100 input.png") print(" - TinyPNG: https://tinypng.com/") - Network accessline 146
print(" - pngquant: pngquant --quality 80-100 input.png") print(" - TinyPNG: https://tinypng.com/") return None - Network accessline 146
print(" - pngquant: pngquant --quality 80-100 input.png") print(" - TinyPNG: https://tinypng.com/") return None - Network accessline 147
print(" - TinyPNG: https://tinypng.com/") - Network accessline 147
print(" - TinyPNG: https://tinypng.com/") - Network accessline 274
print("4. Online tools:") print(" - TinyPNG: https://tinypng.com/") - Network accessline 274
print("4. Online tools:") print(" - TinyPNG: https://tinypng.com/") - Network accessline 275
print(" - TinyPNG: https://tinypng.com/") - Network accessline 275
print(" - TinyPNG: https://tinypng.com/") - Network accessline 276
print(" - Squoosh: https://squoosh.app/") - Network accessline 276
print(" - Squoosh: https://squoosh.app/")
plugins/individual/threejs-webgl/.claude-plugin/plugin.json
- Network accessline 8
}, "license": "Apache-2.0", "homepage": "https://github.com/freshtechbro/claudedesignskills", - Network accessline 9
"license": "Apache-2.0", "homepage": "https://github.com/freshtechbro/claudedesignskills", "repository": "https://github.com/freshtechbro/claudedesignskills.git", - Network accessline 10
"homepage": "https://github.com/freshtechbro/claudedesignskills", - Network accessline 11
"repository": "https://github.com/freshtechbro/claudedesignskills.git",
plugins/individual/threejs-webgl/skills/threejs-webgl/assets/starter_scene/README.md
- Network accessline 28
Open `http://localhost:8000` in your browser. - Network accessline 28
Open `http://localhost:8000` in your browser. - Network accessline 127
- [Three.js Documentation](https://threejs.org/docs/) - Network accessline 127
- [Three.js Documentation](https://threejs.org/docs/) - Network accessline 128
- [Three.js Examples](https://threejs.org/examples/) - Network accessline 128
- [Three.js Examples](https://threejs.org/examples/) - Network accessline 129
- [Three.js Fundamentals](https://threejsfundamentals.org/) - Network accessline 129
- [Three.js Fundamentals](https://threejsfundamentals.org/)
plugins/individual/threejs-webgl/skills/threejs-webgl/assets/starter_scene/index.html
- Network accessline 75
{ "imports": { "three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", - Network accessline 75
{ "imports": { "three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", - Network accessline 76
"imports": { "three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", "three/addons/": "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/" - Network accessline 76
"imports": { "three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", "three/addons/": "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/" - Network accessline 77
"three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", - Network accessline 77
"three": "https://cdn.jsdelivr.net/npm/three@0.160.0/build/three.module.js", - Network accessline 78
"three/addons/": "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/" - Network accessline 78
"three/addons/": "https://cdn.jsdelivr.net/npm/three@0.160.0/examples/jsm/"
plugins/individual/threejs-webgl/skills/threejs-webgl/assets/starter_scene/main.js
plugins/individual/threejs-webgl/skills/threejs-webgl/scripts/setup_scene.py
plugins/individual/web3d-integration-patterns/.claude-plugin/plugin.json
- Network accessline 8
}, "license": "Apache-2.0", "homepage": "https://github.com/freshtechbro/claudedesignskills", - Network accessline 9
"license": "Apache-2.0", "homepage": "https://github.com/freshtechbro/claudedesignskills", "repository": "https://github.com/freshtechbro/claudedesignskills.git", - Network accessline 10
"homepage": "https://github.com/freshtechbro/claudedesignskills", - Network accessline 11
"repository": "https://github.com/freshtechbro/claudedesignskills.git",
How the signals fit together
Facts from a static read of the files at the pinned commit. They describe what the code does, not why.
Some files could not be read; the facts below still hold.
No combined signals at this commit.
Works with
| Agent | Status | Evidence | Install to |
|---|---|---|---|
| Claude Code | Native | Manifest .claude-plugin/marketplace.json | .claude/skills/<skill-name>/ |
| Codex | Compatible | Standard SKILL.md .factory/skills/aframe-webxr/SKILL.md | .agents/skills/<skill-name>/ |
| Cursor | Compatible | Standard SKILL.md .factory/skills/aframe-webxr/SKILL.md | .cursor/skills/<skill-name>/ |
| Gemini CLI | Compatible | Standard SKILL.md .factory/skills/aframe-webxr/SKILL.md | .gemini/skills/<skill-name>/ |
| GitHub Copilot | Compatible | Standard SKILL.md .factory/skills/aframe-webxr/SKILL.md | .github/skills/<skill-name>/ |
| OpenCode | Compatible | Standard SKILL.md .factory/skills/aframe-webxr/SKILL.md | .opencode/skills/<skill-name>/ |
- Native The repository ships a manifest, folder or frontmatter field for this agent.
- Compatible A standard SKILL.md that this agent can read.
- Unknown No evidence either way.
Derived automatically from paths, manifests and frontmatter. Not tested on each agent.
Explore alternatives and comparisons
Add this badge to your README
It updates every night and links to this page.
[](https://hotskills.dev/skill/freshtechbro-claudedesignskills/)