FP · motion-skills 00%

the agent learned to move.

a case study · 2026
01the brief
~/portfolio · brief.md
▍
02the output
shipped.html
static
it ships.
it doesn't move.
03install
▍
048 skills
    └ installed 8 skills.
    now we move
    05contrast

    same brief.

    now choreographed.

    06gsap-core
    gsap.to() · stagger
    07gsap-timeline
    gsap.timeline() · sequence
    08gsap-scrolltrigger
    scroll000%
    top topbottom 50%
    scrub · trigger · pin
    09gsap-plugins
    split
    SplitText · chars / words / lines
    10gsap-utils
    00
    / 12 renderings
    mapRange · clamp · interpolate
    11gsap-performance
    left ← jank
    x smooth
    transform aliases over layout
    12gsap-react
    import { useGSAP } from '@gsap/react'
    useGSAP · context · cleanup
    13gsap-frameworks
    Vue
    Svelte
    onMounted · onMount · gsap.context()
    Vue · Svelte · onMounted · cleanup

    this whole page

    was made by claude.

    using gsap + remotion
    $ npx skills add greensock/gsap-skills