Skills
.Work. You
Rest

12-principles-of-animation

Community

Audit web animations per Disney's 12 principles.

Design & Creative#CSS#audit#quality#principles#animation#JavaScript#web
Authortony-buildd
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps frontend teams verify that their animations align with Disney's 12 principles adapted for the web, reducing motion quality gaps and UX inconsistency.

Core Features & Use Cases

  • Rule-driven audit of CSS animations and motion components across frameworks.
  • Categorized guidance into Timing, Easing, Physics, and Staging for actionable feedback.
  • Output format: findings shown as file:line style to integrate with existing review processes.
  • Use Case: During code review or design audit, scan a codebase to surface animation quality issues and generate a reform plan.

Quick Start

Run the 12-principles-audit against your project to identify and report motion issues in CSS and JavaScript assets.

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: 12-principles-of-animation
Download link: https://github.com/tony-buildd/valentime-2026/archive/main.zip#12-principles-of-animation

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.