40-second example rendered by this skill from examples/lantern · 1280×720
What you get
- Six plasticine clay 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
- Developer tools, infrastructure and AI products can launch with a stop-motion space crew instead of another dark dashboard film.
- Teams shipping at night get a moon set that suits on-call, deploy and monitoring stories.
- Brands with a yellow, violet or cyan accent get a clay mate in that color to press the button.
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 plasticine clay toys: a clay rocket, a crescent moon, a ringed planet, a comet, a flying saucer and a little alien. They drop onto a cardboard moon set 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 Clay Crew launch film for https://lantern.example, our observability tool going GA: traces, incidents and the service map, and "Launch" on the big button.
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/lantern/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.91 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.json956 Bthe crew's files, names, colours and heights
- template/crew/theme.css1.42 KBthe plasticine clay 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.md940 B
- TESTED.json353 B
31 files · 186 KB · installs to ~/.claude/skills/clay-crew-launch-film for Claude Code and ~/.agents/skills/clay-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 Clay 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 plasticine clay 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 Clay 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 Clay 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.