skills/dylantarre__animation-principles
1
0
Fork 0
mirror of https://github.com/dylantarre/animation-principles.git synced 2026-09-19 03:48:46 +08:00
Code Issues Packages Projects Releases Wiki Activity
Files
main
dylantarre__animation-princ…/CHANGELOG.md
T
Dylan Tarre 747c656abe feat: Initial release of Animation Principles Skill Marketplace 
144 skills across 12 categories teaching Disney's 12 Principles of Animation:

- By Domain (web, mobile, games, 3D, data viz...)
- By Thinking Style (physics, timing, narrative...)
- By Role/Persona (developer, designer, director...)
- By Skill Level (beginner → master)
- By Animation Type (loading, hover, transitions...)
- By Emotional Outcome (joy, trust, urgency...)
- By UI Element (buttons, modals, cards...)
- By Industry (fintech, healthcare, SaaS...)
- By Tool/Framework (CSS, GSAP, Framer Motion...)
- By Time Scale (micro 100ms → dramatic 2s+)
- By Principle Focus (deep dive per principle)
- By Problem Type (debugging, performance, a11y...)

Includes:
- Comprehensive README with installation instructions
- Full documentation in /docs with index
- CONTRIBUTING.md with skill writing guidelines
- CLAUDE.md for Claude Code integration
- GitHub issue and PR templates
- MIT License

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2025-12-30 00:19:52 -08:00

3.8 KiB
Raw Permalink Blame History

Changelog

All notable changes to the Animation Principles Skill Marketplace.

[1.0.0] - 2024-12-30

Added

  • Initial release with 144 skills across 12 categories
  • Complete coverage of Disney's 12 Principles of Animation

Categories

  1. By Domain (12 skills)

    • web-motion-design, mobile-touch, game-development, data-visualization
    • micro-interactions, page-transitions, 3d-spatial, accessible-motion
    • brand-marketing, presentations, video-motion-graphics, universal-fallback

  2. By Thinking Style (12 skills)

    • physics-intuition, timing-mastery, naturalistic-motion, emotional-narrative
    • attention-direction, anticipation-payoff, exaggerated-clarity, character-appeal
    • rhythm-pacing, spatial-thinking, problem-diagnosis, universal-mindset

  3. By Role/Persona (12 skills)

    • frontend-developer, motion-designer, game-designer, animator-traditional
    • creative-director, ux-researcher, product-manager, accessibility-advocate
    • brand-strategist, educator-teacher, filmmaker, universal-practitioner

  4. By Skill Level (12 skills)

    • absolute-beginner, novice, quick-start, intermediate, advanced, expert
    • master, deep-dive, refresher, teaching-others, troubleshooting, universal-reference

  5. By Animation Type (12 skills)

    • entrance-animations, exit-animations, hover-interactions, loading-states
    • state-changes, transition-sequences, scroll-animations, gesture-responses
    • feedback-indicators, attention-grabbers, continuous-loops, universal-patterns

  6. By Emotional Outcome (12 skills)

    • joy-delight, trust-reliability, urgency-action, calm-relaxation
    • excitement-energy, elegance-sophistication, playfulness-fun, power-confidence
    • professionalism-credibility, friendliness-approachability, comfort-safety, universal-emotion

  7. By UI Element (12 skills)

    • buttons-ctas, modals-dialogs, navigation-menus, cards-containers
    • forms-inputs, notifications-toasts, loaders-spinners, carousels-sliders
    • accordions-dropdowns, lists-grids, icons-badges, universal-elements

  8. By Industry (12 skills)

    • fintech-banking, healthcare-medical, e-commerce-retail, saas-productivity
    • gaming-entertainment, education-learning, social-media, travel-hospitality
    • media-publishing, enterprise-b2b, fitness-wellness, universal-industry

  9. By Tool/Framework (12 skills)

    • css-native, framer-motion, gsap-greensock, react-spring
    • lottie-bodymovin, anime-js, motion-one, popmotion
    • rive-animations, after-effects, figma-prototyping, universal-tool

  10. By Time Scale (12 skills)

    • instant-0-100ms, micro-100-200ms, small-200-300ms, medium-300-500ms
    • large-500-800ms, slow-800-1200ms, deliberate-1200-2000ms, dramatic-2000ms-plus
    • continuous-infinite, orchestrated-sequences, responsive-adaptive, universal-timing

  11. By Principle Focus (12 skills)

    • squash-stretch-mastery, anticipation-mastery, staging-mastery
    • straight-ahead-pose-mastery, follow-through-overlapping, slow-in-out-mastery
    • arc-mastery, secondary-action-mastery, timing-principle-mastery
    • exaggeration-mastery, solid-drawing-mastery, appeal-mastery

  12. By Problem Type (12 skills)

    • timing-calibration, performance-optimization, accessibility-issues
    • motion-sickness, emotional-disconnect, brand-consistency
    • user-feedback-clarity, ux-friction, attention-management
    • technical-constraints, implementation-debugging, universal-solutions

Documentation

  • Comprehensive README with installation instructions
  • Full index.md with navigation to all skills
  • CONTRIBUTING.md with skill writing guidelines
  • CLAUDE.md for Claude Code integration

Future Plans

  • Additional framework-specific skills (Vue, Angular, Svelte)
  • Internationalization/translations
  • Video tutorials and visual examples
  • Community-contributed industry skills
Reference in New Issue View Git Blame Copy Permalink