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

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

What you get

  • A one-page hero and a paste-in embed with your name, words, numbers and links
  • Words laid over the film in the open sky and sea (nothing is cut out: the car drives through the other half of the frame)
  • The intro animation tied to the film's own clock, so words and picture stay in step
  • A licence plate and an odometer whose digits spin and land, both in your own words and numbers
  • A phone layout: the headline and plate stay in the frame, the introduction and buttons move into a block underneath
  • A still of the car in full sun 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

  • Car rentals, classic-car tours, road-trip and travel brands can open on a red sixties convertible taking an ocean cliff road at golden hour, a scarf streaming from the window.
  • Brands with a short, punchy line get two giant italic words that whoosh in trailing racing stripes, under a brush-script line written on like fender chrome.
  • Anyone with a route, a distance or a year to show can put it on a highway shield, a yellow licence plate and an odometer whose wheels spin and land.

Not for

  • Swapping in your own video: the layout is composed around this film, and the scene (a red sixties convertible on a coast road at sunset) is the design
  • Changing the colors, fonts or layout through settings (every word, number and link is yours; the look is fixed)
  • Long headlines: the two giant words take up to five characters each so they stay clear of the car
  • 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 red early-1960s convertible with a scarf streaming from the window takes a cliff road above the ocean at golden sunset, the sun flaring across its chrome, until it pulls ahead out of frame. In the open sky on the left, a brush-script line is written on and two giant italic words with a red extrude whoosh in trailing racing-stripe speed lines. Around them: a chrome-ringed script badge and links, a highway-shield road sign, a yellow licence plate that swings in, a red chrome-ringed button and an odometer whose wheels spin and land. 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 Coast Convertible hero for our classic-car tour company: script line 'drive the', giant words 'Open' and 'Road.', our route on the road sign, our plate and links, and record the video for our summer post.

Similar Skills

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

Details

Output
Retro hero on generated footage · words over the film · 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 Lookbk with Seedance 2.0 from an original stillGSAP 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 layout is composed around this film: the words sit in the sky and sea on the left while the car drives through the right half, so the footage is part of the design. 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 brush-script line takes up to 10 characters and each of the two giant words up to 5, punctuation included, so they stay clear of the car. The wordmark takes up to 9, the plate number up to 7 and the odometer up to six digits. 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 frame at 2.3 seconds, with the car in full sun and the scarf flying, as a picture with every word 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. The film itself ends on the car pulling out of frame and holds that last frame.

Which agents is Coast Convertible 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 Seedance 2.0), 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.