37-second example rendered by this skill from examples/halyard-launch · 1280×720
About this skill
What Lookbook adds on top of heygen-com/hyperframes: Lookbook designed the 25 scenes and wrote the package from scratch on HyperFrames. That covers the scene library, the shared toolkit and themes, the storyboard checker and beat grid, the Chrome capture script, the per-scene cutter and the beat fitting for your own track. Credits and licenses for the open-source software and fonts it uses are in NOTICE.md inside the download.
Example request
Read https://halyard.example and make a 40-second launch video for our 4.3 release with the Launch Scene Kit: one scene per beat, our blue #2f5bff, light theme, ending on a "Start for free" button.
How it works
Your agent
- 1
Make the project
Ask the person, if they haven't said.
- 2
Read the product
It prints the page's title, description, headings, navigation, calls to action, colours and fonts.
- 3
Capture the real screens
Demo scenes and
hook-masked-wordtake screens. - 4
Pick the scenes and write the brief
A tight launch video is one scene per beat, in this order: hook, demo, how it works, proof, close.
- 5
Apply the brief
It checks the whole brief against the scene specs and, if anything is wrong, lists every problem at once, with the fix.
- 6
Check
"ok": truemeans it can render. - 7
Look before you render
Run the
snapshotcommandapply-briefprinted. - 8
Render, then cut one clip per scene
npm run renderdoes the first, andnpm run render:4krenders 3840×2160 (the same layout at twice the detail; it takes about four times as long). - 9
Music
No music ships with this skill, and none is generated.
- 10
Hand it off
Give the person
renders/launch-film.mp4, the clips inrenders/scenes/, two or three stills fromsnapshots/, and the brief.
- 1
You get
- renders/launch-film.mp4


What you need
- Node.js 22 or newer and FFmpeg (with
ffprobe) on the PATH. - Chrome, Chromium or Edge, for capturing screens. Set
CHROME_PATHif it isn't in the usual place. - HyperFrames runs through
npx, pinned to the version this kit was tested with:npx --yes hyperframes@0.8.192. The first render downloads a headless Chrome of its own. Ifrendersays Chrome is missing, runnpx --yes hyperframes@0.8.192 browser ensureonce. - Network access to
fonts.googleapis.com(Geist, Geist Mono and Instrument Serif) andcdn.jsdelivr.net(GSAP). See Troubleshooting if either is blocked. - Music is optional and not included. Bring a track the person has a licence for (step 9).
If something goes wrong
Render hangs, then shows a static frame, or reports
sub_timeline_script_failure.GSAP didn't load. If your network blocks
cdn.jsdelivr.net, runnpm i gsap@3.14.2, copynode_modules/gsap/dist/gsap.min.jstoassets/vendor/, and point the<script src>inindex.htmlatassets/vendor/gsap.min.js.preview-scene.mjsdoes this for you whenGSAP_FILEnames a local copy.The text is in the wrong font.
fonts.googleapis.comwas unreachable during the render. HyperFrames caches the fonts after one successful fetch."is not in the library".
A scene id is misspelt.
list-scenes.mjslists them.
What’s in the download
- SKILL.md16.6 KB
- examples/three example films for a made-up product, one per theme (
halyard-launchin daylight,halyard-midnight,halyard-poster), each with five or six scenes.examples/sampler/holds the drawn screens and logo they and the scene examples use. - examples/halyard-cinema/1.53 KB1 file
- examples/halyard-cutout/1.60 KB1 file
- examples/halyard-glass/1.99 KB1 file
- scripts/
- scripts/apply-brief.mjs22.7 KBchecks a brief against the specs, times it on the beat grid and writes it into the project, with
cues.csv. - scripts/capture.mjs23.9 KBreads a site (
--read) and captures screens fromshots.jsonwith Chrome. - scripts/chrome.mjs3.63 KBshared helpers.
- scripts/color.mjs1.40 KB
- scripts/list-scenes.mjs1.79 KBthe library, with fields and limits.
- scripts/preview-scene.mjs4.59 KBrenders stills of scenes from their own examples.
- scripts/specs.mjs1.35 KB
- scripts/split-scenes.mjs1.65 KBcuts a rendered film into one MP4 per scene.
- scripts/sync-music.mjs9.61 KBfits
tempoandmusic.startto a licensed track. - template/the HyperFrames project.
- template/scenes/
- template/scenes/close-cta-click.css2.74 KB
- template/scenes/close-cta-click.js7.00 KB
- template/scenes/close-cta-click.json865 B
- template/scenes/close-date-flip.css2.92 KB
- template/scenes/close-date-flip.js6.19 KB
- template/scenes/close-date-flip.json911 B
- template/scenes/close-logo-burst.css2.08 KB
- template/scenes/close-logo-burst.js4.70 KB
- template/scenes/close-logo-burst.json666 B
- template/scenes/close-pricing-card.css3.15 KB
- template/scenes/close-pricing-card.js5.81 KB
- template/scenes/close-pricing-card.json1.45 KB
- template/scenes/close-url-bar.css3.53 KB
- template/scenes/close-url-bar.js5.69 KB
- template/scenes/close-url-bar.json593 B
- template/scenes/demo-before-after.css1.72 KB
- template/scenes/demo-before-after.js3.87 KB
- template/scenes/demo-before-after.json1.09 KB
- template/scenes/demo-phone-scroll.css1.65 KB
- template/scenes/demo-phone-scroll.js4.12 KB
- template/scenes/demo-phone-scroll.json1017 B
- template/scenes/demo-screen-fan.css717 B
- template/scenes/demo-screen-fan.js4.66 KB
- template/scenes/demo-screen-fan.json1.17 KB
- template/scenes/demo-window-push.css1.68 KB
- template/scenes/demo-window-push.js4.91 KB
- template/scenes/demo-window-push.json1.46 KB
- template/scenes/demo-zoom-tour.css1.26 KB
- template/scenes/demo-zoom-tour.js4.95 KB
- template/scenes/demo-zoom-tour.json1.36 KB
- template/scenes/hook-clock-count.css1.69 KB
- template/scenes/hook-clock-count.js4.82 KB
- template/scenes/hook-clock-count.json825 B
- template/scenes/hook-masked-word.css1.13 KB
- template/scenes/hook-masked-word.js7.56 KB
- template/scenes/hook-masked-word.json886 B
- template/scenes/hook-question-strike.css1.24 KB
- template/scenes/hook-question-strike.js4.52 KB
- template/scenes/hook-question-strike.json1.13 KB
- template/scenes/hook-type-on.css908 B
- template/scenes/hook-type-on.js3.17 KB
- template/scenes/hook-type-on.json782 B
- template/scenes/hook-word-stack.css692 B
- template/scenes/hook-word-stack.js4.46 KB
- template/scenes/hook-word-stack.json834 B
- template/scenes/how-chat-thread.css3.02 KB
- template/scenes/how-chat-thread.js5.55 KB
- template/scenes/how-chat-thread.json1.93 KB
- template/scenes/how-flow-hub.css2.91 KB
- template/scenes/how-flow-hub.js6.30 KB
- template/scenes/how-flow-hub.json1.72 KB
- template/scenes/how-integrations-orbit.css2.10 KB
- template/scenes/how-integrations-orbit.js5.79 KB
- template/scenes/how-integrations-orbit.json1.38 KB
- template/scenes/how-prompt-result.css4.22 KB
- template/scenes/how-prompt-result.js6.58 KB
- template/scenes/how-prompt-result.json1.39 KB
- template/scenes/how-steps-track.css2.64 KB
- template/scenes/how-steps-track.js5.55 KB
- template/scenes/how-steps-track.json1.46 KB
- template/scenes/proof-bar-race.css2.15 KB
- template/scenes/proof-bar-race.js4.48 KB
- template/scenes/proof-bar-race.json1.49 KB
- template/scenes/proof-big-number.css1.75 KB
- template/scenes/proof-big-number.js3.72 KB
- template/scenes/proof-big-number.json1.14 KB
- template/scenes/proof-name-marquee.css2.46 KB
- template/scenes/proof-name-marquee.js4.67 KB
- template/scenes/proof-name-marquee.json1023 B
- template/scenes/proof-quote-card.css1.68 KB
- template/scenes/proof-quote-card.js4.46 KB
- template/scenes/proof-quote-card.json1.24 KB
- template/scenes/proof-stat-tiles.css1.56 KB
- template/scenes/proof-stat-tiles.js4.13 KB
- template/scenes/proof-stat-tiles.json1.90 KB
- template/styles/
- template/styles/cinema/
- template/styles/cinema/style.css26.3 KB
- template/styles/cinema/style.js33.6 KB
- template/styles/cinema/style.json561 B
- template/styles/cutout/
- template/styles/cutout/style.css27.6 KB
- template/styles/cutout/style.js68.4 KB
- template/styles/cutout/style.json518 B
- template/styles/glass/
- template/styles/glass/style.css61.6 KB
- template/styles/glass/style.js54.1 KB
- template/styles/glass/style.json557 B
- template/styles/halftone/
- template/styles/halftone/style.css39.2 KB
- template/styles/halftone/style.js58.3 KB
- template/styles/halftone/style.json584 B
- template/styles/ink/
- template/styles/ink/style.css31.7 KB
- template/styles/ink/style.js80.1 KB
- template/styles/ink/style.json495 B
- template/styles/megatype/
- template/styles/megatype/style.css48.3 KB
- template/styles/megatype/style.js54.4 KB
- template/styles/megatype/style.json474 B
- template/hyperframes.json318 B
- template/index.html2.22 KBholds the stage;
apply-briefwrites the clips and the scene files into it. - template/kit.css5.55 KBholds the colour roles and the shared parts.
- template/kit.js15.3 KBbuilds the stage and the timeline, and holds the toolkit the scenes use (windows, phones, cursor clicks, push-ins, counters, icons, text fitting).
- template/package.json417 B
- NOTICE.md1.41 KBthird-party software this skill uses.
123 files · 968 KB · installs to ~/.claude/skills/launch-scene-kit for Claude Code and ~/.agents/skills/launch-scene-kit for other agents
Credits and licenses: NOTICE.md plus any LICENSE files inside the ZIP.
Similar Skills
View allWhat you get
- 25 original scenes in five beats: typed hooks, word stacks, stopwatch counters, a word your product shows through, window push-ins, before/after sweeps, phone scrolls, screen fans, zoom tours, step tracks, flow hubs, prompt-to-result, chat threads, integration orbits, odometer numbers, bar races, quote cards, name marquees, stat tiles, logo bursts, a clicked CTA, a typed URL, a pricing card and a split-flap date
- Three themes that every scene supports (daylight, midnight and a poster stage in your accent) with your brand color worked into every role and kept readable
- A storyboard checker that knows every scene's fields and limits and lists every problem at once
- One MP4 for the whole film, up to 4K, plus one MP4 per scene cut on its bar lines
- Real screens captured from your app with Chrome, and a script that fits the tempo to the track you license
- Three made-up example films, one per theme, and a stills preview of any scene before you use it
- Open-source licenses for every part it builds on
Good fit
- Teams launching a product or a feature can choose one scene for each beat (hook, demo, how it works, proof, close) and get one finished film.
- Teams with a live site or app can capture their real screens with Chrome, so the film shows the product itself and not a mock-up.
- Brands with a color can set one accent on a light, dark or poster stage, and the kit keeps every text color readable on it.
Not for
- Music: none ships and none is generated, so bring a track you may use
- AI-generated footage or voice-over: every frame is built from the scenes and your screens
- Vertical or square social cuts (16:9 only)
Compatibility
Written for
See all 31 agents that read skill folders.
Install guides
For your agent
Generates with
Written for any agent that reads SKILL.md folders. Added Oct 25, 2026. Commercial use of everything you make is included.
Reviews
No reviews yet
Be the first to rate it. Anyone who installs this skill can leave a review.
Reviews come from people who installed this skill.
Write a reviewFAQ
How long is the film, and can I slow it down?
Five scenes at their default lengths run about 30 to 40 seconds. Each scene has a default length in bars and a range it accepts, and the tempo can be anything from 70 to 160 beats per minute (default 104). More bars or a lower tempo make a calmer, longer film.
Can I make a film before the product is live?
Yes. Draw the screens as SVG at the same size a capture would be, as the sampler example does. Only the demo scenes and the hook-masked-word scene take screens. A drawn screen is a mock-up, not the product, so say so to anyone who sees the film.
Does it come with music?
No. No music ships and none is generated, so bring a track you have the license for. The sync-music script then fits the tempo to its beats so every cut lands on a bar line. With no track, the check shows one film_silent warning.
Which agents is Launch Scene Kit 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.






