design-motion-principles
by kylezantos
· Github
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.
Add design-motion-principles to your agent in AIniverse
Discover more reusable skills, save them to your stack, get notified when new ones land.
Open in App · skills.shMore agent skills
find-skills
Helps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is...
gstack-autoplan
Fully reviewed plan running CEO → design → eng review automatically.
android-agp-9-upgrade
Upgrades, or migrates, an Android project to use Android Gradle Plugin (AGP) version 9. Do not use this skill for mig...
gstack-benchmark
Baseline page load times, Core Web Vitals, and resource sizes.