From dylantarre-animation-principles
Use when designing character personalities, creating memorable motion signatures, ensuring animations feel polished, or making visual experiences that audiences want to watch.
npx claudepluginhub joshuarweaver/cascade-content-creation-misc-1 --plugin dylantarre-animation-principlesThis skill uses the workspace's default tool permissions.
Appeal is the quality that makes audiences want to watch. It's not about prettiness—villains need appeal too. It's about charisma, clarity, and design excellence that draws the eye and holds attention. Without appeal, technically perfect animation falls flat. With appeal, even simple motion becomes captivating.
Generates design tokens/docs from CSS/Tailwind/styled-components codebases, audits visual consistency across 10 dimensions, detects AI slop in UI.
Records polished WebM UI demo videos of web apps using Playwright with cursor overlay, natural pacing, and three-phase scripting. Activates for demo, walkthrough, screen recording, or tutorial requests.
Delivers idiomatic Kotlin patterns for null safety, immutability, sealed classes, coroutines, Flows, extensions, DSL builders, and Gradle DSL. Use when writing, reviewing, refactoring, or designing Kotlin code.
Appeal is the quality that makes audiences want to watch. It's not about prettiness—villains need appeal too. It's about charisma, clarity, and design excellence that draws the eye and holds attention. Without appeal, technically perfect animation falls flat. With appeal, even simple motion becomes captivating.
Appeal ≠ Attractiveness: Appeal means compelling, not beautiful. A well-designed monster is appealing. A poorly designed hero is not. Appeal is about magnetic presence.
Clarity creates appeal: Audiences are drawn to what they can easily read and understand. Confused design repels attention.
Personality creates appeal: Distinctive character—whether in characters, objects, or UI elements—creates memorability and affection.
Clarity (readable design and motion) × Distinctiveness (unique, memorable qualities) × Consistency (reliable personality and behavior) × Polish (refined execution without roughness) = Appeal
Shape language: Appealing designs use deliberate shape vocabulary
Proportional interest: Varied proportions create visual interest
Simplicity: Appealingly designed elements are as simple as possible while maintaining distinctiveness
Animation adds temporal appeal through:
Solid drawing enables appeal: Poorly constructed forms can't be appealing.
Staging presents appeal: Even appealing designs fail with poor staging.
Exaggeration adds appeal: Pushed poses and timing create distinctiveness.
Timing defines appeal character: Snappy = energetic appeal; slow = contemplative appeal.
Ask: "If this animation were a person, what would they be like?" If you can't answer, it lacks personality. If the answer is "bland" or "generic," appeal is missing.
Would users want to see this animation again? Appealing motion rewards repeated viewing. Unappealing motion becomes annoying on repetition.
Study motion design from these studios:
This represents appeal at the highest professional level.
Before finalizing animation: Is it clear? Is it distinctive? Is it consistent with the overall personality? Is it polished? If any answer is "no," appeal is compromised. Focus on motion that you personally find satisfying—your instinct for appeal is usually right. When motion feels "meh," it lacks appeal; push for something that creates genuine response, whether delight, intrigue, or satisfaction.