К основному содержанию
скилл CX Codex

universal-mindset — скилл для Claude Code: установка и работа

Скилл задаёт способ разбирать анимационные задачи через историю, движение, ритм и внимание зрителя. Пригодится, когда специализированный подход не подходит.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add dylantarre/animation-principles --skill universal-mindset -a claude-code
Открыть на GitHub

Что делает universal-mindset

universal-mindset помогает агенту рассуждать об анимации как о передаче жизни, характера и смысла движения. Он предлагает перед работой определить историю сцены, нужную эмоцию и суть действия, а затем сверять каждый кадр с этими целями.

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

Скилл не задаёт параметры конкретного редактора или движка. Это повод проверять, служит ли выразительный кадр всей сцене, потому что отдельный удачный кадр может мешать её замыслу.

Какие задачи решает

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

Примеры запросов агенту

  • Примени universal-mindset к анимации этого персонажа и определи, какую эмоцию должно передать движение.
  • Разбери этот шот через universal-mindset: что зритель должен понять и где находится главный фокус?
  • Используй universal-mindset, чтобы проверить тайминг, вес и траектории в этой анимации.

Как установить universal-mindset

1Через Skills CLI (Vercel)

npx skills add dylantarre/animation-principles --skill universal-mindset -a claude-code

2Вручную: положить файлы

~/.claude/skills/universal-mindset/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/universal-mindset/

По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов

Вопросы о universal-mindset

Как установить universal-mindset в Claude Code?

Выполните npx skills add dylantarre/animation-principles --skill universal-mindset -a claude-code, затем повторите npx skills add dylantarre/animation-principles --skill universal-mindset -a claude-code. Файл скилла находится в ~/.claude/skills/universal-mindset/SKILL.md.

Что делает universal-mindset?

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

Какие вопросы скилл предлагает задавать перед шотом?

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

Исходный текст

SKILL.md · MIT
---
name: universal-mindset
description: Use when approaching any animation task—establishing foundational thinking patterns, teaching animation principles, or when none of the specialized thinking styles quite fit the situation.
---

# Universal Animator Mindset

Think like a master animator who has internalized all principles so deeply they no longer think about rules—they think about life, motion, and story. This is the integrated mind.

## Core Mental Model

For any animation challenge, ask: **What truth about motion am I trying to reveal?**

The 12 principles aren't rules to follow—they're tools to wield. A master doesn't think "I need more anticipation." They think "this needs to breathe before it explodes." The principle is invisible; the intention is everything.

## The Integrated Approach

### 1. Start With Why
Before touching a frame, understand:
- What story is this motion telling?
- What should the audience feel?
- What's the essence of this action?

### 2. Observe Reality
- Watch the real world constantly
- Reference is never cheating—it's research
- Understand why things move before animating how

### 3. Exaggerate Thoughtfully
- Push past reality to find clarity
- Match exaggeration to style and tone
- Truth amplified, never truth abandoned

### 4. Serve the Character
- Motion reveals personality
- Every character moves differently
- The same action feels different for different people

### 5. Respect Physics (Then Break It)
- Understand weight, momentum, gravity
- Then bend the rules deliberately
- Breaking physics intentionally creates style; breaking it accidentally creates errors

### 6. Design the Time
- Animation is choreography of time
- Contrast creates interest (fast/slow, action/rest)
- Rhythm is invisible but essential

### 7. Guide the Eye
- Control attention deliberately
- One focus at a time
- Clarity is kindness to the audience

## The 12 Principles as One

They all serve motion. They all serve story. They all serve feeling.

**Timing & Spacing** — The duration and intervals of motion (the when and how fast)

**Squash & Stretch** — The flexibility and volume of motion (the materiality)

**Anticipation** — The preparation before motion (the breath before speech)

**Staging** — The presentation of motion (the frame around the picture)

**Straight Ahead & Pose to Pose** — The method of creating motion (the process)

**Follow Through & Overlapping Action** — The consequences of motion (the echo after sound)

**Slow In & Slow Out** — The acceleration of motion (the feel of force)

**Arcs** — The path of motion (the shape through space)

**Secondary Action** — The support of motion (the harmony under melody)

**Exaggeration** — The amplification of motion (the volume dial)

**Solid Drawing** — The dimensionality of motion (the sculpture in time)

**Appeal** — The magnetism of motion (the reason to watch)

## Working Philosophy

**Trust Your Eye** — After learning principles, let intuition guide. If it looks right, it is right.

**Iterate Relentlessly** — First pass is discovery. Second pass is refinement. Third pass is polish.

**Kill Your Darlings** — Great frames that don't serve the whole must go.

**Steal Wisely** — Study every animator you admire. Understand their tricks. Make them yours.

**Stay Playful** — Animation is play. The moment it becomes pure labor, the life drains out.

## The Master's Questions

Before any shot:
- What's the one thing the audience must understand?
- What emotion should this evoke?
- What would surprise them in a good way?

During animation:
- Does each frame earn its existence?
- Is there life in the stillness?
- Can I feel the weight?

After completion:
- Would I want to watch this?
- Does it serve the larger whole?
- What did I learn?

## The Golden Rule

**Animation is the illusion of life.** Not the replication of movement—the *illusion* of *life*. Every technique exists to make drawings breathe, to give pixels souls, to make audiences forget they're watching art and believe they're watching beings. When technique disappears and only life remains—that's animation.

© dylantarre · MIT · dylantarre/animation-principles

Похожие скиллы

Всё по теме «Дизайн» →
human-architect-mindset bencium Скилл, который заставляет агента задавать вопросы о домене, зависимостях и ограничениях до того, как он начнёт писать код. CX Codex +1 3 300установок orbit-card heygen-com Скилл для встраивания готового 10-секундного 3D-блока HyperFrames: карточка фичи облетает сферу из точек по траектории камеры из Blender. CX Codex +1 10 000установок hatch-pet официальный openai Создаёт и упаковывает анимированных питомцев и спрайт-листы для Codex. Пригодится, когда нужен персонаж по описанию, изображению или фирменным ориентирам. CX Codex +1 3 300установок spline-interactive freshtechbro Справочник по интеграции 3D-сцен Spline в веб-проекты. Помогает встроить интерактивную графику в React без ручного написания WebGL-кода. CX Codex +1 2 800установок pixel-art-sprites omer-metin Настраивает ассистента на отрисовку спрайтов и тайлсетов. Пригодится при разработке ретро-игр с жёсткими лимитами палитры и кадров. CX Codex +1 2 700установок meshy-3d-generation meshy-dev Создаёт 3D-модели, текстурирует меши и настраивает анимации через Meshy CLI 0.4.3. Пригодится при добавлении файлов GLB и glTF в проект прямо из терминала. CX Codex +1 2 300установок

Из того же набора86

small-200-300ms Скилл подсказывает агенту, как строить переходы длительностью 200–300 мс: появление модалок, раскрытие карточек, слайды навигации. CX Codex +1 482установок trust-reliability Скилл для анимаций, которые вызывают доверие: предсказуемые движения, спокойные тайминги, никаких сюрпризов. Пригодится в платежах, формах и настройках. CX Codex +1 483установок product-manager Помогает продакт-менеджеру решить, какие анимации в приложении стоят разработки, а какие можно отложить. CX Codex +1 481установок universal-tool Скилл, который подсказывает агенту 12 принципов анимации Диснея при работе с любым инструментом или фреймворком. CX Codex +1 482установок universal-practitioner Скилл, который применяет 12 принципов анимации Диснея к интерфейсам, текстам и продуктовым решениям — не только к мультипликации. CX Codex +1 480установок accessibility-issues Разбирает анимацию, которая мешает людям с вестибулярными нарушениями, когнитивной перегрузкой или скринридером, и подсказывает, что чинить. CX Codex +1 478установок ux-friction Скилл для диагностики анимаций, из-за которых пользователь ждёт, путается или бросает задачу. Пригодится, когда интерфейс тормозит из-за переходов. CX Codex +1 479установок slow-800-1200ms Скилл для ИИ-кодинга, который помогает делать намеренно медленную анимацию 800–1200 мс: драматичные появления, загрузочные сцены, моменты, где пользователь должен остановиться и посмотреть. CX Codex +1 474установок

Спонсоры проекта

Компании, которые помогают держать аналитику открытой