SkillHey.
Skill einreichen

Cinematic GSAP Lenis Motion System

MengTo/Skills

Create premium cinematic web motion systems with GSAP, ScrollTrigger, and Lenis. Use for luxury editorial websites, creative studio portfolios, Awwwards-style interactions, smooth scroll reveals, staggered text, parallax, pinned sections, magnetic hover states, custom cursors, and mouse-reactive layered movement.

Inhalt aktualisiert:

Auf GitHub ansehen
npx skills add MengTo/Skills --skill cinematic-gsap-lenis-motion-system
7.533Sterne861ForksLetzter Repository-Push

Über diesen Skill

Create premium cinematic web motion systems with GSAP, ScrollTrigger, and Lenis. Use for luxury editorial websites, creative studio portfolios, Awwwards-style interactions, smooth scroll reveals, staggered text, parallax, pinned sections, magnetic hover states, custom cursors, and mouse-reactive layered movement.

Warum wir es empfehlen

Summarized from the original MengTo/Skills SKILL.md by Meng To; the original upstream instructions were used.

Wobei es hilft

  • Use this workflow when the task matches the original Cinematic GSAP Lenis Motion System instructions.

Vor der Nutzung

  • Read the original SKILL.md and referenced files in MengTo/Skills.

Quellen und Referenzen

Die Originalquellen sind unten verlinkt. Praktische Einstiegsideen sind redaktionelle Vorschläge von SkillHey.

Redaktion: SkillHey
gsapweb animation

Ähnliche Skills

Improving Animations

Emil Kowalski

Survey a codebase's animation and motion code as a senior motion advisor, then produce a prioritized audit and self-contained implementation plans for other agents (or cheaper models) to execute. Read-only on source code — it plans improvements, it does not apply them. Use when the user asks to "improve the animations", "audit the motion", "make this app feel better", or wants a roadmap of animation fixes rather than a review of a single diff.

  • web animation
  • ui review
56.965Sterne3336Forks
Letzter Repository-Push

fixing-motion-performance

ibelick

Audit and fix animation performance issues including layout thrashing, compositor properties, scroll-linked motion, and blur effects. Use when animations stutter, transitions jank, or reviewing CSS/JS animation performance.

  • web animation
  • performance
11.066Sterne529Forks
Letzter Repository-Push

GSAP Utils

greensock

Official GSAP skill for gsap.utils — clamp, mapRange, normalize, interpolate, random, snap, toArray, wrap, pipe.

  • gsap
  • animation
18.330Sterne1157Forks
Letzter Repository-Push