😳 Вкид инфы о том как освоить вот эту штуку с красивым скролл-переходом на вашем веб калькуляторе
— нашел вот такой вот репозиторий со skill.md, который заточен именно для такой движухи, наглядно объясняет вашему агенту задачу. Используется он так🥹
сначала сетапни:
npx skills add musoyangrigor/scroll-video-website-skill --skill scroll-video-website
- ну или дай агенту сетапнуть, если на ленивом 👽
после чего задача простая:
▫️сетапим ffmpeg для раскадровки исходника: winget install -e --id Gyan.FFmpeg
▫️готовим ролик примерно на 5-10 сек с нужным вам переходом (условно птица летит в небосводе, после зум-аут на окружение), можно такое придумать с VEO 3, ну или взять готовый темплейт коих оч много
▫️создай папку внутри проекта, назови как хочешь, ну допустим media и грузани туда ролик
▫️далее вызываем skill и указываем название нашего файла, вот так: $scroll-video-website ./media/pidor.mp4 * ./твой путь к расположению ролика
▫️можете заюзать мой промптик:
Создай полноэкранную кинематографичную scroll-анимацию.
Видео-анимация должна занимать весь экран.
При прокрутке вниз анимация должна плавно проигрываться вперёд.
При прокрутке вверх анимация должна так же плавно проигрываться назад.
Не добавляй navbar, карточки или другие лишние элементы интерфейса.
Главный акцент должен быть только на самой анимации.
Сделай прокрутку тяжёлой, плавной и кинематографичной, с ощущением инерции.
Сначала предзагружай самые важные кадры, а остальные подгружай постепенно в фоне.
Сделай так, чтобы всё корректно и красиво работало на десктопных экранах с соотношением сторон 16:9.
- добавив свои детали под свой продукт конечно же.. 👓
какие еще фичи редактирования доступны?🥹
🥹можно покадрово двигать интерфейс, свапать элементы разные, давая агенту условно такое:
"на 1.45 добавь текст/убери текст"
🥹менять длину скролла просто говоря об этом агенту, также и плавность fps
🥹после того как результат устроил даем такую команду: $scroll-video-website optimize
— она немного сожмет итоговый вариант, что будет приятнее для хостинга
🥺Дешевые ИИ подписки|🧠Топовые модели по API за лоупрайс | Чат канала💐
— нашел вот такой вот репозиторий со skill.md, который заточен именно для такой движухи, наглядно объясняет вашему агенту задачу. Используется он так🥹
сначала сетапни:
npx skills add musoyangrigor/scroll-video-website-skill --skill scroll-video-website
- ну или дай агенту сетапнуть, если на ленивом 👽
после чего задача простая:
▫️сетапим ffmpeg для раскадровки исходника: winget install -e --id Gyan.FFmpeg
▫️готовим ролик примерно на 5-10 сек с нужным вам переходом (условно птица летит в небосводе, после зум-аут на окружение), можно такое придумать с VEO 3, ну или взять готовый темплейт коих оч много
▫️создай папку внутри проекта, назови как хочешь, ну допустим media и грузани туда ролик
▫️далее вызываем skill и указываем название нашего файла, вот так: $scroll-video-website ./media/pidor.mp4 * ./твой путь к расположению ролика
▫️можете заюзать мой промптик:
Создай полноэкранную кинематографичную scroll-анимацию.
Видео-анимация должна занимать весь экран.
При прокрутке вниз анимация должна плавно проигрываться вперёд.
При прокрутке вверх анимация должна так же плавно проигрываться назад.
Не добавляй navbar, карточки или другие лишние элементы интерфейса.
Главный акцент должен быть только на самой анимации.
Сделай прокрутку тяжёлой, плавной и кинематографичной, с ощущением инерции.
Сначала предзагружай самые важные кадры, а остальные подгружай постепенно в фоне.
Сделай так, чтобы всё корректно и красиво работало на десктопных экранах с соотношением сторон 16:9.
- добавив свои детали под свой продукт конечно же.. 👓
какие еще фичи редактирования доступны?🥹
🥹можно покадрово двигать интерфейс, свапать элементы разные, давая агенту условно такое:
"на 1.45 добавь текст/убери текст"
🥹менять длину скролла просто говоря об этом агенту, также и плавность fps
🥹после того как результат устроил даем такую команду: $scroll-video-website optimize
— она немного сожмет итоговый вариант, что будет приятнее для хостинга
🥺Дешевые ИИ подписки|🧠Топовые модели по API за лоупрайс | Чат канала💐