design-motion-principles
CommunityAudit UI motion design with expert perspectives.
Authorpetekp
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides a structured audit of UI motion design, ensuring animations are purposeful, polished, and aligned with project goals by leveraging expert design philosophies.
Core Features & Use Cases
- Expert Auditing: Analyzes UI animations through the lenses of Emil Kowalski (restraint, speed), Jakub Krehel (production polish), and Jhey Tompkins (experimentation, delight).
- Contextual Analysis: Adapts recommendations based on project type and user intent.
- Detailed Feedback: Offers specific, actionable insights for improving motion design, including enter/exit animations, easing, timing, and accessibility.
- Use Case: Reviewing the animation suite for a new SaaS dashboard to ensure it feels responsive and professional without being distracting.
Quick Start
Audit the motion design in the provided UI code, focusing on Emil Kowalski's principles.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: design-motion-principles Download link: https://github.com/petekp/claude-code-setup/archive/main.zip#design-motion-principles Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.