# Animation Principles - Master

Скилл объясняет, почему работают 12 принципов анимации: через восприятие, физику, эмоции и сторителлинг. Пригодится для обучения и наставничества.

- скилл · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 497 установок · ★ 129
- Автор: dylantarre
- Лицензия: MIT · policy=mirror · начало файла — в конце страницы
- Исходник: https://github.com/dylantarre/animation-principles/tree/HEAD/skills/04-by-skill-level/master/SKILL.md
- Обновлён: 2025-12-30
- HTML: https://affpapa.org/nevibecode/skills/animation-principles-master

## Что делает

Скилл разбирает философскую основу 12 принципов анимации. Squash and Stretch связывается с восприятием движения, anticipation — с предсказанием следующего момента, а staging — с ограниченной фокусной внимательностью. Follow Through, arcs и slow in/out объясняются через физику и ощущение правдоподобия.

Материал также сравнивает pose-to-pose как осознанную игру и straight ahead как поиск органичного поведения. Timing связывает скорость с эмоциональным восприятием, exaggeration — с компенсацией отсутствующего контекста, а appeal — с врождённым вниманием к лицам, движению и контрасту.

Все 12 принципов сведены к одной идее: убедительное изменение во времени. Скилл рассчитан на разбор причин, а не на механическое запоминание правил, поэтому без интереса к восприятию и сторителлингу его основная ценность теряется.

## Установка

### Claude Code (родная платформа)

1. **Через Skills CLI (Vercel)**
```bash
npx skills add dylantarre/animation-principles --skill animation-principles---master -a claude-code
```
```bash
npx skills add dylantarre/animation-principles --skill master -a claude-code
```

2. **Вручную: положить файлы**
- Файл: `~/.claude/skills/master/SKILL.md` — Папка скилла целиком; для одного проекта — .claude/skills/master/

### Codex

1. **Через Skills CLI (Vercel)**
```bash
npx skills add dylantarre/animation-principles --skill master -a codex
```

2. **Вручную: положить файлы**
- Файл: `.agents/skills/master/SKILL.md` — Для всех проектов — ~/.agents/skills/

### Cursor

1. **Через Skills CLI (Vercel)**
```bash
npx skills add dylantarre/animation-principles --skill master -a cursor
```

2. **Вручную: положить файлы**
- Файл: `.cursor/skills/master/SKILL.md` — Cursor читает и .agents/skills/, и .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install dylantarre/animation-principles master
```

2. **Вручную: положить файлы**
- Файл: `.github/skills/master/SKILL.md`

### Gemini CLI

1. **Через Skills CLI (Vercel)**
```bash
npx skills add dylantarre/animation-principles --skill master -a gemini-cli
```

2. **Командой платформы**
```bash
gemini skills install https://github.com/dylantarre/animation-principles --path skills/04-by-skill-level/master
```

### Windsurf (Devin Desktop)

**Вручную: положить файлы**
- Файл: `.devin/skills/master/SKILL.md` — Старый путь .windsurf/skills/ тоже читается

### OpenCode

**Через Skills CLI (Vercel)**
```bash
npx skills add dylantarre/animation-principles --skill master -a opencode
```

### Claude.ai

**Claude.ai**
- Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/dylantarre/animation-principles/tree/HEAD/skills/04-by-skill-level/master/SKILL.md

## Когда брать
- объяснить, почему работают принципы анимации
- связать squash and stretch с восприятием движения
- сравнить pose-to-pose и straight ahead
- разобрать влияние timing на эмоции
- подготовить объяснение принципов для ученика

## Примеры запросов агенту
- Объясни философскую основу принципов анимации через восприятие человека и сторителлинг.
- Сравни pose-to-pose и straight ahead как два метода работы.
- Разбери, почему staging и anticipation делают действие понятнее зрителю.

## Похожие
- [animation-principles](https://affpapa.org/nevibecode/skills/animation-principles.md) — скилл · 3000 установок
- [12-principles-of-animation](https://affpapa.org/nevibecode/skills/12-principles-of-animation.md) — скилл · 2200 установок
- [isometric-animation](https://affpapa.org/nevibecode/skills/isometric-animation.md) — скилл · 1400 установок
- [threejs-animation](https://affpapa.org/nevibecode/skills/threejs-animation.md) — скилл · 20400 установок
- [unity-animation](https://affpapa.org/nevibecode/skills/unity-animation.md) — скилл · 6000 установок
- [3d-animation-short-generator](https://affpapa.org/nevibecode/skills/3d-animation-short-generator.md) — скилл · 3500 установок

Из того же набора: [dylantarre/animation-principles](https://affpapa.org/nevibecode/by/dylantarre/animation-principles.md) — 142 карточки

_Часть страницы не вошла по размеру — она есть в HTML-версии._

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md