Traction scoreGitHub stars can be faked, so popularity alone can be misleading. Traction Score looks for broader signs of recent attention, adoption, and active maintenance.
This collection provides specialized capabilities for creative frontend engineers and technical artists to implement high-end interactive interfaces. It bridges the gap between professional design tools and browser execution, covering everything from 3D asset pipelines to complex animation choreography.
Whether developing WebXR applications, optimizing glTF exports from Blender, or implementing scroll-driven storytelling, these skills provide the technical patterns needed for modern, performance-first web design.
Compatible AgentsThe repository documents support for these agents. The skills may also work with other agents that can load SKILL.md files, but they may need some setup or small changes.
A browser JavaScript project and the entry file where the scene should be integrated.
Project dependency configuration so the Three.js imports can be resolved.
Make sure threejs-webgl is installed in your agent before trying this task.
Use the threejs-webgl skill to create a minimal Three.js WebGL scene with one cube, a perspective camera, ambient and directional lighting, and OrbitControls. Show how to integrate it into my browser project.
Make sure animejs is installed in your agent before trying this task.
Use the animejs skill to add a simple staggered entrance animation to a small group of elements in my vanilla JavaScript page. Show the integration code and explain how to adjust the timing and easing.
An existing React project and the component to animate.
Project dependency configuration for @react-spring/web.
Make sure react-spring-physics is installed in your agent before trying this task.
Use the react-spring-physics skill to give one React component a spring-based entrance from opacity 0 and y -40 to opacity 1 and y 0. Show the useSpring integration and explain how mass, tension, and friction affect the motion.
Claude
Cursor