Creating Oneshot Hero Landing Pages — скилл
Скилл для Antigravity: по одному промпту делает посадочную страницу с видео-героем, где прокрутка листает ролик кадр за кадром.
- 134 ★ репозитория
- Последний коммит
- MIT
Расширенный доступ
Почему такой уровень
- Скилл использует ключ Gemini API и расходует квоту при генерации изображений и видео.
- Агент запускает Python-запросы и локальный сервер.
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add skills/creating-oneshot-hero-landing-pagesОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Скилл использует ключ Gemini API и расходует квоту при генерации изображений и видео.
- Агент запускает Python-запросы и локальный сервер.
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Скилл ведет агента через четыре шага. Сначала создает опорные изображения через Nano Banana (`gemini-3.1-flash-image`) и сохраняет их в `./assets/`. Затем вызывает REST API `gemini-omni-flash-preview` и получает видео 16:9 длиной 10 секунд. После этого собирает `index.html` на 400vh: ролик перематывается прокруткой, а текст героя привязан к прогрессу. В конце запускает локальный сервер (`python3 -m http.server 3000`), проверяет, что видеофайлы отдаются с кодом 200, и осматривает верстку. В правилах дизайна закреплены ограничения: до четырех ссылок в навигации, без декоративных SVG-иконок, поддельных тикеров, игрушечных виджетов и звуковых кнопок.
Для кого. Дизайнерам и фронтенд-разработчикам, которым нужен эффектный первый экран для запуска продукта, студии или бренда без ручной съемки.
Подходит, если
- Для запуска нужен один сильный экран с видео вместо стока.
- Бренд небольшой, ролика нет, а время на монтаж ограничено.
- Лендинг строится как редакционная витрина, без калькуляторов и игрушечных виджетов.
- Хочется проверить идею героя до заказа съемки.
Не подходит, если
- Нужен многостраничный сайт с формами, оплатой и CMS: скилл собирает один экран.
- Нет ключа Gemini API: генерация изображений и видео без него не пойдет.
- Страница должна быстро грузиться на слабой сети: видео тяжелее статичной картинки.
Пример запроса к агенту
/creating-oneshot-landing-pages Собери страницу запуска мастерской акустических гитар Lumina из кедра.Ограничения
Скилл написан для Antigravity (AGY), в других агентах нужна небольшая адаптация. Нужна переменная `GEMINI_API_KEY`, а генерация расходует квоту Gemini API. Названные модели выпущены как предварительные версии и могут измениться. Автор оговаривает, что это не продукт Google. Репозиторий состоит из трех файлов; последний коммит от 14 августа 2026 года. Ролик длится десять секунд, поэтому вес страницы и время загрузки зависят от размера итогового файла. Результат нужно просмотреть в браузере до публикации.
Как отключить. Удалите папку скилла из `~/.gemini/config/skills/` или `.agents/skills/`. Созданные в проекте `./assets/` и `index.html` удалите вручную, ключ уберите из окружения.
Частые вопросы
Какие ключи нужны?
Один: `GEMINI_API_KEY` из Google AI Studio. Он нужен для видео через `gemini-omni-flash-preview` и для опорных изображений.
Работает ли скилл без установки?
Да. В README есть режим без установки: попросить агента прочитать `SKILL.md` по ссылке на GitHub и сразу собрать страницу.
Где лежат видео?
В каталоге `./assets/` проекта, десять секунд в формате 16:9 (`.mp4`). Рядом сохраняются опорные картинки.
Можно ли запустить в Claude Code или Codex?
README называет Antigravity основной средой и допускает другие агенты с небольшими правками, поэтому проверяйте вызовы инструментов генерации.
Как вызвать скилл?
Командой `/creating-oneshot-landing-pages` с описанием бренда или обычной фразой, например про страницу для мастерской керамики.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
СкиллыСкилл собирает лендинг с одним полетом камеры сквозь сцены: прокрутка двигает время ролика вперед и назад.
Скилл, который собирает лендинг с полетом камеры сквозь сгенерированный 3D-мир, управляемым прокруткой
Скилл заставляет агента выбрать режиссера и раскадровку для сайта, снять страницу со скроллом и проверить кадры.
Бесплатный скилл для Claude: пишет ТЗ, подбирает видео и 3D, собирает кинематографичный лендинг и проверяет его скриншотами
Три скилла для сайтов, которые запоминаются: скролл-сцены и 3D, аудит скролла и стратегия посадочной страницы.
Скилл для Claude Code и Codex: делает из AI-видео и кадров веб-анимацию, которая следует за прокруткой, курсором, касанием или наклоном устройства
Сравнение с похожими
Карточки с тем же главным запросом: чем они отличаются.
| Инструмент | Официальный | Авторизация | Звезды репозитория | Главное отличие |
|---|---|---|---|---|
| Creating Oneshot Hero Landing Pages (эта карточка) | нет | 134 | ||
| Vibe Landing Kit | нет | OAuth | 1 | плагин со структурой и текстами лендинга; этот скилл генерирует видео-героя и прокрутку по кадрам |
| AI Design Skills | нет | 15 386 | правила дизайна посадочных страниц; этот скилл сам делает ролик и собирает экран |
Коротко о README
Требования, три способа установки (глобально, в проект, по ссылке), примеры промптов, описание четырех шагов, лицензия MIT и отказ от гарантий.