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/vacancy, working in your browser. Opens in a new tab.

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

What you get

  • A one-page hero and a paste-in embed with your name, words, numbers and links
  • The sign cut out of every frame and drawn over the giant headline
  • The intro animation tied to the film's own clock, so words and picture stay in step
  • A phone layout: the headline stays in the frame, the introduction and buttons move into a block underneath
  • Stills of the last frame for reduced motion, no WebGL, 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

  • Late-night, travel and hospitality brands can open on a neon sign buzzing on over a desert motel at dusk, with the sky turning from pink to blue.
  • Anyone who wants words behind a moving subject gets a giant block headline with the sign cut out of every frame and drawn over it.
  • Brands with a real number to show can have a stat count up from zero during the film, beside a postage stamp and a postmark in their own words.

Not for

  • Swapping in your own video: the matte is made for this film, and the scene (a neon motel sign at dusk) is the design
  • Changing the colors, fonts or layout through settings (every word, number and link is yours; the look is fixed)
  • Long headlines: each field has a length limit the build enforces
  • 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 neon MOTEL sign with a star and an arrow buzzes into life over a desert motel at dusk while the sky turns from pink to deep blue. A giant cream block headline sits behind the sign, which is cut out of every frame and drawn over the words, with a neon script word that flickers on letter by letter above it. Around it: a neon wordmark and links, a key-fob button, a postage stamp and postmark, counting stats 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 Neon Motel hero for our late-night delivery app: script word 'Late', big words 'Open late', our links and buttons, and record the video for our launch post.

Similar Skills

View all
Mixtape Hero: an example of what it makes
New
web
Mixtape HeroWebGLClaude CodeCodexCursor+3 more agents
Shuttle Launch Hero: an example of what it makes
New
web
Shuttle Launch HeroWebGLClaude CodeCodexCursor+3 more agents
Disco Rink Hero: an example of what it makes
New
web
Disco Rink HeroWebGLClaude CodeCodexCursor+3 more agents
Arcade Raccoon Hero: an example of what it makes
New
web
Arcade Raccoon HeroWebGLClaude CodeCodexCursor+3 more agents
Roller Diner Hero: an example of what it makes
FreeNew
web
Roller Diner HeroWebGLClaude CodeCodexCursor+3 more agents
Surf Van Hero: an example of what it makes
New
web
Surf Van HeroFFmpegClaude CodeCodexCursor+3 more agents
Den Computer Hero: an example of what it makes
New
web
Den Computer HeroWebGLClaude CodeCodexCursor+3 more agents
Scroll Route Hero: an example of what it makes
New
web
Scroll Route HeroFFmpegClaude CodeCodexCursor+3 more agents

Details

Output
Retro hero on generated footage · words behind the subject · 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 · 8 skills
Updated
Oct 26, 2026
Checked
Oct 26, 2026: its own commands ran and passed. That is a working check, not a security audit.

Generates with

Footage generated for Lookbk, with a per-frame matte of the subjectGSAP 3.14.2 (pinned CDN, SRI)WebGL subject cut-out in the browserHeadless 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 matte that cuts the sign out was made for this film, so the footage is part of the design, and the sign says MOTEL. Every word, number and link is yours through hero.json; the footage, colors, fonts and layout stay as they are.

How long can the words be?

The neon script word takes up to 6 letters, the giant block words up to 9 characters with the space, and the wordmark up to 10. The build lists every field that is too long and writes nothing until they are fixed. The check fails if anything spills or overlaps.

What do visitors see if the film cannot play?

The last frame and the sign cut out of it, as pictures, with every word in place. That covers reduced motion, no WebGL or 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 Neon Motel 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, with the matte cut from every frame), 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.