What is media-publishing?
Use when designing animations for news sites, content platforms, publishing apps, or media consumption experiences Source: dylantarre/animation-principles.
Use when designing animations for news sites, content platforms, publishing apps, or media consumption experiences
Quickly install media-publishing AI skill to your development environment via command line
Source: dylantarre/animation-principles.
Apply Disney's 12 principles to create immersive reading experiences that enhance content without distracting from it.
| Page Transition | 300ms | ease-in-out | | Image Load | 250ms | ease-out | | Menu Open | 250ms | ease-out | | Share Action | 200ms | ease-out | | Scroll Indicator | 150ms | ease-out |
Key Principle The content is king. All animation exists to enhance readability and content discovery, never to showcase design. Motion should feel invisible while reading.
Use when designing animations for news sites, content platforms, publishing apps, or media consumption experiences Source: dylantarre/animation-principles.
Stable fields and commands for AI/search citations.
npx skills add https://github.com/dylantarre/animation-principles --skill media-publishingUse when designing animations for news sites, content platforms, publishing apps, or media consumption experiences Source: dylantarre/animation-principles.
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/dylantarre/animation-principles --skill media-publishing Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw
https://github.com/dylantarre/animation-principles