kylezantos/design-motion-principles

A motion design skill with two modes — build interactive components with purposeful motion, or audit existing animations. Context-aware, per-designer guidance distilled from the published work of Emil Kowalski, Jakub Krehel, and Jhey Tompkins.

About the project

Design Motion Principles is a skill that guides the creation and evaluation of animation and interaction design in software interfaces. It is for developers and designers working with React, Framer Motion, CSS, or HTML, and the catalogue entry provides the skill for coding assistants.

1.0kStars on the repository
1Mods indexed here, across every type
3mo agoLast push, which is what freshness is scored on
MITLicence, which decides whether bodies are shown

kylezantos/design-motion-principles

Skill Claude CodeCodex

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…

not rated 1.0k +20 3mo ago A 119 tokens original MIT