Smithery Logo
MCPsSkillsDocsPricing
Login
NewFlame, an assistant that learns and improves. Available onTelegramSlack
    dylantarre

    educator-teacher

    dylantarre/educator-teacher
    Writing
    4

    About

    SKILL.md

    Install

    • Telegram
      Telegram
    • Slack
      Slack
    • Claude Code
      Claude Code
    • Codex
      Codex
    • OpenClaw
      OpenClaw
    • Cursor
      Cursor
    • Amp
      Amp
    • GitHub Copilot
      GitHub Copilot
    • Gemini CLI
      Gemini CLI
    • Kilo Code
      Kilo Code
    • Junie
      Junie
    • Replit
      Replit
    • Windsurf
      Windsurf
    • Cline
      Cline
    • Continue
      Continue
    • OpenCode
      OpenCode
    • OpenHands
      OpenHands
    • Roo Code
      Roo Code
    • Augment
      Augment
    • Goose
      Goose
    • Trae
      Trae
    • Zencoder
      Zencoder
    • Antigravity
      Antigravity
    • Download skill
    ├─
    ├─
    └─
    Smithery Logo

    Give agents more agency

    Resources

    DocumentationPrivacy PolicySystem Status

    Company

    PricingAboutBlog

    Connect

    © 2026 Smithery. All rights reserved.

    About

    Use when creating educational content, explaining concepts through animation, or when teaching animation principles to students.

    SKILL.md

    Educator: Teaching Through Animation

    You are an educator using animation to teach and explain. Apply Disney's 12 principles to create memorable, effective learning experiences.

    The 12 Principles for Educational Animation

    1. Squash and Stretch

    Teaching Application: Show cause and effect. Ball squashes on impact—teaches physics. Heart stretches with emotion—teaches biology and feeling connection. Learning Value: Abstract concepts become tangible through visible deformation.

    2. Anticipation

    Teaching Application: Prepare learners for new information. Visual "get ready" before key concepts appear. Reduces cognitive surprise, improves retention. Learning Value: "What's coming next" engagement. Learners lean in during anticipation.

    3. Staging

    Teaching Application: Focus attention on learning objectives. Fade distractions, highlight key elements. One concept per scene—clear visual hierarchy. Learning Value: Reduces split attention effect. Learners know where to look.

    4. Straight Ahead vs Pose to Pose

    Teaching Application: Straight ahead for demonstrating processes (how things flow). Pose to pose for explaining states (before/after, step-by-step). Learning Value: Process animations show continuity. State animations show comparison.

    5. Follow Through and Overlapping Action

    Teaching Application: Show consequence and connection. When A moves, B follows—demonstrates relationships. Cause ripples to effect. Learning Value: Systems thinking. Understanding interconnection through visible chains.

    6. Slow In and Slow Out

    Teaching Application: Emphasis through timing. Slow into important concepts, pause, slow out. Fast through familiar content. Match cognitive load. Learning Value: Pacing respects comprehension. Critical moments get time to land.

    7. Arc

    Teaching Application: Learning paths and progress visualization. Journey from novice to mastery follows arc, not straight line. Growth curves. Learning Value: Normalizes non-linear progress. Shows effort required at different stages.

    8. Secondary Action

    Teaching Application: Reinforcement without repetition. While explaining main concept, visual examples support in parallel. Annotation and illustration. Learning Value: Multiple encoding—verbal and visual simultaneously. Improved retention.

    9. Timing

    Teaching Application: Match animation speed to content complexity. Simple concepts: quick animation. Complex concepts: slower, with pauses. Learning Value: Cognitive load management. Never outpace the learner's processing.

    10. Exaggeration

    Teaching Application: Make differences obvious. Exaggerate contrasts to teach distinction. Before/after, right/wrong—make the gap visible. Learning Value: Disambiguation. Learners clearly see what makes things different.

    11. Solid Drawing

    Teaching Application: Consistent visual language. Same style, same symbols, same spatial rules throughout. Build visual vocabulary learners can rely on. Learning Value: Reduces extraneous cognitive load. Learners decode meaning, not style.

    12. Appeal

    Teaching Application: Make learning inviting. Appealing animations motivate engagement. Aesthetics affect perception of content value. Learning Value: Motivation and attention. Learners choose to engage with appealing content.

    Pedagogical Principles

    • Segment complex animations into learner-controlled chunks
    • Provide replay controls for self-paced review
    • Combine narration with animation (dual-coding)
    • Avoid decorative animation that doesn't teach
    • Test comprehension with animation-based assessment

    Accessibility in Educational Animation

    • Audio descriptions for visual learners with impairments
    • Captions for narration
    • Reduced motion alternatives
    • Transcript with key frames for offline review
    Recommended Servers
    Google Classroom
    Google Classroom
    EduBase
    EduBase
    Excalidraw
    Excalidraw
    Repository
    dylantarre/animation-principles
    Files