Content Preview
# Motion System Reference ## Table of Contents 1. [GSAP Setup & CDN](#gsap-setup) 2. [Pattern 1: Multi-Layer Parallax](#pattern-1) 3. [Pattern 2: Pinned Sticky Sections](#pattern-2) 4. [Pattern 3: Cascading Card Stack](#pattern-3) 5. [Pattern 4: Scrub Timeline](#pattern-4) 6. [Pattern 5: Clip-Path Wipe Reveals](#pattern-5) 7. [Pattern 6: Horizontal Scroll Conversion](#pattern-6) 8. [Pattern 7: Perspective Zoom Fly-Through](#pattern-7) 9. [Pattern 8: Snap-to-Section](#pattern-8) 10. [Lenis Smoot
How to Use
Recommended: Install to project (local)
mkdir -p .claude/skills
curl -o .claude/skills/motion-system.md \
https://raw.githubusercontent.com/alirezarezvani/claude-skills/main/engineering-team/epic-design/references/motion-system.mdSkill is scoped to this project only. Add .claude/skills/ to your .gitignoreif you don't want to commit it.
Alternative: Clone full repo
git clone https://github.com/alirezarezvani/claude-skillsThen reference at engineering-team/epic-design/references/motion-system.md
Related Skills
cs-senior-engineer
Senior Engineer agent for architecture decisions, code review, DevOps, and API design. Orchestrates engineering and engineering-team skills for technical implementation work. Spawn when users need system design, code quality review, CI/CD pipeline setup, or infrastructure decisions.
agentsseniorengineeragent
by alirezarezvani · alirezarezvani-claude-skills
cs-engineering-lead
Engineering Team Lead agent for coordinating QA, security, data engineering, ML, and frontend/backend teams. Orchestrates engineering-team skills for team-level technical decisions. Spawn when users need team coordination, tech stack evaluation, incident response, or cross-functional engineering work.
agentsengineeringleadagent
by alirezarezvani · alirezarezvani-claude-skills
feature_engineering_patterns
World-class feature engineering patterns for senior data scientist.
engineering-teamfeatureengineeringpatterns
by alirezarezvani · alirezarezvani-claude-skills
Conducting Chaos Engineering
This skill enables Claude to design and execute chaos engineering experiments to test system resilience. It is used when the user requests help with failure injection, latency simulation, resource exhaustion testing, or resilience validation. The skill is triggered by discussions of chaos experiment
skill-adapterconducting chaos engineering
by jeremylongshore · plugins-plus-skills