← Все навыки

scroll experience

Expert in building immersive scroll-driven experiences - parallax storytelling, scroll animations, interactive narratives, and cinematic web experiences. Like NY Times interactives, Apple product pages, and award-winning web experiences.

Каталог из GitHub · что мы проверяем

Собираем навыки из Agentic Awesome Skills на GitHub. Это работы авторов сообщества, а не собственные разработки КОМЭКСПО. В карточках сохраняем источник и фиксированную версию.

Автоматические проверки

При импорте: проверяем адреса источников и убираем повторяющиеся идентификаторы. Некоторые категории риска исключаем.
При загрузке инструкции: проверяем формат SKILL.md, кодировку и объём. Ищем упоминания дополнительных файлов и инструментов.
Сверяем обозначение лицензии с разрешённым списком и учитываем известные исключения источника. Непонятные условия требуют отдельной проверки.

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

Авторы и условия использования

Оригинальные тексты коллекции заявлены под CC BY 4.0; у сторонних материалов могут быть другие условия. Открытый GitHub не означает отсутствие авторских прав. Сохраняйте авторство, ссылку на лицензию и отметки об изменениях.

Русские пояснения и промпт-обёртки подготовлены КОМЭКСПО. Оригинальные инструкции не переведены. Мы не связаны с GitHub или авторами навыков и не заявляем об их одобрении сервиса. Правообладателям: контакты — укажите карточку, оригинал и суть обращения.

Использовать навык

Без регистрации

Вставьте в свой ИИ-чат и замените последнюю строку своей задачей. Это инструкция, а не подключение новых инструментов.

Промпт для ИИ

Помоги выполнить мою задачу с опорой на навык «scroll experience». Применяй только уместные инструкции. Не выдумывай факты и результаты действий. Если не хватает инструментов или данных — скажи об этом. Не запускай код и не передавай данные без моего поручения.

Источник: https://github.com/sickn33/agentic-awesome-skills/blob/465ad05638fbe1d9e7f98671393396b6d9246393/skills/scroll-experience/SKILL.md. Лицензия: CC-BY-4.0.

---
name: scroll-experience
description: Expert in building immersive scroll-driven experiences - parallax
  storytelling, scroll animations, interactive narratives, and cinematic web
  experiences. Like NY Times interactives, Apple product pages, and
  award-winning web experiences.
risk: critical
source: vibeship-spawner-skills (Apache 2.0)
date_added: 2026-02-27
---

# Scroll Experience

Expert in building immersive scroll-driven experiences - parallax storytelling,
scroll animations, interactive narratives, and cinematic web experiences. Like
NY Times interactives, Apple product pages, and award-winning web experiences.
Makes websites feel like experiences, not just pages.

**Role**: Scroll Experience Architect

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.

### Expertise

- Scroll animations
- Parallax effects
- GSAP ScrollTrigger
- Framer Motion
- Performance optimization
- Storytelling through scroll

## Detailed Guide

Read [the detailed guide](references/detailed-guide.md) before executing this skill. It retains the complete procedure and reference material. Treat its safety, prerequisites, and validation requirements as mandatory. For focused work, load the relevant sections; for end-to-end work, read the guide completely.

## When to Use
- User mentions or implies: scroll animation
- User mentions or implies: parallax
- User mentions or implies: scroll storytelling
- User mentions or implies: interactive story
- User mentions or implies: cinematic website
- User mentions or implies: scroll experience
- User mentions or implies: immersive web

## Limitations
- Use this skill only when the task clearly matches the scope described above.
- Do not treat the output as a substitute for environment-specific validation, testing, or expert review.
- Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.


Моя задача: [опишите задачу и приложите исходные материалы]

Agentic Awesome Skills — sickn33 и авторы коллекции. Описание автора; оригинальная инструкция без изменений. Авторство, исключения и лицензии: https://github.com/sickn33/agentic-awesome-skills/blob/465ad05638fbe1d9e7f98671393396b6d9246393/docs/sources/sources.md
Оригинал: https://github.com/sickn33/agentic-awesome-skills/blob/465ad05638fbe1d9e7f98671393396b6d9246393/skills/scroll-experience/SKILL.md
Лицензия: CC-BY-4.0 — https://creativecommons.org/licenses/by/4.0/
Авторство и исключения: https://github.com/sickn33/agentic-awesome-skills/blob/465ad05638fbe1d9e7f98671393396b6d9246393/docs/sources/sources.md
SKILL.md сохранён без изменений. Промпт-обёртка и русские пояснения добавлены КОМЭКСПО. Сохраняйте уведомления авторов и условия лицензии при распространении. Авторы не заявляли об одобрении нашего сервиса. Материал предоставляется без гарантий.

Промпт попросит код-агента изучить фиксированную версию и предложить подключение к вашему проекту. Изменения требуют вашего согласования.

Промпт код-агенту

Подготовь подключение навыка «scroll experience» к этому проекту. Сначала прочитай SKILL.md по фиксированной ссылке: https://raw.githubusercontent.com/sickn33/agentic-awesome-skills/465ad05638fbe1d9e7f98671393396b6d9246393/skills/scroll-experience/SKILL.md. Версия: 465ad05638fbe1d9e7f98671393396b6d9246393. SHA-256 файла: eae6278eeb2d5c8979600d9526a9921421ead14721a3c258f9a299936efcbf29. Лицензия: CC-BY-4.0. Проверь назначение, ограничения и доступные инструменты. Покажи, куда этот агент ожидает устанавливать навыки, и предложи точный план. Не перезаписывай существующие инструкции, не устанавливай зависимости, не запускай сторонние скрипты и не меняй права без отдельного согласования. Если инструкция ссылается на другие файлы, сообщи, какие отсутствуют. Моя задача: [опишите задачу].

Agentic Awesome Skills — sickn33 и авторы коллекции. Описание автора; оригинальная инструкция без изменений. Авторство, исключения и лицензии: https://github.com/sickn33/agentic-awesome-skills/blob/465ad05638fbe1d9e7f98671393396b6d9246393/docs/sources/sources.md
Оригинал: https://github.com/sickn33/agentic-awesome-skills/blob/465ad05638fbe1d9e7f98671393396b6d9246393/skills/scroll-experience/SKILL.md
Лицензия: CC-BY-4.0 — https://creativecommons.org/licenses/by/4.0/
Авторство и исключения: https://github.com/sickn33/agentic-awesome-skills/blob/465ad05638fbe1d9e7f98671393396b6d9246393/docs/sources/sources.md
SKILL.md сохранён без изменений. Промпт-обёртка и русские пояснения добавлены КОМЭКСПО. Сохраняйте уведомления авторов и условия лицензии при распространении. Авторы не заявляли об одобрении нашего сервиса. Материал предоставляется без гарантий.

Скачать SKILL.md ↓

Источник: sickn33/agentic-awesome-skills · CC-BY-4.0 · Оригинал ↗

Атрибуция для копирования и распространения

Авторство и лицензия

Agentic Awesome Skills — sickn33 и авторы коллекции. Описание автора; оригинальная инструкция без изменений. Авторство, исключения и лицензии: https://github.com/sickn33/agentic-awesome-skills/blob/465ad05638fbe1d9e7f98671393396b6d9246393/docs/sources/sources.md
Оригинал: https://github.com/sickn33/agentic-awesome-skills/blob/465ad05638fbe1d9e7f98671393396b6d9246393/skills/scroll-experience/SKILL.md
Лицензия: CC-BY-4.0 — https://creativecommons.org/licenses/by/4.0/
Авторство и исключения: https://github.com/sickn33/agentic-awesome-skills/blob/465ad05638fbe1d9e7f98671393396b6d9246393/docs/sources/sources.md
SKILL.md сохранён без изменений. Промпт-обёртка и русские пояснения добавлены КОМЭКСПО. Сохраняйте уведомления авторов и условия лицензии при распространении. Авторы не заявляли об одобрении нашего сервиса. Материал предоставляется без гарантий.

Если распространяете скачанный файл, приложите атрибуцию и требуемые лицензией уведомления автора. При изменении инструкции укажите свои изменения. Условия лицензии

Как это работает

Навык задаёт подход к задаче: например, как редактировать текст или проверять код. Вы выбираете его в чате — ИИ получает эту инструкцию вместе с вашим запросом.

Поддерживаются текст, код и создание сайтов. Навык не подключает новые модели, терминал, MCP или аккаунты. Для изображений и видео используются отдельные инструменты.

Совместимость: Нужны доп. инструменты
Источник: sickn33/agentic-awesome-skills ↗
Версия: 465ad05638fb · фиксируется при добавлении
Лицензия: CC-BY-4.0
Звёзды репозитория: 47 140

Ограничения оригинала

В оригинале есть ссылки на файлы или внешние инструменты. Они не устанавливаются; в чате применяются только инструкции SKILL.md.

Оригинальная инструкция SKILL.md · 2 134 символов

---
name: scroll-experience
description: Expert in building immersive scroll-driven experiences - parallax
storytelling, scroll animations, interactive narratives, and cinematic web
experiences. Like NY Times interactives, Apple product pages, and
award-winning web experiences.
risk: critical
source: vibeship-spawner-skills (Apache 2.0)
date_added: 2026-02-27
---

# Scroll Experience

Expert in building immersive scroll-driven experiences - parallax storytelling,
scroll animations, interactive narratives, and cinematic web experiences. Like
NY Times interactives, Apple product pages, and award-winning web experiences.
Makes websites feel like experiences, not just pages.

**Role**: Scroll Experience Architect

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.

### Expertise

- Scroll animations
- Parallax effects
- GSAP ScrollTrigger
- Framer Motion
- Performance optimization
- Storytelling through scroll

## Detailed Guide

Read [the detailed guide](references/detailed-guide.md) before executing this skill. It retains the complete procedure and reference material. Treat its safety, prerequisites, and validation requirements as mandatory. For focused work, load the relevant sections; for end-to-end work, read the guide completely.

## When to Use
- User mentions or implies: scroll animation
- User mentions or implies: parallax
- User mentions or implies: scroll storytelling
- User mentions or implies: interactive story
- User mentions or implies: cinematic website
- User mentions or implies: scroll experience
- User mentions or implies: immersive web

## Limitations
- Use this skill only when the task clearly matches the scope described above.
- Do not treat the output as a substitute for environment-specific validation, testing, or expert review.
- Stop and ask for clarification if required inputs, permissions, safety boundaries, or success criteria are missing.

Личный кабинет

Другие возможности