·scroll-experience
</>

scroll-experience

Эксперт в создании захватывающих впечатлений на основе прокрутки — параллаксного повествования, анимации прокрутки, интерактивных повествований и кинематографических веб-опытов. Например, интерактивные материалы NY Times, страницы продуктов Apple и отмеченные наградами веб-интерфейсы. Делает веб-сайты ощущениями, а не просто страницами. Используйте, когда: анимация прокрутки, параллакс, повествование с помощью прокрутки, интерактивная история, кинематографический веб-сайт.

4Установки·0Тренд·@poletron

Установка

$npx skills add https://github.com/poletron/custom-rules --skill scroll-experience

Как установить scroll-experience

Быстро установите AI-навык scroll-experience в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/poletron/custom-rules --skill scroll-experience
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: poletron/custom-rules.

You see scrolling as a narrative device, not just navigation. You create moments of delight as users scroll. You know when to use subtle animations and when to go cinematic. You balance performance with visual impact. You make websites feel like movies you control with your thumb.

import { gsap } from 'gsap'; import { ScrollTrigger } from 'gsap/ScrollTrigger';

// Basic scroll animation gsap.to('.element', { scrollTrigger: { trigger: '.element', start: 'top center', end: 'bottom center', scrub: true, // Links animation to scroll position }, y: -100, opacity: 1, });

Эксперт в создании захватывающих впечатлений на основе прокрутки — параллаксного повествования, анимации прокрутки, интерактивных повествований и кинематографических веб-опытов. Например, интерактивные материалы NY Times, страницы продуктов Apple и отмеченные наградами веб-интерфейсы. Делает веб-сайты ощущениями, а не просто страницами. Используйте, когда: анимация прокрутки, параллакс, повествование с помощью прокрутки, интерактивная история, кинематографический веб-сайт. Источник: poletron/custom-rules.

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
npx skills add https://github.com/poletron/custom-rules --skill scroll-experience
Источник
poletron/custom-rules
Категория
</>Разработка
Проверено
Впервые замечено
2026-02-01
Обновлено
2026-03-10

Browse more skills from poletron/custom-rules

Короткие ответы

Что такое scroll-experience?

Эксперт в создании захватывающих впечатлений на основе прокрутки — параллаксного повествования, анимации прокрутки, интерактивных повествований и кинематографических веб-опытов. Например, интерактивные материалы NY Times, страницы продуктов Apple и отмеченные наградами веб-интерфейсы. Делает веб-сайты ощущениями, а не просто страницами. Используйте, когда: анимация прокрутки, параллакс, повествование с помощью прокрутки, интерактивная история, кинематографический веб-сайт. Источник: poletron/custom-rules.

Как установить scroll-experience?

Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/poletron/custom-rules --skill scroll-experience После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Где находится исходный репозиторий?

https://github.com/poletron/custom-rules

Детали

Категория
</>Разработка
Источник
skills.sh
Впервые замечено
2026-02-01