Skip to main content
SkillJury
Back to registry

12-principles-of-animation

raphaelsalaja/userinterface-wiki

Review animation code for compliance with Disney's 12 principles adapted for web interfaces.

Installs261
Install command
npx skills add https://github.com/raphaelsalaja/userinterface-wiki --skill 12-principles-of-animation
Security audits
Gen Agent Trust HubPASS
SocketPASS
SnykPASS
About this skill
Review animation code for compliance with Disney's 12 principles adapted for web interfaces. User-initiated animations must complete within 300ms. Fail: Pass: Similar elements must use identical timing values. Fail: Pass: Context menus should not animate on entrance (exit only). Fail: Pass: Entrances must use ease-out (arrive fast, settle gently). Fail: Pass: Exits must use ease-in (build momentum before departure). Fail: Pass: Linear easing should only be used for progress indicators, not motion. Fail: Pass: Use exponential ramps, not linear, for natural decay.

Source description provided by the upstream skill listing. Community reviews and install context appear in the sections below.

Community Reviews

Latest reviews

Sign in to review

No community reviews yet. Be the first to review.

Browse this skill in context
FAQ
What does 12-principles-of-animation do?

Review animation code for compliance with Disney's 12 principles adapted for web interfaces.

Is 12-principles-of-animation good?

12-principles-of-animation does not have approved reviews yet, so SkillJury cannot publish a community verdict.

What agent does 12-principles-of-animation work with?

12-principles-of-animation currently lists compatibility with codex, gemini-cli, opencode, cursor, github-copilot, claude-code.

What are alternatives to 12-principles-of-animation?

Skills in the same category include telegram-bot-builder, flutter-app-size, sharp-edges, iterative-retrieval.

How do I install 12-principles-of-animation?

npx skills add https://github.com/raphaelsalaja/userinterface-wiki --skill 12-principles-of-animation

telegram-bot-builderflutter-app-sizesharp-edgesiterative-retrieval
Related skills

More from raphaelsalaja/userinterface-wiki

generating-sounds-with-ai

by raphaelsalaja/userinterface-wiki

172

Review Web Audio API code for sound synthesis best practices.

Software EngineeringResearch and AuditsFirst seen Jan 27, 2026
Related skills

Alternatives in Software Engineering

telegram-bot-builder

by sickn33/antigravity-awesome-skills

998

Source details, install context, and public review data are available on the full page.

Software EngineeringFrontend and DesignFirst seen Jan 18, 2026

flutter-app-size

by flutter/skills

996

Analyzes and optimizes Flutter application size by measuring build artifacts, generating size analysis reports, utilizing Dart DevTools for component breakdown, and implementing specific size reduction strategies such as debug info splitting, resource compression, and platform-specific tree-shaking. Assumes a...

Software EngineeringFrontend and Design

sharp-edges

by trailofbits/skills

994

Evaluates whether APIs, configurations, and interfaces are resistant to developer misuse. Identifies designs where the "easy path" leads to insecurity.

Software EngineeringFrontend and DesignFirst seen Jan 18, 2026

iterative-retrieval

by affaan-m/everything-claude-code

993

Solves the "context problem" in multi-agent workflows where subagents don't know what context they need until they start working.

Software EngineeringFrontend and DesignFirst seen Jan 25, 2026