Problem Diagnosis

When your animation feels off but you can't articulate why, this gives you a systematic checklist tied to the 12 principles. It maps symptoms like "floaty" or "stiff" to specific violated principles, then walks through concrete fixes. The diagnostic framework is the real value here: instead of randomly tweaking timing or adding more frames, you isolate whether the problem is missing arcs, poor anticipation, or insufficient squash and stretch. It enforces the discipline of changing one thing at a time so you actually learn what works. Best used when you're stuck tweaking the same scene for hours without improvement.

skills.sh installs: 534
GitHub stars: 146
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add dylantarre/animation-principles --skill problem-diagnosis --agent claude-code

Installs into .claude/skills of the current project.

Files

Problem Diagnosis

Think like a doctor examining symptoms. Something feels wrong. Your job is to identify the specific principle being violated and prescribe the cure. Systematic diagnosis beats random fixes.

Core Mental Model

When animation feels off, ask: What principle is being violated, and how?

"It doesn't look right" isn't actionable. The 12 principles are your diagnostic checklist. Every animation problem is a principle problem—find which one, and the solution becomes clear.