Что такое state-changes?
Используйте, когда элементы трансформируются на месте — тумблеры, раскрывающиеся аккордеоны, анимация флажков, состояния кнопок или любое преобразование без входа/выхода. Источник: dylantarre/animation-principles.
·state-changes
*
state-changes
✓dylantarre/animation-principlesGitHub: dylantarre/animation-principlesИсточник: dylantarre/animation-principles
Используйте, когда элементы трансформируются на месте — тумблеры, раскрывающиеся аккордеоны, анимация флажков, состояния кнопок или любое преобразование без входа/выхода.
Как установить state-changes
Быстро установите AI-навык state-changes в вашу среду разработки через командную строку
- Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
- Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/dylantarre/animation-principles --skill state-changes
- Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
Источник: dylantarre/animation-principles.
SKILL.md
Показать rawSquash & Stretch: Elements compress before expanding. A toggle switch squashes 5% before sliding.
Anticipation: Wind up before the change. Slight reverse movement (2-3px) before expanding.
Staging: Keep transformations centered on user focus. Don't let state changes distract from the interaction point.
Используйте, когда элементы трансформируются на месте — тумблеры, раскрывающиеся аккордеоны, анимация флажков, состояния кнопок или любое преобразование без входа/выхода. Источник: dylantarre/animation-principles.
Факты (для цитирования)
Стабильные поля и команды для ссылок в AI/поиске.
- Команда установки
npx skills add https://github.com/dylantarre/animation-principles --skill state-changes- Источник
- dylantarre/animation-principles
- Категория
- *Креатив
- Проверено
- ✓
- Впервые замечено
- 2026-03-04
- Обновлено
- 2026-03-10
Короткие ответы
Как установить state-changes?
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/dylantarre/animation-principles --skill state-changes После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
Где находится исходный репозиторий?
https://github.com/dylantarre/animation-principles
Детали
- Категория
- *Креатив
- Источник
- skills.sh
- Впервые замечено
- 2026-03-04