# anticipation-payoff

Скилл учит ИИ-агента выстраивать фазы подготовки и отдачи в анимации. Пригодится при проектировании динамичных сцен, гэгов и акцентных движений в интерфейсе или играх.

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

## Что делает

Скилл формулирует ментальную модель «подготовка — кульминация» по аналогии с шуткой и панчлайном в комедии. Каждое движение рассматривается как короткая история с завязкой, действием и развязкой. Правила раскладывают 12 классических принципов анимации через связку подготовки и отдачи: от сжатия и растяжения до тайминга, сценичности и траекторий.

Внутри заложены четыре типа подготовки: физическая, эмоциональная, средовая и комедийная. Также даны готовые эвристики для правок. Если отдача ощущается слабой, агент увеличивает длительность или масштаб подготовки. Когда движение выглядит слишком предсказуемым, скилл рекомендует отвлечь зрителя вторичным действием или перенести подготовку на окружающую среду.

## Установка

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

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

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

### Codex

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

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

### Cursor

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

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

### GitHub Copilot

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

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

### Gemini CLI

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

2. **Командой платформы**
```bash
gemini skills install https://github.com/dylantarre/animation-principles --path skills/02-by-thinking-style/anticipation-payoff
```

### Windsurf (Devin Desktop)

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

### OpenCode

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

### Claude.ai

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

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

## Когда брать
- рассчитать тайминг и длительность подготовки перед прыжком или ударом
- исправить предсказуемую или слабую анимацию интерфейса
- добавить реакцию окружения перед кульминацией сцены
- настроить контраст между фазой накопления энергии и фазой отдачи

## Примеры запросов агенту
- Анимируй кнопку подтверждения: добавь лёгкое сжатие перед нажатием и плавный отскок после него.
- Сцена прыжка персонажа выглядит вялой. Проверь подготовку и предложи, как усилить отдачу.
- Опиши ключевые позы для анимации удара сундука-ловушки с акцентом на подготовку и разрядку.

## Похожие
- [animation-principles](https://affpapa.org/nevibecode/skills/animation-principles.md) — скилл · 3000 установок
- [review-animations](https://affpapa.org/nevibecode/skills/review-animations.md) — скилл · 256500 установок
- [apple-design](https://affpapa.org/nevibecode/skills/apple-design.md) — скилл · 244500 установок
- [transitions-polish](https://affpapa.org/nevibecode/skills/transitions-polish.md) — скилл · 10800 установок
- [top-design](https://affpapa.org/nevibecode/skills/top-design.md) — скилл · 7100 установок
- [motion-framer](https://affpapa.org/nevibecode/skills/motion-framer.md) — скилл · 5900 установок

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

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

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