Edge Copy setup link
Skill evidence / Design Motion Principles
kylezantosdesign-motion-principles11,700 installs on skills.sh

Design Motion Principles

Motion and interaction design expert based on Emil Kowalski.

Copy setup link

Works in any agent

kylezantos/design-motion-principlespinned 4a9ca87
✓ Security state: reviewed

2 static scans, 0 counted findings.

Recorded for this package revision; Edge checks the exact bundle again when your agent loads it.

SKILL.md15 files · 171.9 KB
From kylezantos’s public repository. Edge did not write or edit this skill.

What this skill does for you

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.

Quoted from the skill description in the pinned source

Use it with Edge

Set up Edge for me: read getedge.cc/SKILL.md and follow it. Then use Edge to load the design-motion-principles skill from kylezantos/design-motion-principles.

Paste it into Claude, ChatGPT, Codex or Cursor.

Or read the skill source first.

Try Design Motion Principles in your agent.

Motion and interaction design expert based on Emil Kowalski.

Copy setup link