Что такое loading-states?
Используйте при указании прогресса или ожидания — счетчики, индикаторы выполнения, скелетные экраны, эффекты мерцания или любую анимацию, показывающую, что система работает. Источник: dylantarre/animation-principles.
·loading-states
*
loading-states
✓dylantarre/animation-principlesGitHub: dylantarre/animation-principlesИсточник: dylantarre/animation-principles
Используйте при указании прогресса или ожидания — счетчики, индикаторы выполнения, скелетные экраны, эффекты мерцания или любую анимацию, показывающую, что система работает.
Как установить loading-states
Быстро установите AI-навык loading-states в вашу среду разработки через командную строку
- Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
- Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/dylantarre/animation-principles --skill loading-states
- Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
Источник: dylantarre/animation-principles.
SKILL.md
Показать rawSquash & Stretch: Progress indicators can pulse/breathe to show life. Slight scale oscillation (0.98-1.02).
Anticipation: Show loading state immediately on action. Don't wait for slow response to show spinner.
Staging: Loading indicators appear where content will be. Skeleton screens match final layout.
Используйте при указании прогресса или ожидания — счетчики, индикаторы выполнения, скелетные экраны, эффекты мерцания или любую анимацию, показывающую, что система работает. Источник: dylantarre/animation-principles.
Факты (для цитирования)
Стабильные поля и команды для ссылок в AI/поиске.
- Команда установки
npx skills add https://github.com/dylantarre/animation-principles --skill loading-states- Источник
- dylantarre/animation-principles
- Категория
- *Креатив
- Проверено
- ✓
- Впервые замечено
- 2026-03-03
- Обновлено
- 2026-03-11
Короткие ответы
Как установить loading-states?
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/dylantarre/animation-principles --skill loading-states После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
Где находится исходный репозиторий?
https://github.com/dylantarre/animation-principles
Детали
- Категория
- *Креатив
- Источник
- skills.sh
- Впервые замечено
- 2026-03-03