MCPInstall

design-motion-principles

1 skill from kylezantos/design-motion-principles · 12.8K installs

Install every skill in this repository:

npx skills add https://github.com/kylezantos/design-motion-principles
  1. 1

    Motion and interaction design expert based on Emil Kowalski, Jakub Krehel, and Jhey Tompkins' techniques. Two modes — build interactive components with purposeful motion, or audit existing animations to catch AI-slop motion patterns (audit emits a branded HTML report with looping demos). Use when creating, adding, animating, or reviewing UI motion: transitions, hover states, micro-interactions, enter/exit animations, or any motion design work in React, Framer Motion, CSS, or HTML. Provides per-designer perspectives with context-aware weighting.