Creating Oneshot Hero Landing Pages

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

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"

• Option A: Install globally (all projects)

  git clone https://github.com/nroadley/Creating-Oneshot-Hero-Landing-Pages.git ~/.gemini/config/skills/creating-oneshot-landing-pages

• Option B: Install to your current workspace only Inside your project root:

  git clone https://github.com/nroadley/Creating-Oneshot-Hero-Landing-Pages.git .agents/skills/creating-oneshot-landing-pages

• Option C: Run directly via chat URL (Zero install) Ask your agent to read the repository directly in your prompt:

  "Read https://github.com/nroadley/Creating-Oneshot-Hero-Landing-Pages/blob/main/SKILL.md and build a landing page for Lumina acoustic guitars."

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

• Using the Slash Command:

  /creating-oneshot-landing-pages <your prompt>
  

  Example:

  /creating-oneshot-landing-pages Build a launch landing page for Lumina — an acoustic guitar workshop handcrafting instruments from reclaimed Pacific Northwest cedar.
  

• Or Natural Prompts:

  "Create a hero landing page for Nomad Foils, a company designing electric carbon-fiber hydrofoil boards for open-ocean riding."

  "Make a landing page for our small-batch ceramic studio based in Kyoto, showcasing wood-fired matcha bowls and handcrafted teaware."

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.

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.