kylezantos/design-motion-principles — reverse-engineered prompt

Build me a motion design skill for coding assistants like Cursor or Claude Code. I want it to work in two simple modes, one where I ask it to create animated UI components, and one where I ask it to audit motion that already exists in a project. It should use three different design perspectives inspired by Emil Kowalski, Jakub Krehel, and Jhey Tompkins, then weight those based on the kind of app it is, like a dashboard, productivity tool, marketing site, or playful kids app.

In create mode, it should help generate polished motion for things like modals, toasts, and other interactive UI in React, CSS, HTML, or Framer Motion, with accessibility, reduced motion, and performance built in. In audit mode, it should inspect the codebase, spot places that should animate but do not, catch common cheesy AI motion patterns, and output a nice branded HTML report with looping demo examples, plus a terminal friendly version if needed.

If the request is unclear, have it ask which mode I want. Look up current docs online if you need to.