Traction scoreGitHub stars can be faked, so popularity alone can be misleading. Traction Score looks for broader signs of recent attention, adoption, and active maintenance.
This skill turns motion design principles into a structured reference for UI animations. It provides timing tables, easing families, personality archetypes, and choreography rules so that every micro-interaction, page transition, or loading state has both an emotional target and a technical foundation. It is built for designers and frontend developers who want motion that feels intentional—not decorative.
Compatible AgentsThe repository documents support for these agents. The skills may also work with other agents that can load SKILL.md files, but they may need some setup or small changes.
Follow the documented setup, then try a first task.
I’m using
Install the Motion Design Skill bundle with npx
Installs: The complete Motion Design Skill bundle, including the core skill plus its philosophy, patterns, and reference materials. · Claude Code, Cursor, Codex, GitHub Copilot
In a terminal, install the repository's Motion Design Skill bundle.
Replace <paths-to-card-components> with the paths to the card component files.
The existing animation system or framework used by those components.
Use the motion-design skill to add a playful entrance animation to the card components at <paths-to-card-components>. Apply appropriate timing, easing, and choreography for the existing animation system.
Claude
Codex
Cursor
Copilot