Scroll Web Skills
Два навыка: промпты для продуктовой анимации и верстка сайта, который раскрывается при прокрутке, с шаблонами и чеклистом приемки
- 242 ★ репозитория
- Последний коммит
- MIT
Минимальный доступ
Почему такой уровень
- Навык состоит из промптов и правил, сам ничего не выполняет, но агент по ним пишет код сайта в вашем проекте.
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add skills/scroll-web-skillsОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемМинимальный доступИнструмент ничего не запускает и не ходит в сеть.
- Навык состоит из промптов и правил, сам ничего не выполняет, но агент по ним пишет код сайта в вашем проекте.
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Набор из двух навыков и шаблонов от автора «顾着造». Первый навык, `product-motion-prompts`, помогает написать промпт для видеомодели: он требует непрерывности предмета, разбивки на кадры и устойчивого движения, которое можно остановить и рассмотреть. Второй, `scroll-product-website`, превращает готовую анимацию или последовательность кадров в сайт, где прокрутка двигает сцену вперед, а обратная прокрутка возвращает назад. В `scroll-product-website/SKILL.md` заданы ограничения: прогресс считается по реальной позиции прокрутки, поддерживаются глубокие ссылки и возврат по истории, кадры не загружаются в память целиком, учитывается настройка «уменьшить движение». Веб-слой отдельно продумывает загрузку, вступительную анимацию, блок выбора вариантов и мобильную раскладку. Шаблоны промптов можно копировать без установки навыков. Примеры построены на кроссовках и мороженом.
Для кого. Дизайнерам и разработчикам лендингов, которые хотят сделать продуктовый сайт с анимацией по прокрутке и поручить агенту промпты и сборку.
Подходит, если
- Нужен промпт для видеомодели, чтобы получить непрерывное вращение или раскладку товара по референсу.
- Готовое видео товара должно стать страницей, где прокрутка листает кадры вперед и назад.
- Для сайта нужен чеклист приемки: прокрутка, остановка, возврат, мобильный вид.
- Хочется просто скопировать шаблон промпта без установки навыка.
Не подходит, если
- Нужен генератор видео или готовый исходный код сайта: набор дает правила и шаблоны, а не модель или проект.
- У вас нет ни видео, ни кадров: примеры файлов не содержат реальных медиа.
- Нужна обычная статичная страница: ограничения навыка рассчитаны на сайты со сценой, привязанной к прокрутке.
Пример запроса к агенту
Используй `$product-motion-prompts`: по этой фотографии кроссовка напиши промпт непрерывной разборки для сайта с прокруткой, видео пока не делай.Ограничения
Репозиторий не генерирует видео, не содержит исходников сайта и не привязан к конкретной модели. В примерах нет видеофайлов, записей голоса, чужих референсных роликов и шрифтов, а имена файлов и спецификации служат образцами, но не результатом генерации. Качество зависит от видеомодели: прыжки кадров, лишние детали и размытие нужно исправлять повторной генерацией, кодом страницы их не вылечить. Тексты README и навыков написаны на китайском языке. При копировании в каталог навыков сохраняйте всю структуру папки, одного `SKILL.md` недостаточно.
Как отключить. Удалите папки `product-motion-prompts` и `scroll-product-website` из каталога навыков вашего агента, например из `~/.codex/skills`.
Частые вопросы
Как установить навыки?
Склонируйте репозиторий и скопируйте обе папки в каталог навыков агента, например `cp -R -n scroll-web-skills/product-motion-prompts ~/.codex/skills/`.
Можно ли обойтись без установки?
Да. Шаблоны лежат в `references/prompt-template.md` каждого навыка, их копируют в чат как обычный промпт.
Какой видеомоделью пользоваться?
Любой, которая поддерживает нужные возможности: репозиторий не привязан к модели и не дает API.
Что делать, если навык не появился в агенте?
Обновите сессию способом, который принят в вашем инструменте, и проверьте, что скопирована вся папка, а не только `SKILL.md`.
Как принять готовый сайт?
По `scroll-product-website/references/acceptance.md`: запустите сайт локально, прокрутите вниз, остановитесь и вернитесь вверх.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
СкиллыТри скилла для сайтов, которые запоминаются: скролл-сцены и 3D, аудит скролла и стратегия посадочной страницы.
Scroll Video Website Skill
scroll-video-website-skill
Скилл превращает видео в сайт с плавной прокруткой по кадрам. Установка одной командой npx skills
Скилл для сборки премиальных скролл-сайтов с реальным дизайн-стандартом: типографика, ритм, глубина, движение и проверка в браузере
Web Animation Skills
web-animation-skills
Скиллы веб-анимации: GSAP, SVG, Lottie, микровзаимодействия, переходы между страницами, 60 кадров в секунду. Установка npx skills или плагином
Скилл собирает лендинг с одним полетом камеры сквозь сцены: прокрутка двигает время ролика вперед и назад.
Скилл, который собирает лендинг с полетом камеры сквозь сгенерированный 3D-мир, управляемым прокруткой
Сравнение с похожими
Карточки с тем же главным запросом: чем они отличаются.
| Инструмент | Официальный | Звезды репозитория | Главное отличие |
|---|---|---|---|
| Scroll Web Skills (эта карточка) | нет | 242 | |
| Scroll Video Website Skill | нет | 69 | scroll-video-website-skill собирает сайт из видео, а здесь еще есть навык для промпта самой анимации и чеклист приемки. |
| Scrolline | нет | 110 | Scrolline сосредоточен на прокрутке, а этот набор связывает промпт для видеомодели с версткой. |
Коротко о README
Репозиторий дает два навыка и шаблоны промптов: сначала анимация продукта, затем сайт с прокруткой. В примерах разобраны кроссовки и мороженое, лицензия MIT.