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フォークリポジトリの最終プッシュ

このスキルについて

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

類似するスキル

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
5.7万スター3336フォーク
リポジトリの最終プッシュ

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
1.1万スター529フォーク
リポジトリの最終プッシュ

GSAP Utils

greensock

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

  • gsap
  • animation
1.8万スター1157フォーク
リポジトリの最終プッシュ