Skills
.Work. You
Rest

motion-choreography

Community

Design meaningful, accessible motion.

Design & Creative#performance#accessibility#animation#ux#transitions#motion
AuthorOwl-Listener
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Motion is communication. Every animation answers a question the user didn't know they had. If it doesn't answer one, cut it.

Core Features & Use Cases

  • Duration guidance per context (micro-interactions, state changes, screen transitions)
  • Easing and timing presets to ensure smooth, purposeful motion
  • Reduced-motion support with alternate visuals for users who opt out
  • Performance focus restricting to transform, opacity, and GPU-friendly properties
  • Integration with motion-designer, accessibility-reviewer, and design-lead to align with the design system

Quick Start

Define a simple motion sequence for a UI transition that respects reduced-motion preferences.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: motion-choreography
Download link: https://github.com/Owl-Listener/designpowers/archive/main.zip#motion-choreography

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.