Creating Oneshot Hero Landing Pages skill
An Antigravity skill that builds a video-hero landing page from one prompt, with scrolling that scrubs the clip frame by frame.
- 133 ★ on the repository
- Last commit
- MIT
Extended access
Why this level
- The skill uses a Gemini API key and consumes quota when generating images and video.
- The agent runs Python requests and a local server.
Install
- Works in
In your terminal, with SkillFoxx CLI
npx skillfoxx add skills/creating-oneshot-hero-landing-pagesDetects the agents on your machine, shows the access level and pins the version.
Other ways to install
Access and checks
How we reviewExtended accessThe tool runs code or makes network calls and only reads external data.
- The skill uses a Gemini API key and consumes quota when generating images and video.
- The agent runs Python requests and a local server.
This is third-party code. Review the repository files before installing.
What it does
The skill walks the agent through four steps. First it generates reference images through Nano Banana (`gemini-3.1-flash-image`) and saves them in `./assets/`. Then it calls the `gemini-omni-flash-preview` REST API and gets a 10-second 16:9 video. Next it builds a 400vh `index.html` where scrolling scrubs the clip and hero text is locked to progress. Finally it starts a local server (`python3 -m http.server 3000`), checks that video files return 200 and inspects the layout. Design rules limit the result: at most four navigation links, no decorative SVG icons, fake tickers, toy widgets or audio buttons.
Who it is for. Designers and frontend developers who need an eye-catching first screen for a product, studio or brand launch without a manual shoot.
Good fit when
- A launch needs one strong video screen instead of stock footage.
- The brand is small, there is no clip and editing time is short.
- The landing is an editorial showcase without calculators or toy widgets.
- You want to test a hero idea before commissioning a shoot.
Not a fit when
- You need a multi-page site with forms, payment and a CMS: the skill builds one screen.
- There is no Gemini API key: image and video generation will not run without it.
- The page must load fast on weak networks: video is heavier than a still image.
Example request
/creating-oneshot-landing-pages Build a launch page for Lumina, a workshop making acoustic guitars from cedar.Limitations
The skill is written for Antigravity (AGY); other agents need minor adaptation. It requires `GEMINI_API_KEY`, and generation uses Gemini API quota. The named models are marked preview and may change. The author states it is not an official Google product. The repository holds three files; the last commit is from 14 August 2026. The clip lasts ten seconds, so page weight and load time depend on the final file size. Review the result in a browser before publishing.
How to disable. Remove the skill folder from `~/.gemini/config/skills/` or `.agents/skills/`. Delete the `./assets/` and `index.html` created in the project by hand and unset the key.
FAQ
Which keys are needed?
One: `GEMINI_API_KEY` from Google AI Studio. It covers video through `gemini-omni-flash-preview` and the reference images.
Does it work without installing?
Yes. The README has a zero-install mode: ask the agent to read `SKILL.md` from the GitHub link and build the page right away.
Where are the videos stored?
In the project `./assets/` directory, ten seconds in 16:9 `.mp4`. Reference images are saved beside them.
Can it run in Claude Code or Codex?
The README names Antigravity as the main environment and allows other agents with minor changes, so check the generation tool calls.
How do I invoke the skill?
With `/creating-oneshot-landing-pages` and a brand description, or a plain request such as a page for a ceramic studio.
Discussion
No questions or reviews yet.
Related
SkillsA skill that builds a landing page with one camera flight through scenes; scrolling moves the clip forward and back.
A skill that builds a landing page where scrolling flies a camera through a generated 3D world
A skill that makes the agent cast a director, storyboard a site, shoot the page with scroll and screen the frames.
A free Claude skill that writes a build spec, picks cinematic media, builds a landing page and checks it with screenshots
Three skills for memorable websites: scroll scenes and 3D, a scroll audit and a landing page strategy.
A skill for Claude Code and Codex that turns AI video and frames into web animation driven by scroll, cursor, touch or device tilt
Comparison with similar tools
Cards that share the main search query, and how they differ.
| Tool | Official | Authentication | Repository stars | Main difference |
|---|---|---|---|---|
| Creating Oneshot Hero Landing Pages (this card) | no | 133 | ||
| Vibe Landing Kit | no | OAuth | 1 | a plugin with landing structure and copy; this skill generates the video hero and frame scrubbing |
| AI Design Skills | no | 15,386 | landing page design rules; this skill makes the clip and builds the screen itself |
README in short
Prerequisites, three install options (global, per project, by URL), prompt examples, the four steps, MIT license and a warranty disclaimer.