40-second example rendered by this skill from examples/nightly · 1280×720
What you get
- Six glossy inflatable vinyl characters as transparent cut-outs, with names, colors and a matching set
- A 40 s MP4 at 1080p or 4K, every move on the beat
- An original soundtrack written by code, with a sound on every drop, press and pop, free to use
- Your logo, hero line, three screens, three steps and URL, checked for length before the render
- The mate closest to your brand color presses the button; banners and pins take your accent
- Two made-up example films to start from
- Open-source licenses for every part it builds on
Good fit
- Summer launches, creator tools and newsletters can open on a bright pool deck with glossy toys that read well on a phone.
- Consumer apps with a pink, blue or orange palette get a pool toy in that color to press the button.
- Teams that want one playful launch clip for X, LinkedIn and YouTube get it from one brief, with an original soundtrack.
Not for
- Serious or corporate brands (see Launch Film: Porcelain)
- Films longer than 40 seconds or more than three features
- Vertical or square social cuts (16:9 only)
About this skill
A 40-second launch film starring six glossy inflatable vinyl toys: an inflatable lemon, a whale, a flamingo float, a sprinkled donut ring, a crocodile and an orange slice. They drop onto a sunny pool deck on the beat, hang a banner with your logo, carry in three real screenshots, jump on a big button in your brand color for three steps, hold up three signs and jump on the final hit under confetti. It comes with its own beat-synced toy-pop soundtrack and sound effects.
Example request
Make a Float Crew launch film for https://nightly.example: dark mode, sunset switching and the editor, ending on "Out now on every device".
How it works
Your agent
- 1
Read the product
It prints the page title, description, headings, calls to action, colours and fonts, and saves
site.json(andlogo.svgwhen the header has an inline SVG logo). - 2
Get three screens
Three screenshots of the real product, 16:10 or close (1440×900 is ideal).
- 3
Write the brief
Start from
<skill>/examples/nightly/brief.json. - 4
Make the film
It copies the template with this skill's crew into
my-film/, writessoundtrack.wav(an original toy-pop track with every sound effect on the cue sheet;--key Dor--key Gchanges its key,--no-musicskips it), applies the brief and rendersmy-film/renders/<name>-1080p.mp4. - 5
Check before you hand it over
Look at the sheet.
- 1
You get
What you need
- Node.js 22 or newer and FFmpeg on the PATH.
- HyperFrames runs through
npx, pinned to the version this skill was tested with:npx --yes hyperframes@0.8.192. The first render downloads a headless Chrome of its own (npx --yes hyperframes@0.8.192 browser ensureif it says Chrome is missing). - Network access to
fonts.googleapis.comandcdn.jsdelivr.net(GSAP) while rendering. If jsDelivr is blocked, setGSAP_FILEto a localgsap.min.js(3.14.2) andmake-film.mjsuses it. - Chrome (or Chromium/Edge) for
capture.mjswhen you read a real site.
Last checked Nov 1, 2026: the package’s own build and render commands ran and passed.
If something goes wrong
A line shrinks or prints
[toy-crew] text too long.Every line has a size it shrinks to before it gives up. Shorten the words in the brief;
apply-brief.mjsalso lists lines over their character limit.The render stops with "Chrome is missing".
Run
npx --yes hyperframes@0.8.192 browser ensureonce, then render again.The film renders with plain fonts or stops before the first frame.
The render could not reach
fonts.googleapis.comorcdn.jsdelivr.net. Allow them, or setGSAP_FILEto a localgsap.min.js3.14.2 for GSAP.
What’s in the download
- SKILL.md9.93 KB
- examples/
- examples/lantern/48.6 KB7 files
- examples/nightly/34.7 KB6 files
- scripts/
- scripts/apply-brief.mjs8.67 KBchecks the brief, copies the mark and screens, assigns the crew's roles and writes
storyboard.js - scripts/capture.mjs23.9 KBreads a site (title, headings, colours, logo) and takes screenshots with your Chrome
- scripts/chrome.mjs3.63 KB
- scripts/color.mjs1.40 KB
- scripts/make-film.mjs3.70 KBone command from brief to MP4 (template, music, brief, render)
- scripts/music.mjs10.4 KBwrites the original 120 BPM toy-pop soundtrack with sound effects on the cue sheet
- template/
- template/crew/
- template/crew/crew.json973 Bthe crew's files, names, colours and heights
- template/crew/theme.css1.47 KBthe glossy inflatable vinyl look of every banner, card, sign and button
- template/cues.json695 Bthe beat sheet the picture and the music share
- template/film.css9.66 KB
- template/film.js24.6 KBthe six-scene choreography on one GSAP timeline
- template/hyperframes.json298 B
- template/index.html2.26 KB
- template/package.json199 B
- template/storyboard.js117 B
- NOTICE.md947 B
- TESTED.json353 B
31 files · 186 KB · installs to ~/.claude/skills/float-crew-launch-film for Claude Code and ~/.agents/skills/float-crew-launch-film for other agents
Credits and licenses: NOTICE.md plus any LICENSE files inside the ZIP.
Similar Skills
View allDetails
- Output
- MP4 · 40 s · 1080p or 4K · with music
- Needs
- Node.js 22+, FFmpeg and Chrome
- Series
- Toy Crew Films · 4 skills
- Updated
- Nov 2, 2026
- Checked
- Nov 1, 2026: its own commands ran and passed. That is a working check, not a security audit.
Written for
See all 31 agents that read skill folders.
Install guides
For your agent
Generates with
Installed it? Tell others how it went. Reviews come from people who installed this skill.
Write a reviewFAQ
Do I have to animate anything?
No. The six scenes are fixed and timed to a 120 BPM cue sheet. You write a short brief with your name, mark, color, two hero lines, three features with screenshots, three steps, three signs and an end line, and make-film.mjs renders the MP4.
Where does the music come from?
music.mjs writes it: a 40 second toy-pop track with ukulele, glockenspiel, bass and soft drums, with a sound on every drop, press, pop and the confetti, all placed on the same cue sheet as the picture. It is generated by code in the package, so you may use it anywhere. You can also pass your own licensed track in the brief.
Can I change the Float Crew characters?
The six characters and the set ship as files in template/crew: transparent WebP cut-outs, a crew.json with each name, color and height, a theme.css for the glossy inflatable vinyl look and the stage photo. You can swap a character for your own cut-out of the same kind and list it in crew.json.
Which agents is Float Crew Launch Film 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 heygen-com/hyperframes
What Lookbk adds on top of heygen-com/hyperframes (Apache-2.0): Lookbk made this package from scratch: the Float Crew characters and set were generated and cut out for Lookbk, and the six-scene choreography, cue sheet, music generator and brief checker were written for it on HyperFrames.
Credits and licenses for the open-source software and fonts it uses are in NOTICE.md inside the download.