Creating-Oneshot-Hero-Landing-Pages README

The project's README from github.com/nroadley/Creating-Oneshot-Hero-Landing-Pages. As one markdown file: README.md.

Creating Oneshot Hero Landing Pages

An Antigravity (AGY) skill to plan, design, and build video-driven parallax hero landing pages using video scrubbing.


📋 Prerequisites

  1. Antigravity (AGY) (Recommended): Works out of the box with Antigravity. Can also run in other agent environments with minor adaptations.
  2. Gemini API Key: Required for Omni video generation. Get a key at Google AI Studio.
    export GEMINI_API_KEY="your-gemini-api-key"
    

⚡ Quickstart

1. Install or Reference the Skill


2. Prompt Your Agent

Once installed, you can invoke the skill via its slash command or by asking naturally:


🛠️ How It Works

  1. Reference Images: Generates reference images using Nano Banana (gemini-3.1-flash-image).
  2. Video Generation: Calls gemini-omni-flash-preview to generate 10s 16:9 .mp4 video assets in ./assets/.
  3. Frontend Implementation: Builds a 400vh sticky video-scrubbing layout (index.html) with progress-locked typography and clean design rules (no unnecessary icons, fake tickers, or toy widgets).
  4. Local Preview: Launches a local preview server so you can test the live page immediately.

📄 Licensing & Disclaimer

This project is licensed under the MIT License.

Distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.

Disclaimer: This is not an official Google product.


Built with Antigravity and Gemini 3.7 Flash.

Creating-Oneshot-Hero-Landing-Pages (nroadley/Creating-Oneshot-Hero-Landing-Pages)

Searching Database…

Что это?Это агентский скилл для Antigravity (AGY), который из одного промпта планирует, проектирует и собирает лендинги с hero-блоком на видео и параллаксом, используя модели генерации видео и изображений Gemini.
Это отдельное приложение или то, что я добавляю к агенту?Это определение скилла, созданное для агента Antigravity; оно может работать и в других агентских средах с небольшими адаптациями, но это не отдельное приложение.
Как установить и использовать этот скилл?Установите его глобально или в текущее рабочее пространство, либо вовсе пропустите установку, попросив агента прочитать репозиторий напрямую по URL из чата; затем вызовите его слэш-командой или промптом на естественном языке, описывающим нужную страницу.
Нужен ли мне ключ Gemini API?Да, для шага генерации видео Omni нужен ключ Gemini API; получить его можно в Google AI Studio.
Стоит ли генерация страницы чего-то сверх самого скилла?Да, каждая сборка вызывает платные модели Gemini (gemini-omni-flash-preview для 10-секундного видео, Nano Banana для референсных изображений), так что использование расходует ваши собственные кредиты Gemini API.
Как скилл на самом деле собирает лендинг?Он генерирует референсные изображения с Nano Banana (gemini-3.1-flash-image), создаёт 10-секундное видео 16:9 с gemini-omni-flash-preview, собирает index.html на 400vh с закреплённой секцией, где видео проматывается скроллом, и типографикой, привязанной к прогрессу, а затем запускает локальный сервер предпросмотра.
Это официальный продукт Google?Нет, в README прямо сказано, что это не официальный продукт Google, хотя он и использует модели Gemini и Nano Banana.
Какого дизайна он избегает?Он соблюдает правила чистого дизайна, пропуская ненужные иконки, фальшивые бегущие строки и игрушечные виджеты, чтобы страница оставалась минималистичной и контент-первой.
Можно ли использовать его вне Antigravity?Да, он может работать в других агентских средах с небольшими адаптациями, хотя создаётся и тестируется прежде всего для Antigravity.
Creator
nroadley
Size
<0.1 MB
Stars
134
Updated
CommitAug 14
Age
2mo
Commits · 90 Days