Skip to content
Founding Lifetime: every Pro skillfirst 100 members · $199 onceUpgrade
Lookbk
Sign In
Open live demo

The page this skill built from examples/starlot, working in your browser. Opens in a new tab.

5-second example rendered by this skill from examples/starlot · 1280×720

What you get

  • A one-page hero and a paste-in embed with your name, words and links
  • Your title card projected on the drive-in screen after a 3-2-1 film countdown, tracked to the camera so it stays on the screen
  • Words laid over the film (in this one nothing is cut out: the screen is the place for words)
  • The intro animation tied to the film's own clock, so words and picture stay in step
  • A phone layout: the headline, screen card and ticket stay in the frame, the introduction and buttons move into a block underneath
  • A still of the last frame for reduced motion, blocked autoplay or a slow connection, so it is never blank
  • A 1080p MP4 with the film's sound and a poster, rendered frame by frame
  • Checks at 390, 768, 1280 and 1920 px for overflow, overlaps, links and script errors
  • Open-source licenses for every part it builds on

Good fit

  • Cinemas, film clubs, festivals and outdoor screenings can open on a desert drive-in at dusk, with their own film or event on the glowing screen.
  • Ticketing and events brands get a 3-2-1 film countdown that flashes into a NOW SHOWING card, plus an admission ticket with a price stamp and a serial number.
  • Brands with a short, punchy line can set it as a neon script word over two giant block words, such as Tonight / Double / Feature.

Not for

  • Swapping in your own video: the title card is placed and moved for this film, and the scene (a 1950s drive-in at dusk) is the design
  • Changing the colors, fonts or layout through settings (every word and link is yours; the look is fixed)
  • Long headlines: each field has a length limit the build enforces, and the screen title takes up to 10 characters
  • Sound on the live page (browsers only autoplay muted video; the MP4 keeps the sound)
  • Full landing pages below the hero (see the Landing Pages series)

About this skill

A website hero on five seconds of generated footage: a 1950s drive-in in the desert at dusk, rows of pink and cream classic cars facing a huge glowing screen while the stars come out and the camera slowly pushes in. A 3-2-1 film leader counts down on the screen, it flashes, and your own title card flickers on and moves with the camera. In the sky beside it: a turquoise neon script word and a giant cream block headline with a stacked sunset shadow. Around it: an atomic-star wordmark and links, an admission ticket, sparkles, two buttons and film grain. Your agent writes one hero.json with your words and links; the build checks every length and writes a page and an embed, and a recorder makes a 1080p MP4 with sound.

Example request

Make a Drive-In hero for our outdoor cinema club: script word 'Friday', big words 'Movie' and 'Night', this week's film on the screen, our links and buttons, and record the video for our launch post.

Similar Skills

View all
New
web
Boardwalk Wheel HeroClaude CodeCodexCursor+3 more agents
New
web
Desert Gas HeroClaude CodeCodexCursor+3 more agents

Details

Output
Retro hero on generated footage · your title card on the drive-in screen · page + embed · 1080p MP4 with sound
Needs
Node.js 18+, Chrome, and ffmpeg for the video; the page needs a web server (a local one is included)
Series
Footage Heroes · 17 skills
Updated
Oct 27, 2026
Checked
Oct 27, 2026: its own commands ran and passed. That is a working check, not a security audit.

Generates with

Footage generated for LookbkGSAP 3.14.2 (pinned CDN, SRI)Headless Chrome checks and frame-stepped recorder + ffmpeg
Good forProduct launchBrandSocial media

Installed it? Tell others how it went. Reviews come from people who installed this skill.

Write a review

FAQ

Can I put my own video behind the headline?

No. The title card is placed on this film's screen and moved with its camera, so the footage is part of the design. Every word and link is yours through hero.json; the footage, colors, fonts and layout stay as they are.

How long can the words be?

The script word takes up to 8 letters, each giant block word up to 7, the screen title up to 10 and the wordmark up to 10. The build lists every field that is too long and writes nothing until they are fixed. Words made mostly of wide letters such as M and W can still be too wide, so look at the page before you ship it.

What do visitors see if the film cannot play?

The last frame as a picture, with every word and the title card in place. That covers reduced motion, no GSAP, blocked autoplay, a film that takes more than 8 seconds to start, or a page opened from disk instead of a web server.

Which agents is Drive-In Hero written for?

Any agent that reads SKILL.md folders, including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI and OpenCode.

Do I own what I make with it?

Yes. Everything your agent makes with this skill is yours, including for client and commercial work.

What if it doesn’t work for me?

Email support@lookbk.dev within 7 days of buying and we’ll fix it or refund you.

Credits and licensesBuilt on greensock/GSAP

What Lookbk adds on top of greensock/GSAP (Standard License): the footage, which was generated for Lookbk (a still image animated into film), and the layout, template and Footage Heroes kit, all written for Lookbk. GSAP (free under its Standard License) loads from a pinned CDN with SRI; the fonts are from Google Fonts.

Credits and licenses for the open-source software and fonts it uses are in NOTICE.md inside the download.