Что такое scroll-animations?
Используйте при запуске анимации при прокрутке — отображайте эффекты, параллакс, липкие заголовки, индикаторы прогресса или любое движение, связанное с прокруткой. Источник: dylantarre/animation-principles.
·scroll-animations
*
scroll-animations
✓dylantarre/animation-principlesGitHub: dylantarre/animation-principlesИсточник: dylantarre/animation-principles
Используйте при запуске анимации при прокрутке — отображайте эффекты, параллакс, липкие заголовки, индикаторы прогресса или любое движение, связанное с прокруткой.
Как установить scroll-animations
Быстро установите AI-навык scroll-animations в вашу среду разработки через командную строку
- Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
- Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/dylantarre/animation-principles --skill scroll-animations
- Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
Источник: dylantarre/animation-principles.
SKILL.md
Показать rawSquash & Stretch: Elements can compress slightly while scrolling fast, settle when stopped.
Anticipation: Content should be slightly visible before full reveal. Start animations at 10-20% visibility.
Staging: Reveal content in reading order. Top-to-bottom, left-to-right progression.
Используйте при запуске анимации при прокрутке — отображайте эффекты, параллакс, липкие заголовки, индикаторы прогресса или любое движение, связанное с прокруткой. Источник: dylantarre/animation-principles.
Факты (для цитирования)
Стабильные поля и команды для ссылок в AI/поиске.
- Команда установки
npx skills add https://github.com/dylantarre/animation-principles --skill scroll-animations- Источник
- dylantarre/animation-principles
- Категория
- *Креатив
- Проверено
- ✓
- Впервые замечено
- 2026-03-03
- Обновлено
- 2026-03-10
Короткие ответы
Как установить scroll-animations?
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/dylantarre/animation-principles --skill scroll-animations После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
Где находится исходный репозиторий?
https://github.com/dylantarre/animation-principles
Детали
- Категория
- *Креатив
- Источник
- skills.sh
- Впервые замечено
- 2026-03-03