Skip to content

Skills suchen.../

Agent Skill Search Engine

Suche

Suche
Kategorien
Berufe

About

About
Privacy
Terms

© 2026 Skills Pool. Alle Rechte vorbehalten.

Education Learning | Skills Pool

Skill-Datei

Education Learning

Use when designing animations for educational platforms, e-learning, tutoring apps, or skill-building experiences

Supraforge14 Sterne07.03.2026

Beruf
Kategorien: Bildung

Skill-Inhalt

Education & Learning Animation Principles

Apply Disney's 12 principles to create engaging, encouraging experiences that support comprehension and celebrate progress.

The 12 Principles Applied

1. Squash & Stretch

Answer Buttons: Friendly squash on selection
Mascots/Characters: Personality through stretch
Achievement Badges: Bounce with character

2. Anticipation

Quiz Reveal: Build-up before showing results
Next Lesson: Preparation for new content
Submit Answer: Moment before feedback

3. Staging

Learning Content: Primary focus always
Progress Indicators: Visible but not distracting

Verwandte Skills

Schnellinstallation

Education Learning

npx skillvault add Supraforge/supraforge-aaas-vault-skills-industry-specific-education-learning-skill-md

Skill herunterladen Repository öffnen

Autor: Supraforge
Sterne: 14
Aktualisiert: 07.03.2026
Beruf

Auf dieser Seite

01Education & Learning Animation Principles

Interactive Elements: Clear call to action

4. Straight Ahead & Pose to Pose

Video Lessons: Continuous playback (straight ahead)
Course Progress: Step-by-step modules (pose to pose)
Interactive Exercises: Defined question states

5. Follow Through & Overlapping Action

Correct Answer: Checkmark lands, then celebration
Lesson Cards: Stack with natural follow-through
Points Counter: Numbers settle after update

6. Slow In & Slow Out

Gentle Transitions: Nothing jarring while learning
Content Reveals: Comfortable pacing
Modal Opens: Smooth 300-400ms

7. Arc

Progress Paths: Curved learning journeys
Drag Answers: Natural arc to drop zones
Reward Animations: Confetti follows arcs

8. Secondary Action

XP Gained: Sparkles while points update
Streak Maintained: Fire animation with counter
Level Up: Background effects with main celebration

9. Timing

Feedback: Quick 150-200ms for responsiveness
Celebrations: Longer 500-800ms for motivation
Transitions: Moderate 300-400ms for clarity

10. Exaggeration

Celebrate Success: Big positive reinforcement
Gentle on Errors: Never discouraging
Milestones: Mark achievements memorably

11. Solid Drawing

Illustrations: Friendly, consistent art style
Diagrams: Clear educational visuals
Icons: Approachable, not intimidating

12. Appeal

Encouraging Personality: Warm and supportive
Age-Appropriate: Match target learner
Motivation Design: Reward-driven animations

Industry Timing Standards

Action	Duration	Easing
Answer Feedback	200ms	ease-out
Correct Celebration	600ms	spring
Lesson Transition	350ms	ease-in-out
Progress Update	300ms	ease-out
Achievement Unlock	800ms	custom-bounce

Key Principle

Animation should encourage and reward. Celebrate progress generously, handle mistakes gently, and maintain engagement through thoughtful micro-interactions that make learning feel like an adventure.

02

The 12 Principles Applied

031. Squash & Stretch

042. Anticipation

064. Straight Ahead & Pose to Pose

075. Follow Through & Overlapping Action

086. Slow In & Slow Out

108. Secondary Action

Career/Technical Education Teachers, Postsecondary

Update Skills

Create or update repository skills and instructions when major learnings are discovered during a session. Use when the user says "learn!", when a significant pattern or pitfall is identified, or when reusable domain knowledge should be captured for future sessions.

microsoft184.0k

Eval Harness

Eval-driven development (EDD) ilkelerini uygulayan Claude Code oturumları için formal değerlendirme çerçevesi

Ecc Tools Cost Audit

Evidence-first ECC Tools burn and billing audit workflow. Use when investigating runaway PR creation, quota bypass, premium-model leakage, duplicate jobs, or GitHub App cost spikes in the ECC Tools repo.

Code Tour

Create CodeTour `.tour` files — persona-targeted, step-by-step walkthroughs with real file and line anchors. Use for onboarding tours, architecture walkthroughs, PR tours, RCA tours, and structured "explain how this works" requests.

Rules Distill

Scan skills to extract cross-cutting principles and distill them into rules — append, revise, or create new rule files

Design System

Use this skill to generate or audit design systems, check visual consistency, and review PRs that touch styling.

Career/Technical Education Teachers, Postsecondary