🎯

locomotive-scroll

🎯Skill

from freshtechbro/claudedesignskills

What it does

Web-design skill from freshtechbro/claudedesignskills in the Extended 3D & Scroll bundle — applies Locomotive Scroll (smooth parallax scrolling) alongside sibling skills aframe-webxr, lightweight-3d-effects, playcanvas-engine, pixijs-2d, and barba-js.

📦

Same repository

freshtechbro/claudedesignskills(23 items)

locomotive-scroll

Installation

Vibe Index InstallInstalls to .claude/skills/

npx vibeindex add freshtechbro/claudedesignskills --skill locomotive-scroll

skills.sh Install⚠ Installs to .agents/skills/

npx skills add freshtechbro/claudedesignskills --skill locomotive-scroll

Manual InstallCopy SKILL.md content and save to the path below

~/.claude/skills/locomotive-scroll/SKILL.md

SKILL.md

980Installs

AddedFeb 27, 2026

View on GitHub Back to Skills

More from this repository10

🎯

threejs-webgl🎯Skill

A Claude Code plugin marketplace with 22 skills and 27 plugins for 3D/WebGL, animation, and modern web development, covering Three.js, GSAP, React Three Fiber, Babylon.js, Framer Motion, and more.

🎯

motion-framer🎯Skill

Claude Code skill for Framer Motion animations, part of a professional design skillstack covering React animation libraries and motion design.

🎯

modern-web-design🎯Skill

Part of a professional design agency skill stack with 22 skills across 3D graphics, animation, and modern web development. Covers modern web design patterns and best practices with 50+ slash commands and 27+ specialized agents.

🎯

blender-web-pipeline🎯Skill

A Claude Code plugin marketplace with 27 plugins for 3D/WebGL, animation, and modern web development, covering Three.js, GSAP, React Three Fiber, Framer Motion, Babylon.js, and authoring tools like Blender and Spline.

🎯

lottie-animations🎯Skill

Claude Code skill for Lottie animations, part of a professional design skillstack covering 3D/WebGL, animation, and modern web development.

🎯

react-three-fiber🎯Skill

Provides comprehensive React Three Fiber expertise for Claude Code, including 3D scene creation, component patterns, and integration with the Three.js ecosystem, part of a 22-skill design agency skillstack covering WebGL and animation.

🎯

animated-component-libraries🎯Skill

Part of a professional design agency skill stack with 22 skills across 3D graphics, animation, and modern web development. Covers animated component library patterns with 50+ slash commands and 27+ specialized agents for technologies like GSAP, Framer Motion, and Three.js.

🎯

spline-interactive🎯Skill

A Claude Code plugin marketplace providing 27 plugins and 22 skills for 3D/WebGL, animation, and modern web development, covering Three.js, GSAP, React Three Fiber, Framer Motion, Babylon.js, Spline, Rive, and more.

🎯

web3d-integration-patterns🎯Skill

Part of a professional design agency skill stack with 22 skills across 3D graphics, animation, and modern web development. Covers Web3D integration patterns using technologies like Three.js, React Three Fiber, and Babylon.js with 50+ slash commands.

🎯

pixijs-2d🎯Skill

Part of a professional design agency skill stack with 22 skills across 3D graphics, animation, and modern web development. Covers PixiJS 2D graphics patterns with 50+ slash commands and 27+ specialized agents for interactive web experiences.