emilkowalski-motion

Emil Kowalski Motion Follow-Up Use this skill after a design artifact already exists. The goal is to make the interface feel alive without turning it into a motion demo. Workflow Inspect the current HTML, component, or selected page element before adding animation. Pick the smallest set of motion moments that clarify state or hierarchy: entry reveal for the primary content hover / active feedback for important controls transition between UI states scroll reveal only when it helps the story Prefer transform and opacity . Avoid animating layout properties such as top , left , width , or height . Use one motion language across the artifact. Do not mix unrelated easings, durations, or physics. Add prefers-reduced-motion fallbacks for any automatic or scroll-linked motion. Keep copy, data, and layout intent intact unless the user explicitly asks for a redesign. Motion Rules Show more Installs 690 Repository nexu-io/open-design GitHub Stars 77.2K First Seen Jun 3, 2026 Security Audits Gen Agent Trust Hub Pass Socket Pass Snyk Pass