SkillHey.
Добавить навык

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.

Материал обновлён:

Открыть на GitHub
npx skills add MengTo/Skills --skill cinematic-gsap-lenis-motion-system
7 533Звёзды861ФоркиПоследний push репозитория

Об этом 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.

Почему мы его выбрали

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

Для каких задач подходит

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

Перед использованием

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

Источники и материалы

Ссылки на оригинальные материалы приведены ниже. Практические идеи предложены редакцией SkillHey.

Редакция SkillHey
gsapweb animation

Похожие 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
57 тыс.Звёзды3,3 тыс.Форки
Последний 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,1 тыс.Звёзды529Форки
Последний push репозитория

GSAP Utils

greensock

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

  • gsap
  • animation
18,3 тыс.Звёзды1,2 тыс.Форки
Последний push репозитория