Media Publishing

This applies Disney's 12 animation principles specifically to news sites and content platforms, which is surprisingly practical since reading experiences need restraint more than flash. You get timing tables (page transitions at 300ms, scroll indicators at 150ms), concrete guidance on when to use minimal squash and stretch versus when breaking news justifies urgency, and a clear hierarchy that keeps article text primary while images and navigation stay supportive. The parallax and skeleton screen examples are directly applicable. Honestly, the "content is king" framing makes this more useful than generic animation guides because it stops you from over-designing what should be an invisible reading experience.

Install to Claude Code

npx -y skills add dylantarre/animation-principles --skill media-publishing --agent claude-code