animation-at-work
OfficialSafe, performant web animation guidance.
Authorbooklib-ai
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This skill provides expert guidance to apply Animation at Work principles to design and review web animations, helping teams deliver performant, accessible, and purposeful motion.
Core Features & Use Cases
- Design Application: create purposeful UI animations aligned with recognized patterns (transition, supplement, feedback, demonstration, decoration) and guided by perception, timing, and accessibility considerations.
- Design Review: audit existing animations against best-practice checklists, identify anti-patterns, and propose concrete improvements.
- Reference & Education: provides chapter-by-chapter concepts, examples, and templates to accelerate teamwork between design, development, and product.
Quick Start
Analyze a UI animation by asking for a design-review or design-application approach, and specify the target component or interaction.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferencesassets
💻 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: animation-at-work Download link: https://github.com/booklib-ai/skills/archive/main.zip#animation-at-work 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 471,000+ vetted skills library on demand.