Skip to content
187WEB NATASHA technical blueprint — coordinate grid map of the mascot geometry

187MOTION skill

187MOTION — Reusable R3F/GSAP animation hooks.

Creates reusable R3F and GSAP hooks for entrances, scrolls, and interactions so motion stays consistent and safe.

← Back to all skills/187 reference

Triggers

How to invoke 187MOTION

Trigger
/187motion
187MOTION
motion
motion hooks
r3f animation
usegsap
animation hook
reusable animation
entrance sequence

Use cases

When to route to 187MOTION

Create reusable animation hooks

Standardize entrance and transition effects

Compose scroll-triggered and interaction-driven animations

Bake reduced-motion defaults into the hook API

Output contract

What 187MOTION delivers

  1. 1Hook API and signature
  2. 2Usage examples
  3. 3Dependency list
  4. 4Motion accessibility notes
  5. 5Next actions

Routing

When to hand off to another skill

Route toWhen
187GSAPthe hook wraps GSAP timelines or ScrollTrigger
187TYPEtypography-specific motion is needed
187ACCESS+reduced-motion or vestibular safety must be handled

Templates

Artifacts 187MOTION produces

TemplateWhen to use
motion-hook-spec.mdDesigning a reusable animation hook
entrance-sequence-plan.mdStandardizing entrance effects