https://lookbk.dev/2026-11-02 https://lookbk.dev/skills2026-11-02 https://lookbk.dev/skills/agent2026-10-26 https://lookbk.dev/pricing2026-11-01 https://lookbk.dev/affiliates2026-10-26 https://lookbk.dev/drops2026-11-02 https://lookbk.dev/drops/2026-10-272026-10-27 https://lookbk.dev/drops/2026-10-202026-10-20 https://lookbk.dev/learn2026-11-01 https://lookbk.dev/skills/kinetic-title-drop2026-10-26https://lookbk.dev/media/kinetic-title-drop/card.webp?v=1985e88bhttps://lookbk.dev/media/kinetic-title-drop/still-1.webp?v=cd70e52chttps://lookbk.dev/media/kinetic-title-drop/still-2.webp?v=b2e35e6ahttps://lookbk.dev/media/kinetic-title-drop/example-2.webp?v=59fc0cfehttps://lookbk.dev/media/kinetic-title-drop/poster.webp?v=9950e3c1Kinetic Title Drop: example video made with the skillThree-beat kinetic type for openers, reels and announcements. Write three lines, pick a palette, and your agent renders a six-second MP4.https://lookbk.dev/media/kinetic-title-drop/clip.mp4?v=e9e5730962026-10-24yes https://lookbk.dev/skills/launch-film-porcelain2026-10-26https://lookbk.dev/media/launch-film-porcelain/card.webp?v=01ab4c4fhttps://lookbk.dev/media/launch-film-porcelain/still-1.webp?v=9d0e4fbdhttps://lookbk.dev/media/launch-film-porcelain/still-2.webp?v=b1602d4dhttps://lookbk.dev/media/launch-film-porcelain/still-3.webp?v=f198774ahttps://lookbk.dev/media/launch-film-porcelain/still-4.webp?v=696bc1f4https://lookbk.dev/media/launch-film-porcelain/still-5.webp?v=d0a4c68ahttps://lookbk.dev/media/launch-film-porcelain/example-2.webp?v=f93455b2https://lookbk.dev/media/launch-film-porcelain/poster.webp?v=91811bc3Launch Film: Porcelain: example video made with the skillA keynote-style launch film made from your product's site and real screens. Your agent reads the site, captures your interface with Chrome, writes a storyboard on a beat grid and renders a light, calm film. It has a title, the problem, 3–5 product moments with slow push-ins, cursor clicks, before/after reveals and callouts, a feature grid and an end card with your URL. Bring a licensed track and every cut lands on its bars.https://lookbk.dev/media/launch-film-porcelain/clip.mp4?v=7cba81a7652026-10-25yes https://lookbk.dev/skills/launch-film-after-hours2026-10-26https://lookbk.dev/media/launch-film-after-hours/card.webp?v=ce2d0558https://lookbk.dev/media/launch-film-after-hours/still-1.webp?v=5689e809https://lookbk.dev/media/launch-film-after-hours/still-2.webp?v=d2872f4bhttps://lookbk.dev/media/launch-film-after-hours/still-3.webp?v=91c6f6d6https://lookbk.dev/media/launch-film-after-hours/still-4.webp?v=cfc033eehttps://lookbk.dev/media/launch-film-after-hours/still-5.webp?v=31a5e740https://lookbk.dev/media/launch-film-after-hours/example-2.webp?v=2edc7923https://lookbk.dev/media/launch-film-after-hours/poster.webp?v=2dae8fcfLaunch Film: After Hours: example video made with the skillThe same launch-film workflow in a low-light look. Your real screens float on a deep navy night sky with drifting stars, lilac light glows behind every window, and the camera pushes in slowly. Dark-mode launches get a light-to-dark circle wipe straight from your theme toggle. Cuts land on the bars of the track you license.https://lookbk.dev/media/launch-film-after-hours/clip.mp4?v=bd2a19ba602026-10-25yes https://lookbk.dev/skills/felt-crew-launch-film2026-11-02https://lookbk.dev/media/felt-crew-launch-film/card.webp?v=562d7671https://lookbk.dev/media/felt-crew-launch-film/still-1.webp?v=8eb596d6https://lookbk.dev/media/felt-crew-launch-film/still-2.webp?v=1245b5e6https://lookbk.dev/media/felt-crew-launch-film/still-3.webp?v=0d3939d4https://lookbk.dev/media/felt-crew-launch-film/still-4.webp?v=ece26222https://lookbk.dev/media/felt-crew-launch-film/still-5.webp?v=acfc77f1https://lookbk.dev/media/felt-crew-launch-film/still-6.webp?v=9e4df4eahttps://lookbk.dev/media/felt-crew-launch-film/example-2.webp?v=9fd920d2https://lookbk.dev/media/felt-crew-launch-film/poster.webp?v=1245b5e6Felt Crew Launch Film: example video made with the skillA 40-second launch film starring six needle-felted wool toys: a felt mushroom, a snail, a moth, a pebble in a scarf, a radish and a hedgehog. They drop onto a sunny craft table 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.https://lookbk.dev/media/felt-crew-launch-film/clip.mp4?v=f6c2a641402026-11-01yes https://lookbk.dev/skills/knit-crew-launch-film2026-11-02https://lookbk.dev/media/knit-crew-launch-film/card.webp?v=bf9d47f1https://lookbk.dev/media/knit-crew-launch-film/still-1.webp?v=0f5b201bhttps://lookbk.dev/media/knit-crew-launch-film/still-2.webp?v=c2709471https://lookbk.dev/media/knit-crew-launch-film/still-3.webp?v=47c932adhttps://lookbk.dev/media/knit-crew-launch-film/still-4.webp?v=24a71ceehttps://lookbk.dev/media/knit-crew-launch-film/still-5.webp?v=5bd6b318https://lookbk.dev/media/knit-crew-launch-film/still-6.webp?v=74090092https://lookbk.dev/media/knit-crew-launch-film/example-2.webp?v=9fae65cahttps://lookbk.dev/media/knit-crew-launch-film/poster.webp?v=c2709471Knit Crew Launch Film: example video made with the skillA 40-second launch film starring six crocheted cotton yarn toys: crocheted toast, a fried egg, a coffee mug, a strawberry, a pancake stack and a milk carton. They drop onto a morning kitchen counter 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.https://lookbk.dev/media/knit-crew-launch-film/clip.mp4?v=3aeb5f4f402026-11-01yes https://lookbk.dev/skills/clay-crew-launch-film2026-11-02https://lookbk.dev/media/clay-crew-launch-film/card.webp?v=6778b330https://lookbk.dev/media/clay-crew-launch-film/still-1.webp?v=e3dadb71https://lookbk.dev/media/clay-crew-launch-film/still-2.webp?v=0201cb8ahttps://lookbk.dev/media/clay-crew-launch-film/still-3.webp?v=ce6071c5https://lookbk.dev/media/clay-crew-launch-film/still-4.webp?v=61737b78https://lookbk.dev/media/clay-crew-launch-film/still-5.webp?v=a3100e3fhttps://lookbk.dev/media/clay-crew-launch-film/still-6.webp?v=e8c2a890https://lookbk.dev/media/clay-crew-launch-film/example-2.webp?v=f655cc57https://lookbk.dev/media/clay-crew-launch-film/poster.webp?v=0201cb8aClay Crew Launch Film: example video made with the skillA 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.https://lookbk.dev/media/clay-crew-launch-film/clip.mp4?v=47c26d88402026-11-01yes https://lookbk.dev/skills/float-crew-launch-film2026-11-02https://lookbk.dev/media/float-crew-launch-film/card.webp?v=203f2771https://lookbk.dev/media/float-crew-launch-film/still-1.webp?v=4d195852https://lookbk.dev/media/float-crew-launch-film/still-2.webp?v=43c615e9https://lookbk.dev/media/float-crew-launch-film/still-3.webp?v=1687909ahttps://lookbk.dev/media/float-crew-launch-film/still-4.webp?v=0ecee70fhttps://lookbk.dev/media/float-crew-launch-film/still-5.webp?v=d18a72edhttps://lookbk.dev/media/float-crew-launch-film/still-6.webp?v=8adb27fahttps://lookbk.dev/media/float-crew-launch-film/example-2.webp?v=cc61dbafhttps://lookbk.dev/media/float-crew-launch-film/poster.webp?v=43c615e9Float Crew Launch Film: example video made with the skillA 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.https://lookbk.dev/media/float-crew-launch-film/clip.mp4?v=d6263f50402026-11-01yes https://lookbk.dev/skills/launch-scene-kit2026-10-26https://lookbk.dev/media/launch-scene-kit/card.webp?v=9785d972https://lookbk.dev/media/launch-scene-kit/still-1.webp?v=befcec9fhttps://lookbk.dev/media/launch-scene-kit/still-2.webp?v=3e8dc86ehttps://lookbk.dev/media/launch-scene-kit/still-3.webp?v=5ddea33ahttps://lookbk.dev/media/launch-scene-kit/still-4.webp?v=fd14330chttps://lookbk.dev/media/launch-scene-kit/still-5.webp?v=f6139ccchttps://lookbk.dev/media/launch-scene-kit/still-6.webp?v=2ee18295https://lookbk.dev/media/launch-scene-kit/example-2-still-1.webp?v=eafefbc7https://lookbk.dev/media/launch-scene-kit/example-2-still-2.webp?v=81d6aee0https://lookbk.dev/media/launch-scene-kit/example-3-still-1.webp?v=356bb90dhttps://lookbk.dev/media/launch-scene-kit/example-3-still-2.webp?v=237c8d51https://lookbk.dev/media/launch-scene-kit/library.webp?v=e38db96ahttps://lookbk.dev/media/launch-scene-kit/poster.webp?v=ea924e9fLaunch Scene Kit: example video made with the skillA library of 25 designed motion scenes for launch videos, and the workflow to cut a film from them. Your agent reads your site, picks one scene for each beat (hook, product demo, how it works, proof, close), writes the copy, captures your real screens and renders one film in one look: light, dark or a poster stage in your brand color. Every scene stays editable, every cut lands on a bar line, and each scene is also cut as its own MP4.https://lookbk.dev/media/launch-scene-kit/clip.mp4?v=445cb92b372026-10-25yes https://lookbk.dev/skills/changelog-reel2026-10-26https://lookbk.dev/media/changelog-reel/card.webp?v=b5cb2693https://lookbk.dev/media/changelog-reel/still-1.webp?v=f5bdd7e8https://lookbk.dev/media/changelog-reel/still-2.webp?v=24bc144ahttps://lookbk.dev/media/changelog-reel/still-3.webp?v=033dd0ebhttps://lookbk.dev/media/changelog-reel/example-2.webp?v=b610b457https://lookbk.dev/media/changelog-reel/poster.webp?v=99cedfc3Changelog Reel: example video made with the skillTurns your commits or release notes into a 15-second update video: a terminal prints the git log, three highlights land one at a time, and an end card links your changelog.https://lookbk.dev/media/changelog-reel/clip.mp4?v=cb589e9d152026-10-24yes https://lookbk.dev/skills/data-story-bars2026-10-26https://lookbk.dev/media/data-story-bars/card.webp?v=063a6771https://lookbk.dev/media/data-story-bars/still-1.webp?v=7724185fhttps://lookbk.dev/media/data-story-bars/still-2.webp?v=696e3b58https://lookbk.dev/media/data-story-bars/example-2.webp?v=a0e0de32https://lookbk.dev/media/data-story-bars/poster.webp?v=839eeea9Data Story: Bars: example video made with the skillFeed it a CSV and a headline. Bars grow with counting values, a trend line draws through them, and the bar that matters gets a callout.https://lookbk.dev/media/data-story-bars/clip.mp4?v=dbf4acef122026-10-24yes https://lookbk.dev/skills/talking-head-overlays2026-10-26https://lookbk.dev/media/talking-head-overlays/card.webp?v=18f7e8e7https://lookbk.dev/media/talking-head-overlays/still-1.webp?v=646f2359https://lookbk.dev/media/talking-head-overlays/still-2.webp?v=bc1972echttps://lookbk.dev/media/talking-head-overlays/still-3.webp?v=f31cd4e0https://lookbk.dev/media/talking-head-overlays/still-4.webp?v=462f0d0chttps://lookbk.dev/media/talking-head-overlays/example-2.webp?v=559d7d98https://lookbk.dev/media/talking-head-overlays/alpha.webp?v=83fb7805https://lookbk.dev/media/talking-head-overlays/poster.webp?v=646f2359Talking-Head Overlays: example video made with the skillLower thirds, word-by-word captions, callout cards, chapter titles, a progress bar and a follow end card, all timed to your transcript. Your agent places each callout by quoting the words that trigger it, checks every moment for cut-off text and overlaps, then renders one finished MP4 over your footage or a transparent overlay for any editor.https://lookbk.dev/media/talking-head-overlays/clip.mp4?v=edd47e90332026-10-25yes https://lookbk.dev/skills/paper-cut-explainer2026-10-26https://lookbk.dev/media/paper-cut-explainer/card.webp?v=98d4ac30https://lookbk.dev/media/paper-cut-explainer/still-1.webp?v=a566f8c6https://lookbk.dev/media/paper-cut-explainer/still-2.webp?v=51ee4deehttps://lookbk.dev/media/paper-cut-explainer/still-3.webp?v=92655e0fhttps://lookbk.dev/media/paper-cut-explainer/still-4.webp?v=6d6f7458https://lookbk.dev/media/paper-cut-explainer/still-5.webp?v=966c95fbhttps://lookbk.dev/media/paper-cut-explainer/still-6.webp?v=ac0cc816https://lookbk.dev/media/paper-cut-explainer/example-2.webp?v=624ca62bhttps://lookbk.dev/media/paper-cut-explainer/poster.webp?v=3f9824e9Paper-Cut Explainer: example video made with the skillLayered paper hills that pan in parallax, a sun that clouds over, taped paper cards and a cut-paper picture for every step, all moving in stop-motion. Give your agent the problem, three steps, the result and a call to action, and it renders a warm 40-second explainer.https://lookbk.dev/media/paper-cut-explainer/clip.mp4?v=da656401402026-10-25yes https://lookbk.dev/skills/pixel-quest-promo2026-10-26https://lookbk.dev/media/pixel-quest-promo/card.webp?v=6eba24e4https://lookbk.dev/media/pixel-quest-promo/still-1.webp?v=0922f755https://lookbk.dev/media/pixel-quest-promo/still-2.webp?v=232f6993https://lookbk.dev/media/pixel-quest-promo/still-3.webp?v=6785bd92https://lookbk.dev/media/pixel-quest-promo/still-4.webp?v=a2d4bd4ahttps://lookbk.dev/media/pixel-quest-promo/still-5.webp?v=9275f542https://lookbk.dev/media/pixel-quest-promo/example-2.webp?v=4f587446https://lookbk.dev/media/pixel-quest-promo/poster.webp?v=8736ade1Pixel Quest Promo: example video made with the skillAn 8-bit promo that plays like a platform game: a title screen with a blinking PRESS START, three stages where a pixel hero grabs coins and knocks a power-up out of a block for each of your features, a live score, and an ending with your link. Every hit lands on a 120 BPM grid, and you get a cue sheet for adding chiptune.https://lookbk.dev/media/pixel-quest-promo/clip.mp4?v=89fee309202026-10-25yes https://lookbk.dev/skills/countdown-teaser2026-10-26https://lookbk.dev/media/countdown-teaser/card.webp?v=0b6a0081https://lookbk.dev/media/countdown-teaser/still-1.webp?v=81a935e5https://lookbk.dev/media/countdown-teaser/still-2.webp?v=b8fb6945https://lookbk.dev/media/countdown-teaser/still-3.webp?v=59b26128https://lookbk.dev/media/countdown-teaser/example-2.webp?v=7363c9b9https://lookbk.dev/media/countdown-teaser/poster.webp?v=6cbef04eCountdown Teaser: example video made with the skillA 3-2-1 countdown with heavy type and a color hit on every beat, ending on your reveal. One brief renders vertical for Stories and Reels or wide for X.https://lookbk.dev/media/countdown-teaser/clip.mp4?v=6c5abb0062026-10-24yes https://lookbk.dev/skills/swiss-grid-deck2026-10-26https://lookbk.dev/media/swiss-grid-deck/card.webp?v=5c1373e4https://lookbk.dev/media/swiss-grid-deck/slide-1.webp?v=21f9b7cdhttps://lookbk.dev/media/swiss-grid-deck/slide-2.webp?v=2ec65cd1https://lookbk.dev/media/swiss-grid-deck/slide-3.webp?v=ab9cac87https://lookbk.dev/media/swiss-grid-deck/slide-4.webp?v=17532ffehttps://lookbk.dev/media/swiss-grid-deck/slide-5.webp?v=054ab9dchttps://lookbk.dev/media/swiss-grid-deck/slide-6.webp?v=467163a5https://lookbk.dev/media/swiss-grid-deck/slide-7.webp?v=b0133a9ahttps://lookbk.dev/media/swiss-grid-deck/slide-8.webp?v=5f75cfafhttps://lookbk.dev/media/swiss-grid-deck/slide-9.webp?v=c2374531https://lookbk.dev/media/swiss-grid-deck/slide-10.webp?v=019ea71chttps://lookbk.dev/media/swiss-grid-deck/slide-11.webp?v=b96ddd86https://lookbk.dev/media/swiss-grid-deck/slide-12.webp?v=6e665cbe https://lookbk.dev/skills/field-journal-deck2026-10-26https://lookbk.dev/media/field-journal-deck/card.webp?v=a35985d3https://lookbk.dev/media/field-journal-deck/slide-1.webp?v=f2f7ead3https://lookbk.dev/media/field-journal-deck/slide-2.webp?v=1fd036cbhttps://lookbk.dev/media/field-journal-deck/slide-3.webp?v=f68533c5https://lookbk.dev/media/field-journal-deck/slide-4.webp?v=cb24544chttps://lookbk.dev/media/field-journal-deck/slide-5.webp?v=4432c6d8https://lookbk.dev/media/field-journal-deck/slide-6.webp?v=8365353bhttps://lookbk.dev/media/field-journal-deck/slide-7.webp?v=88a2a109https://lookbk.dev/media/field-journal-deck/slide-8.webp?v=ee04dbdfhttps://lookbk.dev/media/field-journal-deck/slide-9.webp?v=a685ee9chttps://lookbk.dev/media/field-journal-deck/slide-10.webp?v=2c2213f3https://lookbk.dev/media/field-journal-deck/slide-11.webp?v=5e911ea3https://lookbk.dev/media/field-journal-deck/slide-12.webp?v=d3fe4306 https://lookbk.dev/skills/thesis-defense-deck2026-10-26https://lookbk.dev/media/thesis-defense-deck/card.webp?v=2294bb31https://lookbk.dev/media/thesis-defense-deck/slide-1.webp?v=1593d427https://lookbk.dev/media/thesis-defense-deck/slide-2.webp?v=077403f8https://lookbk.dev/media/thesis-defense-deck/slide-3.webp?v=fa8e1171https://lookbk.dev/media/thesis-defense-deck/slide-4.webp?v=596f2899https://lookbk.dev/media/thesis-defense-deck/slide-5.webp?v=49c56e85https://lookbk.dev/media/thesis-defense-deck/slide-6.webp?v=c92994fdhttps://lookbk.dev/media/thesis-defense-deck/slide-7.webp?v=a26b9074https://lookbk.dev/media/thesis-defense-deck/slide-8.webp?v=019ae681https://lookbk.dev/media/thesis-defense-deck/slide-9.webp?v=be1ccf53https://lookbk.dev/media/thesis-defense-deck/slide-10.webp?v=2bd5a7cfhttps://lookbk.dev/media/thesis-defense-deck/slide-11.webp?v=f4357bcfhttps://lookbk.dev/media/thesis-defense-deck/slide-12.webp?v=7081190b https://lookbk.dev/skills/investor-memo-deck2026-10-26https://lookbk.dev/media/investor-memo-deck/card.webp?v=03883662https://lookbk.dev/media/investor-memo-deck/slide-1.webp?v=ebe45615https://lookbk.dev/media/investor-memo-deck/slide-2.webp?v=b88901b5https://lookbk.dev/media/investor-memo-deck/slide-3.webp?v=31ab3f6bhttps://lookbk.dev/media/investor-memo-deck/slide-4.webp?v=a0d1d170https://lookbk.dev/media/investor-memo-deck/slide-5.webp?v=1cc525bbhttps://lookbk.dev/media/investor-memo-deck/slide-6.webp?v=40326208https://lookbk.dev/media/investor-memo-deck/slide-7.webp?v=a2a29794https://lookbk.dev/media/investor-memo-deck/slide-8.webp?v=1ad0351dhttps://lookbk.dev/media/investor-memo-deck/slide-9.webp?v=8b93286fhttps://lookbk.dev/media/investor-memo-deck/slide-10.webp?v=5a88f0c9https://lookbk.dev/media/investor-memo-deck/slide-11.webp?v=d9f71902https://lookbk.dev/media/investor-memo-deck/slide-12.webp?v=6c9ce23a https://lookbk.dev/skills/sketchnote-workshop-deck2026-10-26https://lookbk.dev/media/sketchnote-workshop-deck/card.webp?v=7bbd3594https://lookbk.dev/media/sketchnote-workshop-deck/slide-1.webp?v=a87d26e6https://lookbk.dev/media/sketchnote-workshop-deck/slide-2.webp?v=91f71667https://lookbk.dev/media/sketchnote-workshop-deck/slide-3.webp?v=9410991bhttps://lookbk.dev/media/sketchnote-workshop-deck/slide-4.webp?v=23fcd25ahttps://lookbk.dev/media/sketchnote-workshop-deck/slide-5.webp?v=8a4c74f6https://lookbk.dev/media/sketchnote-workshop-deck/slide-6.webp?v=3a30c703https://lookbk.dev/media/sketchnote-workshop-deck/slide-7.webp?v=3dc2ec7ahttps://lookbk.dev/media/sketchnote-workshop-deck/slide-8.webp?v=7fd28e73https://lookbk.dev/media/sketchnote-workshop-deck/slide-9.webp?v=d8a19466https://lookbk.dev/media/sketchnote-workshop-deck/slide-10.webp?v=842cf9b6https://lookbk.dev/media/sketchnote-workshop-deck/slide-11.webp?v=e054aefdhttps://lookbk.dev/media/sketchnote-workshop-deck/slide-12.webp?v=74e9fdd3https://lookbk.dev/media/sketchnote-workshop-deck/slide-13.webp?v=56108312 https://lookbk.dev/skills/glass-keynote-deck2026-10-26https://lookbk.dev/media/glass-keynote-deck/card.webp?v=1e78cf03https://lookbk.dev/media/glass-keynote-deck/slide-1.webp?v=660a0f12https://lookbk.dev/media/glass-keynote-deck/slide-2.webp?v=bc117175https://lookbk.dev/media/glass-keynote-deck/slide-3.webp?v=8ad1ed80https://lookbk.dev/media/glass-keynote-deck/slide-4.webp?v=c7306c02https://lookbk.dev/media/glass-keynote-deck/slide-5.webp?v=90e3304fhttps://lookbk.dev/media/glass-keynote-deck/slide-6.webp?v=6030b55chttps://lookbk.dev/media/glass-keynote-deck/slide-7.webp?v=7e8f6537https://lookbk.dev/media/glass-keynote-deck/slide-8.webp?v=16bd9c2bhttps://lookbk.dev/media/glass-keynote-deck/slide-9.webp?v=dad04ca9https://lookbk.dev/media/glass-keynote-deck/slide-10.webp?v=4dfc1c1fhttps://lookbk.dev/media/glass-keynote-deck/slide-11.webp?v=1bd4b9e6 https://lookbk.dev/skills/cinema-deck2026-11-02https://lookbk.dev/media/cinema-deck/card.webp?v=26171dbdhttps://lookbk.dev/media/cinema-deck/slide-1.webp?v=3a51fbd7https://lookbk.dev/media/cinema-deck/slide-2.webp?v=9ed439e8https://lookbk.dev/media/cinema-deck/slide-3.webp?v=2d8ca89chttps://lookbk.dev/media/cinema-deck/slide-4.webp?v=ca5c1d20https://lookbk.dev/media/cinema-deck/slide-5.webp?v=09bbfe86https://lookbk.dev/media/cinema-deck/slide-6.webp?v=c92fa4dchttps://lookbk.dev/media/cinema-deck/slide-7.webp?v=d3c6b71chttps://lookbk.dev/media/cinema-deck/slide-8.webp?v=bca3190dhttps://lookbk.dev/media/cinema-deck/slide-9.webp?v=4afde027https://lookbk.dev/media/cinema-deck/slide-10.webp?v=47711631https://lookbk.dev/media/cinema-deck/slide-11.webp?v=aaee4b58https://lookbk.dev/media/cinema-deck/slide-12.webp?v=fb4802fd https://lookbk.dev/skills/editorial-og-card2026-10-26https://lookbk.dev/media/editorial-og-card/card.webp?v=8a54fd63https://lookbk.dev/media/editorial-og-card/card-1.webp?v=ed7f76b8https://lookbk.dev/media/editorial-og-card/card-2.webp?v=c8e967abhttps://lookbk.dev/media/editorial-og-card/card-3.webp?v=086aceffhttps://lookbk.dev/media/editorial-og-card/card-4.webp?v=3300790dhttps://lookbk.dev/media/editorial-og-card/card-5.webp?v=354aa1fbhttps://lookbk.dev/media/editorial-og-card/card-6.webp?v=91a37669https://lookbk.dev/media/editorial-og-card/card-7.webp?v=46d920d4 https://lookbk.dev/skills/riso-quote-card2026-10-26https://lookbk.dev/media/riso-quote-card/card.webp?v=4459a0d0https://lookbk.dev/media/riso-quote-card/card-1.webp?v=92c6fd56https://lookbk.dev/media/riso-quote-card/card-2.webp?v=7c425c54https://lookbk.dev/media/riso-quote-card/card-3.webp?v=1bf50e6fhttps://lookbk.dev/media/riso-quote-card/card-4.webp?v=236b6061https://lookbk.dev/media/riso-quote-card/card-5.webp?v=ff76f3b4https://lookbk.dev/media/riso-quote-card/card-6.webp?v=7a522210https://lookbk.dev/media/riso-quote-card/card-7.webp?v=f8325431https://lookbk.dev/media/riso-quote-card/card-8.webp?v=1c3e818e https://lookbk.dev/skills/pull-quote-card2026-10-26https://lookbk.dev/media/pull-quote-card/card.webp?v=4fe16e66https://lookbk.dev/media/pull-quote-card/card-1.webp?v=49cf359fhttps://lookbk.dev/media/pull-quote-card/card-2.webp?v=bb826caehttps://lookbk.dev/media/pull-quote-card/card-3.webp?v=d0832af7https://lookbk.dev/media/pull-quote-card/card-4.webp?v=903b7860https://lookbk.dev/media/pull-quote-card/card-5.webp?v=2ff10377https://lookbk.dev/media/pull-quote-card/card-6.webp?v=5e5215d3https://lookbk.dev/media/pull-quote-card/card-7.webp?v=7ad802bchttps://lookbk.dev/media/pull-quote-card/card-8.webp?v=1a894288https://lookbk.dev/media/pull-quote-card/card-9.webp?v=c8a07a9fhttps://lookbk.dev/media/pull-quote-card/card-10.webp?v=7d6cfd5bhttps://lookbk.dev/media/pull-quote-card/card-11.webp?v=1e35d122 https://lookbk.dev/skills/article-hero-illustration2026-10-25https://lookbk.dev/media/article-hero-illustration/card.webp?v=c153496fhttps://lookbk.dev/media/article-hero-illustration/hero-1.webp?v=05f680e5https://lookbk.dev/media/article-hero-illustration/hero-2.webp?v=824a2497https://lookbk.dev/media/article-hero-illustration/hero-3.webp?v=dbb6330fhttps://lookbk.dev/media/article-hero-illustration/hero-4.webp?v=36991f19https://lookbk.dev/media/article-hero-illustration/hero-5.webp?v=9f7fcbaahttps://lookbk.dev/media/article-hero-illustration/hero-6.webp?v=03874c2a https://lookbk.dev/skills/blueprint-architecture2026-10-26https://lookbk.dev/media/blueprint-architecture/card.webp?v=237b935fhttps://lookbk.dev/media/blueprint-architecture/diagram-1.webp?v=4226f306https://lookbk.dev/media/blueprint-architecture/diagram-2.webp?v=5408ae1e https://lookbk.dev/skills/infographic-poster2026-10-26https://lookbk.dev/media/infographic-poster/card.webp?v=a428df68https://lookbk.dev/media/infographic-poster/poster-1.webp?v=a0d3e3achttps://lookbk.dev/media/infographic-poster/poster-2.webp?v=d9d3e547 https://lookbk.dev/skills/mascot-sticker-sheet2026-10-26https://lookbk.dev/media/mascot-sticker-sheet/card.webp?v=c3f0902dhttps://lookbk.dev/media/mascot-sticker-sheet/set-1.webp?v=1d503a52https://lookbk.dev/media/mascot-sticker-sheet/sheet-1.webp?v=ab6b8e18https://lookbk.dev/media/mascot-sticker-sheet/set-2.webp?v=3d0c14a5https://lookbk.dev/media/mascot-sticker-sheet/sheet-2.webp?v=c7d5a461 https://lookbk.dev/skills/studio-product-shot2026-10-26https://lookbk.dev/media/studio-product-shot/card.webp?v=4fb4c262https://lookbk.dev/media/studio-product-shot/shot-1.webp?v=3f328e84https://lookbk.dev/media/studio-product-shot/shot-2.webp?v=9d92e7f3https://lookbk.dev/media/studio-product-shot/shot-3.webp?v=01957a52https://lookbk.dev/media/studio-product-shot/shot-4.webp?v=0e62f2c7 https://lookbk.dev/skills/mono-editorial-landing2026-10-26https://lookbk.dev/media/mono-editorial-landing/card.webp?v=117a4ca9https://lookbk.dev/media/mono-editorial-landing/full-1.webp?v=0917b6d1https://lookbk.dev/media/mono-editorial-landing/full-2.webp?v=b084902d https://lookbk.dev/skills/bento-saas-landing2026-10-26https://lookbk.dev/media/bento-saas-landing/card.webp?v=ca23721ehttps://lookbk.dev/media/bento-saas-landing/full-1.webp?v=1c0f204chttps://lookbk.dev/media/bento-saas-landing/full-2.webp?v=d1a8565c https://lookbk.dev/skills/scrapbook-portfolio2026-10-26https://lookbk.dev/media/scrapbook-portfolio/card.webp?v=351d54f3https://lookbk.dev/media/scrapbook-portfolio/full-1.webp?v=c61fa123https://lookbk.dev/media/scrapbook-portfolio/full-2.webp?v=24aa4e5e https://lookbk.dev/skills/changelog-page2026-10-26https://lookbk.dev/media/changelog-page/card.webp?v=7459de2ehttps://lookbk.dev/media/changelog-page/full-1.webp?v=7f190ae8https://lookbk.dev/media/changelog-page/full-2.webp?v=24a8f603 https://lookbk.dev/skills/docs-starter2026-10-26https://lookbk.dev/media/docs-starter/card.webp?v=890523e5https://lookbk.dev/media/docs-starter/full-1.webp?v=0a7e5f0bhttps://lookbk.dev/media/docs-starter/full-2.webp?v=948be449 https://lookbk.dev/skills/waitlist-glow2026-10-26https://lookbk.dev/media/waitlist-glow/card.webp?v=dab23e32https://lookbk.dev/media/waitlist-glow/full-1.webp?v=9ee7864fhttps://lookbk.dev/media/waitlist-glow/full-2.webp?v=88c85a08 https://lookbk.dev/skills/frosted-glass-hero2026-10-26https://lookbk.dev/media/frosted-glass-hero/card.webp?v=509cd5dfhttps://lookbk.dev/media/frosted-glass-hero/still-1.webp?v=8f10cca0https://lookbk.dev/media/frosted-glass-hero/still-2.webp?v=ecda93efhttps://lookbk.dev/media/frosted-glass-hero/still-3.webp?v=a0a00da6https://lookbk.dev/media/frosted-glass-hero/example-2.webp?v=214b6575https://lookbk.dev/media/frosted-glass-hero/phone.webp?v=d8b4e3eehttps://lookbk.dev/media/frosted-glass-hero/poster.webp?v=94694fc3Frosted Glass Hero: recording of an example web page made with the skillAn animated hero section: a piece of frosted glass turns slowly beside your headline. It swells and settles, bends and blurs the contour-lined paper behind it, and cycles through your colorways with a frosted picker, all in your brand's colors, fonts, logo and words. Your agent writes one hero.json. The build checks contrast against the effect itself and writes a self-contained page plus a paste-in embed. A recorder steps the animation frame by frame in Chrome for a smooth MP4 and poster you can post.https://lookbk.dev/media/frosted-glass-hero/clip.mp4?v=87ea2a73122026-10-25yes https://lookbk.dev/skills/neon-bloom-hero2026-10-26https://lookbk.dev/media/neon-bloom-hero/card.webp?v=2fd347aehttps://lookbk.dev/media/neon-bloom-hero/still-1.webp?v=f3657da9https://lookbk.dev/media/neon-bloom-hero/still-2.webp?v=6ed367f3https://lookbk.dev/media/neon-bloom-hero/still-3.webp?v=1a9627c7https://lookbk.dev/media/neon-bloom-hero/example-2.webp?v=90559da5https://lookbk.dev/media/neon-bloom-hero/phone.webp?v=e21a2735https://lookbk.dev/media/neon-bloom-hero/poster.webp?v=b031eb05Neon Bloom Hero: recording of an example web page made with the skillA dark, neon HUD hero section. A gyroscope instrument with segmented neon rings, a wireframe core, data particles and a floor grid turns beside your headline. The frame is graded like a monitor feed: selective bloom, an RGB split, scanlines and a rolling interference band. A wipe sweeps between the raw feed and the graded one, a reticle locks onto the core and a panel reads the live values. Your agent puts in your two neon colors, fonts, logo, headline and buttons, checks contrast at four widths and records a smooth 1080p video of it.https://lookbk.dev/media/neon-bloom-hero/clip.mp4?v=5a078352122026-10-25yes https://lookbk.dev/skills/pillar-terrain-hero2026-10-26https://lookbk.dev/media/pillar-terrain-hero/card.webp?v=fe31a961https://lookbk.dev/media/pillar-terrain-hero/still-1.webp?v=2951d007https://lookbk.dev/media/pillar-terrain-hero/still-2.webp?v=8e5feb38https://lookbk.dev/media/pillar-terrain-hero/still-3.webp?v=3376b8dfhttps://lookbk.dev/media/pillar-terrain-hero/example-2.webp?v=b6987135https://lookbk.dev/media/pillar-terrain-hero/phone.webp?v=8f9e90bbhttps://lookbk.dev/media/pillar-terrain-hero/poster.webp?v=fb3cbaacPillar Terrain Hero: recording of an example web page made with the skillA Swiss-style animated hero: a field of columns seen in axonometric view shapes itself into one landform after another (ripple, dunes, a crater rim, a monolith, a ridge, terraces), with lit, contour-banded tops, a survey row in your accent color walking across it, and a ruled readout of the form and its peak height. Your agent sets it in your colors, fonts, logo, headline and buttons, checks it at four widths, and records a frame-perfect video for launch posts.https://lookbk.dev/media/pillar-terrain-hero/clip.mp4?v=229f845b162026-10-25yes https://lookbk.dev/skills/scroll-route-hero2026-10-26https://lookbk.dev/media/scroll-route-hero/card.webp?v=f501ed73https://lookbk.dev/media/scroll-route-hero/still-1.webp?v=781ad8c6https://lookbk.dev/media/scroll-route-hero/still-2.webp?v=27591332https://lookbk.dev/media/scroll-route-hero/still-3.webp?v=530f5e17https://lookbk.dev/media/scroll-route-hero/example-2.webp?v=28a53981https://lookbk.dev/media/scroll-route-hero/phone.webp?v=b1729a6ehttps://lookbk.dev/media/scroll-route-hero/poster.webp?v=636b1cfdScroll Route Hero: recording of an example web page made with the skillAn animated website hero with a travel-poster map beside the headline. As the visitor scrolls, the hero pins and the route draws itself station by station. Lamps pop on, names light up, a ticket stub shows where the journey is now and its counters run up. You give it your stations, colors, fonts, logo and words. It builds one self-contained page plus a paste-in embed and checks it at four widths. It also records a smooth 1080p video of the same scroll story for launch posts.https://lookbk.dev/media/scroll-route-hero/clip.mp4?v=c9c03de8102026-10-25yes https://lookbk.dev/skills/bauhaus-timeline-hero2026-10-26https://lookbk.dev/media/bauhaus-timeline-hero/card.webp?v=693387afhttps://lookbk.dev/media/bauhaus-timeline-hero/still-1.webp?v=48978324https://lookbk.dev/media/bauhaus-timeline-hero/still-2.webp?v=2a813fa0https://lookbk.dev/media/bauhaus-timeline-hero/still-3.webp?v=c5c9bc22https://lookbk.dev/media/bauhaus-timeline-hero/example-2.webp?v=8d346937https://lookbk.dev/media/bauhaus-timeline-hero/phone.webp?v=5173bdc1https://lookbk.dev/media/bauhaus-timeline-hero/poster.webp?v=4d4b6eeeBauhaus Timeline Hero: recording of an example web page made with the skillAn animated hero section that looks like a Bauhaus poster. A watch dial builds itself one scene at a time: a square, a triangle and a half-disc slide into place, the ticks stagger in, a ring draws itself in the scene's color, the hands sweep to a time you set and a big numeral rises in the corner. A timeline panel under the dial shows the choreography as it plays, with every tween as a bar, the labels and a playhead. It comes in your colors, fonts, logo, headline and buttons, as one page or a section to paste into your site. Your agent also records a smooth 1080p video of it for launch posts.https://lookbk.dev/media/bauhaus-timeline-hero/clip.mp4?v=8169fe1e122026-10-25yes https://lookbk.dev/skills/pastel-orrery-hero2026-10-26https://lookbk.dev/media/pastel-orrery-hero/card.webp?v=df20358bhttps://lookbk.dev/media/pastel-orrery-hero/still-1.webp?v=b9495436https://lookbk.dev/media/pastel-orrery-hero/still-2.webp?v=648762c5https://lookbk.dev/media/pastel-orrery-hero/still-3.webp?v=14086f5fhttps://lookbk.dev/media/pastel-orrery-hero/example-2.webp?v=16ba5a32https://lookbk.dev/media/pastel-orrery-hero/phone.webp?v=ebc7717ahttps://lookbk.dev/media/pastel-orrery-hero/poster.webp?v=c7e954ebPastel Orrery Hero: recording of an example web page made with the skillA playful animated hero: a pastel orrery whose orbits draw themselves in, planets gliding round, constellations sketching and fading, and a smiling core that morphs from planet to star to heart to flower, beside your headline and buttons in your colors, fonts and logo. An optional panel of plates cycles your featured items, scrambling in each one's detail. It builds one self-contained page and a paste-in embed, checks contrast and layout at four widths, and records a frame-perfect MP4 and poster in your own Chrome.https://lookbk.dev/media/pastel-orrery-hero/clip.mp4?v=63a73fed122026-10-25yes https://lookbk.dev/skills/ink-flow-hero2026-10-26https://lookbk.dev/media/ink-flow-hero/card.webp?v=85c0751chttps://lookbk.dev/media/ink-flow-hero/still-1.webp?v=e56511afhttps://lookbk.dev/media/ink-flow-hero/still-2.webp?v=efb4a7a8https://lookbk.dev/media/ink-flow-hero/still-3.webp?v=d699e754https://lookbk.dev/media/ink-flow-hero/example-2.webp?v=69273db0https://lookbk.dev/media/ink-flow-hero/phone.webp?v=63f72f9bhttps://lookbk.dev/media/ink-flow-hero/poster.webp?v=d9219030Ink Flow Hero: recording of an example web page made with the skillA website hero that draws itself in ink. Beside your headline, a hanging scroll of washi paper fills with sumi brush strokes as thousands of particles follow a seeded flow field, swirling into isobars around pressure centers, and every few seconds the next seed draws a new sheet over the last. It's built from one hero.json with your colors, fonts, logo, words, seal and colophon. You get one page, a paste-in embed, a still picture for reduced motion, and a frame-exact video recorded in your own Chrome. The same seed always draws the same scroll.https://lookbk.dev/media/ink-flow-hero/clip.mp4?v=c2ad058f122026-10-25yes https://lookbk.dev/skills/riso-stamp-hero2026-10-26https://lookbk.dev/media/riso-stamp-hero/card.webp?v=a346cd16https://lookbk.dev/media/riso-stamp-hero/still-1.webp?v=6994bea1https://lookbk.dev/media/riso-stamp-hero/still-2.webp?v=a22484cdhttps://lookbk.dev/media/riso-stamp-hero/still-3.webp?v=268a48d8https://lookbk.dev/media/riso-stamp-hero/example-2.webp?v=b6365b11https://lookbk.dev/media/riso-stamp-hero/phone.webp?v=99fc89dehttps://lookbk.dev/media/riso-stamp-hero/poster.webp?v=2a7d7ba6Riso Stamp Hero: recording of an example web page made with the skillA hero section set like a two-color risograph print. Beside the copy, a proof sheet prints your words one after another. The first ink presses in letter by letter, the second lands out of register and drifts, and the die is cut in mirror into a plate band, with paper grain, toner speckle and a turning seal. The headline is printed in the same two inks, and visitors can type their own word and watch it proofed. You get one self-contained page plus an embed, checked at four widths, and a frame-perfect video for launch posts.https://lookbk.dev/media/riso-stamp-hero/clip.mp4?v=839d6023122026-10-25yes https://lookbk.dev/skills/sunrise-pitch-hero2026-10-26https://lookbk.dev/media/sunrise-pitch-hero/card.webp?v=fd876bf9https://lookbk.dev/media/sunrise-pitch-hero/still-1.webp?v=4c500999https://lookbk.dev/media/sunrise-pitch-hero/still-2.webp?v=7edd8826https://lookbk.dev/media/sunrise-pitch-hero/still-3.webp?v=8f655adfhttps://lookbk.dev/media/sunrise-pitch-hero/example-2.webp?v=e6fa8e09https://lookbk.dev/media/sunrise-pitch-hero/phone.webp?v=23905781https://lookbk.dev/media/sunrise-pitch-hero/poster.webp?v=cab6e2d8Sunrise Pitch Hero: recording of an example web page made with the skillAn animated hero where your pitch deck plays itself beside the headline, over a sunrise sky. The sun rises on the title slide, then a figure counts up, bars grow, and slides change with a sunrise iris. In your colors, fonts, logo and words, checked at four widths, with a frame-perfect MP4 for social.https://lookbk.dev/media/sunrise-pitch-hero/clip.mp4?v=a5415444252026-10-25yes https://lookbk.dev/skills/cursor-tour-hero2026-10-26https://lookbk.dev/media/cursor-tour-hero/card.webp?v=90d69e72https://lookbk.dev/media/cursor-tour-hero/still-1.webp?v=76a0a80bhttps://lookbk.dev/media/cursor-tour-hero/still-2.webp?v=f12484f3https://lookbk.dev/media/cursor-tour-hero/still-3.webp?v=ebbcddcfhttps://lookbk.dev/media/cursor-tour-hero/example-2.webp?v=05fa225ahttps://lookbk.dev/media/cursor-tour-hero/phone.webp?v=75d5b373https://lookbk.dev/media/cursor-tour-hero/poster.webp?v=7b60c137Cursor Tour Hero: recording of an example web page made with the skillA website hero that demos your product itself: beside the headline, a scripted cursor checks off a checklist in your product's window, flips a switch, picks an option, presses the main button, watches it fill and confirm, then swipes away the toast while an event stream logs each step. The rows, owners, labels and messages come from your real workflow; the window is plain HTML in your colors and fonts, and every frame is worked out from time, so the same file records a smooth video.https://lookbk.dev/media/cursor-tour-hero/clip.mp4?v=56ea4535132026-10-25yes https://lookbk.dev/skills/particle-portrait-hero2026-10-26https://lookbk.dev/media/particle-portrait-hero/card.webp?v=80176415https://lookbk.dev/media/particle-portrait-hero/still-1.webp?v=5dd1fb40https://lookbk.dev/media/particle-portrait-hero/still-2.webp?v=1aeef525https://lookbk.dev/media/particle-portrait-hero/still-3.webp?v=a50dddfehttps://lookbk.dev/media/particle-portrait-hero/example-2.webp?v=7f7ab243https://lookbk.dev/media/particle-portrait-hero/phone.webp?v=da1c015bhttps://lookbk.dev/media/particle-portrait-hero/poster.webp?v=8b37e82fParticle Portrait Hero: recording of an example web page made with the skillAn animated website hero that turns your own photo or logo into thousands of dots in 3D. Each dot sits forward or back by the brightness under it, so the picture has real relief. The dots fly in and assemble. As the visitor scrolls, the hero pins and the picture turns to show its depth, peels away into a slow orbit of dots and comes back together, with the pointer sending ripples through it. You give it your picture, colors, fonts, logo and words. It builds one self-contained page plus a paste-in embed and checks it at four widths. It also records a smooth 1080p video of the same scroll story for launch posts.https://lookbk.dev/media/particle-portrait-hero/clip.mp4?v=83e766cc122026-10-25yes https://lookbk.dev/skills/scroll-film-hero2026-10-27https://lookbk.dev/media/scroll-film-hero/card.webp?v=016f56cchttps://lookbk.dev/media/scroll-film-hero/still-1.webp?v=90d633b8https://lookbk.dev/media/scroll-film-hero/still-2.webp?v=c40c62d5https://lookbk.dev/media/scroll-film-hero/still-3.webp?v=21244b9ahttps://lookbk.dev/media/scroll-film-hero/example-2.webp?v=4738ca6ahttps://lookbk.dev/media/scroll-film-hero/phone.webp?v=612645echttps://lookbk.dev/media/scroll-film-hero/poster.webp?v=63255e94Scroll Film Hero: recording of an example web page made with the skillAn animated hero section where scrolling plays your own film. The hero pins, and your clip scrubs forwards and back with the scroll, cut into a frame sequence by an ffmpeg script that also weighs it against a frame budget. At up to six scroll stops a callout rises in over the film: a short headline, a stat that counts up and an optional pin on the subject. A player bar shows the frame, the chapter ticks and progress. The film sits in a rounded viewfinder beside your headline or bleeds behind the whole hero. Your agent writes one hero.json with your colors, fonts, logo and words, checks it at four widths and records a smooth 1080p video of the scripted scroll. The examples' aerial footage is rendered by the package itself in three.js.https://lookbk.dev/media/scroll-film-hero/clip.mp4?v=0b95a969132026-10-25yes https://lookbk.dev/skills/black-plate-dividers2026-10-27https://lookbk.dev/media/black-plate-dividers/card.webp?v=f943b848https://lookbk.dev/media/black-plate-dividers/still-1.webp?v=6ec17538https://lookbk.dev/media/black-plate-dividers/still-2.webp?v=93a3e8b0https://lookbk.dev/media/black-plate-dividers/still-3.webp?v=15f263a6https://lookbk.dev/media/black-plate-dividers/page.webp?v=c968c3a9https://lookbk.dev/media/black-plate-dividers/poster.webp?v=6ec17538Black Plate Dividers: recording of an example web page made with the skillA band between two sections of a dark page with one lit object floating in it: a glass moth opening its wings, a liquid-chrome orb with a turning ring of light, a folded-paper lotus, a moss branch, a neon jellyfish, a prism shard. Each is a short 1080p loop on pure black, laid on the page with mix-blend-mode screen so the video's black becomes the page's black and only the light stays: no box, no frame. Six original loops ship in the package, about half a megabyte each. Your agent writes one divider.json with your page colors and words, builds the page, and checks that the edges are black and the loop does not jump. A still poster shows for reduced motion and when autoplay is blocked. A script turns your own clip of an object on black into a seamless loop.https://lookbk.dev/media/black-plate-dividers/clip.mp4?v=f4344089132026-10-27yes https://lookbk.dev/skills/product-turntable-hero2026-10-26https://lookbk.dev/media/product-turntable-hero/card.webp?v=db913d1ehttps://lookbk.dev/media/product-turntable-hero/still-1.webp?v=a1af62dbhttps://lookbk.dev/media/product-turntable-hero/still-2.webp?v=c7647c63https://lookbk.dev/media/product-turntable-hero/still-3.webp?v=9cd40e90https://lookbk.dev/media/product-turntable-hero/example-2.webp?v=0aa4e047https://lookbk.dev/media/product-turntable-hero/phone.webp?v=fe3f0f3dhttps://lookbk.dev/media/product-turntable-hero/poster.webp?v=e4247d02Product Turntable Hero: recording of an example web page made with the skillAn animated website hero with your product standing in a 3D studio on a reflective floor. It turns as the visitor scrolls (the section pins) or by itself, and they can drag it round. Spec callouts are pinned to points on its surface: as the product turns, each dot follows its point, draws a line out to a card with the number and what it means, and fades when the point turns away. The tour stops at each spec. It loads your own .glb model, or builds a bottle, jar or speaker in code in your colors with your wordmark. It comes in your colors, fonts, logo, headline and buttons, as one page or a section to paste into your site, checked at four widths. It also records a smooth 1080p video of the turn for launch posts.https://lookbk.dev/media/product-turntable-hero/clip.mp4?v=886f577b142026-10-25yes https://lookbk.dev/skills/clay-mascot-hero2026-10-26https://lookbk.dev/media/clay-mascot-hero/card.webp?v=9f2cd653https://lookbk.dev/media/clay-mascot-hero/still-1.webp?v=4cd9a84ehttps://lookbk.dev/media/clay-mascot-hero/still-2.webp?v=4ff58ce6https://lookbk.dev/media/clay-mascot-hero/still-3.webp?v=13b6cdd8https://lookbk.dev/media/clay-mascot-hero/example-2.webp?v=ff45268ehttps://lookbk.dev/media/clay-mascot-hero/phone.webp?v=272e13f5https://lookbk.dev/media/clay-mascot-hero/poster.webp?v=6878de19Clay Mascot Hero: recording of an example web page made with the skillAn animated hero section with a toy-like 3D mascot standing beside your headline. It pops in, breathes, blinks, waves, hops now and then and turns its head and eyes toward the cursor, on a pedestal in front of an arch with slow rays, floating clay bits and an optional speech bubble. The mascot is a simple character built from primitives (a bean, ball, pear or block body, eyes, mouth, ears or antennae, little arms, one accessory) with soft clay shading. It is not a sculpted or illustrated character, and not AI-character quality. Your agent writes one hero.json that picks every part and color. The build checks contrast and that the mascot stands off its backdrop, then writes a self-contained page plus a paste-in embed. A recorder steps the animation frame by frame for a smooth MP4 and poster, and a cut-out script saves the mascot alone as a transparent PNG.https://lookbk.dev/media/clay-mascot-hero/clip.mp4?v=91c27828122026-10-25yes https://lookbk.dev/skills/garment-rail-hero2026-10-26https://lookbk.dev/media/garment-rail-hero/card.webp?v=306a251dhttps://lookbk.dev/media/garment-rail-hero/still-1.webp?v=4bf727f7https://lookbk.dev/media/garment-rail-hero/still-2.webp?v=ff7eada0https://lookbk.dev/media/garment-rail-hero/still-3.webp?v=02a1fb3fhttps://lookbk.dev/media/garment-rail-hero/example-2.webp?v=accce59dhttps://lookbk.dev/media/garment-rail-hero/phone.webp?v=f742c364https://lookbk.dev/media/garment-rail-hero/poster.webp?v=1d8eb825Garment Rail Hero: recording of an example web page made with the skillA 3D clothing rail in a softly lit room, hung with your own product cut-outs on wooden hangers. Pieces drop on and sway, and part when the pointer brushes past. One at a time is lifted forward while a swing-tag card gives its name, price and link, and a click brings any piece forward. Your agent puts in your pieces, colors, fonts, logo and words, checks the page at four widths and records a smooth 1080p video of the rail.https://lookbk.dev/media/garment-rail-hero/clip.mp4?v=065f4822122026-10-25yes https://lookbk.dev/skills/washing-line-hero2026-11-01https://lookbk.dev/media/washing-line-hero/card.webp?v=76c5911ahttps://lookbk.dev/media/washing-line-hero/still-1.webp?v=43cab5c1https://lookbk.dev/media/washing-line-hero/still-2.webp?v=b29a0758https://lookbk.dev/media/washing-line-hero/still-3.webp?v=7ba41524https://lookbk.dev/media/washing-line-hero/example-2.webp?v=feb69cf8https://lookbk.dev/media/washing-line-hero/phone.webp?v=95790f96https://lookbk.dev/media/washing-line-hero/poster.webp?v=808ebb9fWashing Line Hero: recording of an example web page made with the skillA hero section visitors can touch. Your poster is printed on a cotton cloth pinned to a washing line with wooden pegs, under an open sky with drifting clouds. Hover and a fingertip dents the cloth; press and drag to pull it anywhere, fold a corner over the line, then let go and it swings back and settles. It is a real cloth simulation, not a video, and works with a finger on phones. Your agent prints your name, big words, specs and web address on the cloth in your fonts, sets the sky to midday or dusk, checks the page at four widths and records a 1080p video in which a drawn pointer pulls the cloth.https://lookbk.dev/media/washing-line-hero/clip.mp4?v=8326fc55102026-10-30yes https://lookbk.dev/skills/particle-tree-hero2026-10-26https://lookbk.dev/media/particle-tree-hero/card.webp?v=4a913f59https://lookbk.dev/media/particle-tree-hero/still-1.webp?v=c0082746https://lookbk.dev/media/particle-tree-hero/still-2.webp?v=27a9d6behttps://lookbk.dev/media/particle-tree-hero/still-3.webp?v=e37f7f6bhttps://lookbk.dev/media/particle-tree-hero/example-2.webp?v=0c7e36dahttps://lookbk.dev/media/particle-tree-hero/phone.webp?v=8094258ehttps://lookbk.dev/media/particle-tree-hero/poster.webp?v=59bdd866Particle Tree Hero: recording of an example web page made with the skillA dark hero section where a glowing structure grows out of the dark beside your headline. It can be a procedural tree with roots or a neuron with dendrites and an axon, made of thousands of soft particles over hairline branches. Once it has grown, light pulses run along its branches and flash where they arrive. Buds twinkle, the wind moves the crown, motes drift past, and a small readout counts nodes, growth and signals. It is seeded, so the same settings always grow the same shape. Your agent puts in your colors, fonts, logo, headline and buttons, checks contrast at four widths and records a smooth 1080p video of it growing.https://lookbk.dev/media/particle-tree-hero/clip.mp4?v=2c5a3ecc122026-10-25yes https://lookbk.dev/skills/ascii-signal-hero2026-10-26https://lookbk.dev/media/ascii-signal-hero/card.webp?v=b7613231https://lookbk.dev/media/ascii-signal-hero/still-1.webp?v=c4b9a576https://lookbk.dev/media/ascii-signal-hero/still-2.webp?v=ee49d432https://lookbk.dev/media/ascii-signal-hero/still-3.webp?v=bd4ba38dhttps://lookbk.dev/media/ascii-signal-hero/example-2.webp?v=9a2271dchttps://lookbk.dev/media/ascii-signal-hero/phone.webp?v=fc7dcfc7https://lookbk.dev/media/ascii-signal-hero/poster.webp?v=9c608aacASCII Signal Hero: recording of an example web page made with the skillA 3D object built in code, or your own picture, rendered live as animated ASCII glyphs or dither dots beside a headline that types itself on. You choose the glyph set, cell size, palette and object, and the headline stays real, selectable HTML text. Your agent puts in your colors, fonts, logo and words, checks the page at four widths and records a frame-exact video for launch posts.https://lookbk.dev/media/ascii-signal-hero/clip.mp4?v=cf6546cf122026-10-25yes https://lookbk.dev/skills/cloud-sky-hero2026-10-26https://lookbk.dev/media/cloud-sky-hero/card.webp?v=6ac1e6bchttps://lookbk.dev/media/cloud-sky-hero/still-1.webp?v=b5fef960https://lookbk.dev/media/cloud-sky-hero/still-2.webp?v=b72a00a9https://lookbk.dev/media/cloud-sky-hero/still-3.webp?v=9904cc89https://lookbk.dev/media/cloud-sky-hero/example-2.webp?v=7b5bbc06https://lookbk.dev/media/cloud-sky-hero/phone.webp?v=8602a783https://lookbk.dev/media/cloud-sky-hero/poster.webp?v=d423c4abCloud Sky Hero: recording of an example web page made with the skillA website hero that is a whole sky: a shader gradient warmed by the sun's glow, with soft, self-shadowed clouds drifting on the wind in three layers. Two layers sit behind a huge display headline and the nearest drifts across it, so the words sit inside the weather. Pick dawn, noon or dusk, or set the sky's five colors yourself. Clouds in front are capped over the headline and kept off the smaller text, and the build checks every line against every sky and cloud color that can be behind it. Every frame is worked out from time, so the same file records a smooth video.https://lookbk.dev/media/cloud-sky-hero/clip.mp4?v=32120b32122026-10-25yes https://lookbk.dev/skills/curved-reel-hero2026-10-26https://lookbk.dev/media/curved-reel-hero/card.webp?v=1ea4c16ahttps://lookbk.dev/media/curved-reel-hero/still-1.webp?v=7c28bdbahttps://lookbk.dev/media/curved-reel-hero/still-2.webp?v=484a7f1fhttps://lookbk.dev/media/curved-reel-hero/still-3.webp?v=94995371https://lookbk.dev/media/curved-reel-hero/example-2.webp?v=92fece29https://lookbk.dev/media/curved-reel-hero/phone.webp?v=73c574f0https://lookbk.dev/media/curved-reel-hero/poster.webp?v=bd4cf0b3Curved Reel Hero: recording of an example web page made with the skillYour clips, screens or pictures on a strip bent into a 3D curve. It wraps toward the viewer or bulges away like a drum, as rounded cards or as frames on a film strip. It glides one card at a time, and each time a card comes to rest a marker writes a note beside it: a scribbled circle, an arrow, a burst or a tick, plus a few handwritten words. Videos play on the cards. Without real media, the cards get drawn stand-ins. You get one self-contained page plus an embed, checked at four widths, with a still fallback and a frame-exact MP4.https://lookbk.dev/media/curved-reel-hero/clip.mp4?v=aa9a1022122026-10-25yes https://lookbk.dev/skills/cutout-float-hero2026-10-26https://lookbk.dev/media/cutout-float-hero/card.webp?v=aa2adbc2https://lookbk.dev/media/cutout-float-hero/still-1.webp?v=6822bfb9https://lookbk.dev/media/cutout-float-hero/still-2.webp?v=f304453bhttps://lookbk.dev/media/cutout-float-hero/still-3.webp?v=1356e544https://lookbk.dev/media/cutout-float-hero/example-2.webp?v=77f46dedhttps://lookbk.dev/media/cutout-float-hero/phone.webp?v=72a8749fhttps://lookbk.dev/media/cutout-float-hero/poster.webp?v=57cbea98Cutout Float Hero: recording of an example web page made with the skillBrings your own product render or character cut-out to life in a website hero: it floats, tilts toward the cursor with a little volume, catches a rim light and a passing sheen, and casts a contact shadow, while a huge word, a disc or arch and a floor grid move against it in depth. Bring a clean cut-out, for example a 3D or AI-generated render you own. Your agent puts in your colors, fonts, logo and words, checks the page at four widths and records a smooth 1080p video.https://lookbk.dev/media/cutout-float-hero/clip.mp4?v=a2c0f704122026-10-25yes https://lookbk.dev/skills/neon-motel-hero2026-10-26https://lookbk.dev/media/neon-motel-hero/card.webp?v=a394b30ehttps://lookbk.dev/media/neon-motel-hero/still-1.webp?v=4e3de5c3https://lookbk.dev/media/neon-motel-hero/still-2.webp?v=f5d046a0https://lookbk.dev/media/neon-motel-hero/still-3.webp?v=4697ec48https://lookbk.dev/media/neon-motel-hero/poster.webp?v=25053739Neon Motel Hero: recording of an example web page made with the skillA 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.https://lookbk.dev/media/neon-motel-hero/clip.mp4?v=faa36e7b52026-10-26yes https://lookbk.dev/skills/arcade-raccoon-hero2026-10-26https://lookbk.dev/media/arcade-raccoon-hero/card.webp?v=004b3948https://lookbk.dev/media/arcade-raccoon-hero/still-1.webp?v=ef5844edhttps://lookbk.dev/media/arcade-raccoon-hero/still-2.webp?v=98cf164bhttps://lookbk.dev/media/arcade-raccoon-hero/still-3.webp?v=46df3e1bhttps://lookbk.dev/media/arcade-raccoon-hero/poster.webp?v=74300ceeArcade Raccoon Hero: recording of an example web page made with the skillA website hero on five seconds of generated footage: a raccoon in a backwards cap and a red varsity jacket plays an arcade cabinet in a dark 1980s arcade full of glowing magenta and cyan machines, and the camera pushes in on him. The chrome, synthwave-striped headline sits behind him; he is cut out of every frame and drawn over it. Around it: a coin logo, 1UP and HI-SCORE counters, a top-demos board, a sticker and pixel-type stats. 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.https://lookbk.dev/media/arcade-raccoon-hero/clip.mp4?v=e3ae0d4152026-10-26yes https://lookbk.dev/skills/roller-diner-hero2026-10-26https://lookbk.dev/media/roller-diner-hero/card.webp?v=806a106chttps://lookbk.dev/media/roller-diner-hero/still-1.webp?v=02665fedhttps://lookbk.dev/media/roller-diner-hero/still-2.webp?v=e22aaa26https://lookbk.dev/media/roller-diner-hero/still-3.webp?v=38959a62https://lookbk.dev/media/roller-diner-hero/poster.webp?v=a6c02df4Roller Diner Hero: recording of an example web page made with the skillA website hero on five seconds of generated footage: a teddy-bear waitress in a mint uniform and paper hat roller-skates through a sunlit 1950s diner with red booths, chrome stools and a checkerboard floor, holding up a tray with cherry pie and a milkshake. A red script word and a giant cream "UP!" sit behind her; she is cut out of every frame and drawn over them. Around it: a pill navigation, a guest-check card that gets stamped PAID, a starburst badge and a scrolling ticker. 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.https://lookbk.dev/media/roller-diner-hero/clip.mp4?v=e171578752026-10-26yes https://lookbk.dev/skills/mixtape-hero2026-10-26https://lookbk.dev/media/mixtape-hero/card.webp?v=f5fa1543https://lookbk.dev/media/mixtape-hero/still-1.webp?v=468e7485https://lookbk.dev/media/mixtape-hero/still-2.webp?v=810b14achttps://lookbk.dev/media/mixtape-hero/still-3.webp?v=88197e3ahttps://lookbk.dev/media/mixtape-hero/poster.webp?v=23f9d536Mixtape Hero: recording of an example web page made with the skillA website hero on five seconds of generated footage: a slow macro push across orange shag carpet over a clear cassette, a portable tape player, foam headphones and a polaroid, with warm afternoon light sweeping across. A chunky cream headline with 1970s rainbow stripes sits behind the tape and player, which are cut out of every frame and drawn over it. Around it: a cassette logo, a spec label, a round badge, a tape-counter stat and a handwritten liner note. 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.https://lookbk.dev/media/mixtape-hero/clip.mp4?v=29bd5e8152026-10-26yes https://lookbk.dev/skills/shuttle-launch-hero2026-10-26https://lookbk.dev/media/shuttle-launch-hero/card.webp?v=8d7c7f9fhttps://lookbk.dev/media/shuttle-launch-hero/still-1.webp?v=ddd25096https://lookbk.dev/media/shuttle-launch-hero/still-2.webp?v=be28468fhttps://lookbk.dev/media/shuttle-launch-hero/still-3.webp?v=bd7c7a54https://lookbk.dev/media/shuttle-launch-hero/poster.webp?v=60e90092Shuttle Launch Hero: recording of an example web page made with the skillA website hero on five seconds of generated footage: an unmarked space shuttle on the launch pad at dawn ignites, smoke billows and it lifts off past the tower. A giant headline in 1970s striped type sits behind the shuttle, which is cut out of every frame and drawn over it. Around it: a mission line, a round mission patch, a flight-console card that counts down to liftoff, a paneled introduction that reads over the smoke and launch stats. 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.https://lookbk.dev/media/shuttle-launch-hero/clip.mp4?v=2516df3e52026-10-26yes https://lookbk.dev/skills/surf-van-hero2026-10-26https://lookbk.dev/media/surf-van-hero/card.webp?v=309560f2https://lookbk.dev/media/surf-van-hero/still-1.webp?v=def6f4e7https://lookbk.dev/media/surf-van-hero/still-2.webp?v=48c4d61chttps://lookbk.dev/media/surf-van-hero/still-3.webp?v=c18d5f45https://lookbk.dev/media/surf-van-hero/poster.webp?v=b2b35f9cSurf Van Hero: recording of an example web page made with the skillA website hero on five seconds of generated footage: a cream camper van with surfboards on the roof waits by the palms at sunset while a golden retriever in sunglasses leans out of the window, tongue out, and the camera pushes in on the dog. A chunky 1970s headline with stacked orange shadows sits over the picture. Around it: a sunset logo, a pill navigation, a round surf-report badge and a ticket-style surf report. 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.https://lookbk.dev/media/surf-van-hero/clip.mp4?v=19ac0d0652026-10-26yes https://lookbk.dev/skills/disco-rink-hero2026-10-26https://lookbk.dev/media/disco-rink-hero/card.webp?v=2b1fa4f2https://lookbk.dev/media/disco-rink-hero/still-1.webp?v=215caa47https://lookbk.dev/media/disco-rink-hero/still-2.webp?v=a4709f40https://lookbk.dev/media/disco-rink-hero/still-3.webp?v=5810b29dhttps://lookbk.dev/media/disco-rink-hero/poster.webp?v=1da5eab1Disco Rink Hero: recording of an example web page made with the skillA website hero on five seconds of generated footage: a pink flamingo in a sparkling gold jumpsuit spins on roller skates under a mirror ball on a purple-lit rink, trailing rainbow light ribbons. A gold serif headline sits behind it; the flamingo and its ribbons are cut out of every frame and drawn through the words. Around it: an outlined logo, a tickets line, a "no cover" starburst, an admit-one ticket and a floors-open count. 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.https://lookbk.dev/media/disco-rink-hero/clip.mp4?v=28f8a8ab52026-10-26yes https://lookbk.dev/skills/den-computer-hero2026-10-26https://lookbk.dev/media/den-computer-hero/card.webp?v=9bfcf5eahttps://lookbk.dev/media/den-computer-hero/still-1.webp?v=6e5bae9fhttps://lookbk.dev/media/den-computer-hero/still-2.webp?v=af7b0de2https://lookbk.dev/media/den-computer-hero/still-3.webp?v=70233723https://lookbk.dev/media/den-computer-hero/poster.webp?v=97e89c7eDen Computer Hero: recording of an example web page made with the skillA website hero on five seconds of generated footage: an early-1980s beige home computer with green lines moving on its screen sits on a wooden desk in a wood-paneled den, with a bubbling lava lamp, a steaming mug and a macramé planter, as the camera pushes in. A soft italic "Hello," and a heavy amber headline sit behind the computer, lamp and planter, which are cut out of every frame and drawn over them. Around it: a prompt line, a round model badge, counting stats and a terminal card that types out a little conversation. 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.https://lookbk.dev/media/den-computer-hero/clip.mp4?v=8c70f93652026-10-26yes https://lookbk.dev/skills/aurora-curtain-hero2026-10-26https://lookbk.dev/media/aurora-curtain-hero/card.webp?v=1c0f6e93https://lookbk.dev/media/aurora-curtain-hero/still-1.webp?v=c979d6c9https://lookbk.dev/media/aurora-curtain-hero/still-2.webp?v=654502f5https://lookbk.dev/media/aurora-curtain-hero/still-3.webp?v=bc6b1a49https://lookbk.dev/media/aurora-curtain-hero/example-2.webp?v=71e62c19https://lookbk.dev/media/aurora-curtain-hero/phone.webp?v=68775a10https://lookbk.dev/media/aurora-curtain-hero/poster.webp?v=f38a20b7Aurora Curtain Hero: recording of an example web page made with the skillA night-sky hero section with the northern lights. Aurora curtains hang over a snowy mountain range: their hems fold and swing, glow brightest where they turn edge-on and shimmer with fine rays, green at the hem fading to violet. Stars twinkle, the aurora lights the snow on the peaks, a frozen lake mirrors the sky and a pine treeline stands in front while a few flakes fall. The sky loops seamlessly. Your agent puts in your colors, fonts, logo, headline and buttons, checks contrast at four widths and records a smooth 1080p video of it.https://lookbk.dev/media/aurora-curtain-hero/clip.mp4?v=34b40a71122026-10-26yes https://lookbk.dev/skills/circuit-trace-hero2026-10-26https://lookbk.dev/media/circuit-trace-hero/card.webp?v=66b47f92https://lookbk.dev/media/circuit-trace-hero/still-1.webp?v=e3c1b51ahttps://lookbk.dev/media/circuit-trace-hero/still-2.webp?v=cd72df0chttps://lookbk.dev/media/circuit-trace-hero/still-3.webp?v=e2a97508https://lookbk.dev/media/circuit-trace-hero/example-2.webp?v=60e8a4f3https://lookbk.dev/media/circuit-trace-hero/phone.webp?v=3769ae48https://lookbk.dev/media/circuit-trace-hero/poster.webp?v=de20ad25Circuit Trace Hero: recording of an example web page made with the skillA hero section that is a printed circuit board. Your copy sits in a silkscreen keep-out zone while, beside it, copper traces route themselves from a main chip with your name etched on it to smaller chips, vias and off the board's edge, then light pulses run along the buses in bursts and a status LED blinks. A small router built into the page lays clean 45-degree paths that never cross. Your agent sets the mask, copper, silkscreen and pulse colors, fonts, logo, chip label and board text, checks contrast at four widths and records a seamless 1080p loop.https://lookbk.dev/media/circuit-trace-hero/clip.mp4?v=4753b733122026-10-26yes https://lookbk.dev/skills/circular-equalizer-hero2026-10-26https://lookbk.dev/media/circular-equalizer-hero/card.webp?v=91717636https://lookbk.dev/media/circular-equalizer-hero/still-1.webp?v=3f523928https://lookbk.dev/media/circular-equalizer-hero/still-2.webp?v=f33eb930https://lookbk.dev/media/circular-equalizer-hero/still-3.webp?v=6c7841dfhttps://lookbk.dev/media/circular-equalizer-hero/example-2.webp?v=b7b96219https://lookbk.dev/media/circular-equalizer-hero/phone.webp?v=8b7595f4https://lookbk.dev/media/circular-equalizer-hero/poster.webp?v=624416ffCircular Equalizer Hero: recording of an example web page made with the skillA hero section with a circular audio visualizer round a turning vinyl record. Radial equalizer bars, bass at the bottom and treble at the top, rise and fall with a generated beat: the kick throws the bass outward and makes the ring breathe, the snare lifts the middle, hats flicker at the top and a four-chord pad moves slow peaks. A waveform loop hugs the record, sparks fly on each kick, a sheen lies across the turning grooves and a playhead runs round the dial. No audio file needed. Your agent sets your colors, label, tempo, fonts, logo and words, checks contrast at four widths and records a seamless 1080p loop.https://lookbk.dev/media/circular-equalizer-hero/clip.mp4?v=4a8a016f122026-10-26yes https://lookbk.dev/skills/confetti-launch-hero2026-10-26https://lookbk.dev/media/confetti-launch-hero/card.webp?v=6b497517https://lookbk.dev/media/confetti-launch-hero/still-1.webp?v=82fe4de4https://lookbk.dev/media/confetti-launch-hero/still-2.webp?v=5a8501f1https://lookbk.dev/media/confetti-launch-hero/still-3.webp?v=53b890a3https://lookbk.dev/media/confetti-launch-hero/example-2.webp?v=ac144784https://lookbk.dev/media/confetti-launch-hero/phone.webp?v=da536b6fhttps://lookbk.dev/media/confetti-launch-hero/poster.webp?v=a469886cConfetti Launch Hero: recording of an example web page made with the skillA confetti cannon that fires from your main button. Paper squares, strips, dots and curls, long twisting streamers and a spray of sparkles burst across the space beside your headline, hang in the air, then flutter down, flipping to show their darker backs, and settle flat along the floor of the hero before it clears and fires again. Every piece follows a closed-form path with air drag and gravity, so the loop is exact, and confetti never crosses the headline, lede, note or navigation. Your agent sets the paper colors, how much fires and how far, fonts, logo, headline and buttons, checks contrast at four widths and records a seamless 1080p loop.https://lookbk.dev/media/confetti-launch-hero/clip.mp4?v=69f364ba102026-10-26yes https://lookbk.dev/skills/constellation-map-hero2026-10-26https://lookbk.dev/media/constellation-map-hero/card.webp?v=9695767ahttps://lookbk.dev/media/constellation-map-hero/still-1.webp?v=9b5e72behttps://lookbk.dev/media/constellation-map-hero/still-2.webp?v=f3558099https://lookbk.dev/media/constellation-map-hero/still-3.webp?v=8cc9685dhttps://lookbk.dev/media/constellation-map-hero/example-2.webp?v=f21fba7chttps://lookbk.dev/media/constellation-map-hero/phone.webp?v=48a33f34https://lookbk.dev/media/constellation-map-hero/poster.webp?v=eac4f846Constellation Map Hero: recording of an example web page made with the skillA hero section with an engraved star chart beside the headline: a round night sky in a graduated rim with the hours around it, circles of declination, a dashed ecliptic, a soft Milky Way and a field of twinkling stars. The coordinate grid turns slowly while your own named constellations draw themselves one by one, in thin lines with their names in spaced serif capitals. Then a meteor crosses and they fade to start again. Navy and gold, or sepia on parchment. Your agent puts in your colors, fonts, logo, headline and buttons, checks contrast at four widths and records a smooth 1080p video of it.https://lookbk.dev/media/constellation-map-hero/clip.mp4?v=04d20259122026-10-26yes https://lookbk.dev/skills/crt-terminal-hero2026-10-26https://lookbk.dev/media/crt-terminal-hero/card.webp?v=abb3a645https://lookbk.dev/media/crt-terminal-hero/still-1.webp?v=e340f87bhttps://lookbk.dev/media/crt-terminal-hero/still-2.webp?v=153e28f6https://lookbk.dev/media/crt-terminal-hero/still-3.webp?v=7246ae52https://lookbk.dev/media/crt-terminal-hero/example-2.webp?v=7bfc7237https://lookbk.dev/media/crt-terminal-hero/phone.webp?v=d9d8fd70https://lookbk.dev/media/crt-terminal-hero/poster.webp?v=ccb3a173CRT Terminal Hero: recording of an example web page made with the skillA hero section with an old CRT monitor beside your headline. The curved phosphor tube switches on from a bright line and runs a memory test. Boot lines print with their [ OK ]s, a command is typed at the prompt, its output scrolls past and your banner prints at double size with the cursor blinking under it. Then the picture collapses to a dot and the 12-second loop starts again. Scanlines, bloom, flicker, a rolling refresh band and a glass reflection that follows the pointer make it read as a real tube, in green, amber or your own colour. Your agent writes the boot script about your product, sets your colors, fonts, logo and words, checks contrast at four widths and records a frame-exact 1080p video.https://lookbk.dev/media/crt-terminal-hero/clip.mp4?v=f2d52660122026-10-26yes https://lookbk.dev/skills/dna-helix-hero2026-10-26https://lookbk.dev/media/dna-helix-hero/card.webp?v=714ef77fhttps://lookbk.dev/media/dna-helix-hero/still-1.webp?v=4688d573https://lookbk.dev/media/dna-helix-hero/still-2.webp?v=d888be1chttps://lookbk.dev/media/dna-helix-hero/still-3.webp?v=8fdd4d58https://lookbk.dev/media/dna-helix-hero/example-2.webp?v=42c152bahttps://lookbk.dev/media/dna-helix-hero/phone.webp?v=f45a9dbdhttps://lookbk.dev/media/dna-helix-hero/poster.webp?v=09400fcdDNA Helix Hero: recording of an example web page made with the skillA DNA double helix beside your headline, turning in real depth. Two backbones of glowing beads wind round each other, joined by rungs in the colours of their bases. The near end is soft and out of focus and the far end small and dim. A sequencing read slides along the helix inside a dotted ring and prints the bases it passes, data labels on leader lines take turns, and a ruler of base positions runs alongside. Your agent sets the colours, labels, locus and copy, checks contrast at four widths and records a seamless 1080p loop.https://lookbk.dev/media/dna-helix-hero/clip.mp4?v=26748256122026-10-26yes https://lookbk.dev/skills/firefly-meadow-hero2026-10-26https://lookbk.dev/media/firefly-meadow-hero/card.webp?v=86b9ce60https://lookbk.dev/media/firefly-meadow-hero/still-1.webp?v=36ceb171https://lookbk.dev/media/firefly-meadow-hero/still-2.webp?v=1d5a005chttps://lookbk.dev/media/firefly-meadow-hero/still-3.webp?v=6b640302https://lookbk.dev/media/firefly-meadow-hero/example-2.webp?v=5988aeechttps://lookbk.dev/media/firefly-meadow-hero/phone.webp?v=18e06ee8https://lookbk.dev/media/firefly-meadow-hero/poster.webp?v=b3d8ef9bFirefly Meadow Hero: recording of an example web page made with the skillA meadow at dusk fills your hero. The sky deepens from the horizon's afterglow, the moon (full or crescent) glows over the open side, mist lies over the far field, and four layers of grass sway in rolling gusts with dandelion clocks catching the moonlight. Fireflies drift between the layers and blink to their own rhythms, then fall into step mid-loop and flash together in waves rolling across the meadow. Your agent sets the sky, afterglow, grass, moon and firefly colors, fonts, logo, headline and buttons, checks contrast at four widths and records a seamless 1080p loop.https://lookbk.dev/media/firefly-meadow-hero/clip.mp4?v=363e9853122026-10-26yes https://lookbk.dev/skills/fireworks-night-hero2026-10-26https://lookbk.dev/media/fireworks-night-hero/card.webp?v=7bb84242https://lookbk.dev/media/fireworks-night-hero/still-1.webp?v=7fa3789fhttps://lookbk.dev/media/fireworks-night-hero/still-2.webp?v=644d61f9https://lookbk.dev/media/fireworks-night-hero/still-3.webp?v=6c2af987https://lookbk.dev/media/fireworks-night-hero/example-2.webp?v=b9ab818dhttps://lookbk.dev/media/fireworks-night-hero/phone.webp?v=5f4cb188https://lookbk.dev/media/fireworks-night-hero/poster.webp?v=03e23d29Fireworks Night Hero: recording of an example web page made with the skillA fireworks show over still water beside your headline. Shells rise on sparking comets and burst as peonies, drooping gold willows and crossettes that split into four. Each burst lights the sky with a flash, the stars fall under gravity and glitter as they burn out, and smoke drifts with the wind. A city skyline with lit windows or a line of hills stands on the horizon, and the whole sky is mirrored in rippling water. Your agent sets the star colours, burst types, skyline and copy, checks contrast at four widths and records a seamless 1080p loop.https://lookbk.dev/media/fireworks-night-hero/clip.mp4?v=118e04a8122026-10-26yes https://lookbk.dev/skills/halftone-sunburst-hero2026-10-26https://lookbk.dev/media/halftone-sunburst-hero/card.webp?v=87bb564dhttps://lookbk.dev/media/halftone-sunburst-hero/still-1.webp?v=5b47efd0https://lookbk.dev/media/halftone-sunburst-hero/still-2.webp?v=bf0e5825https://lookbk.dev/media/halftone-sunburst-hero/still-3.webp?v=696ee01dhttps://lookbk.dev/media/halftone-sunburst-hero/example-2.webp?v=3438bd16https://lookbk.dev/media/halftone-sunburst-hero/phone.webp?v=549e6b89https://lookbk.dev/media/halftone-sunburst-hero/poster.webp?v=77091cb5Halftone Sunburst Hero: recording of an example web page made with the skillA hero section printed like a two-ink screen poster. A sunburst of rays in one ink is screened in round halftone dots, and the dots swell and shrink as the rays turn through them. A sun in the second ink is built of dots in rings that turn in opposite directions, with a ripple running outward, a halo of shrinking dots and poster-sunset stripes across its lower half. The sun ink sits slightly out of register and drifts, and both inks multiply on grainy paper. The loop repeats without a seam every 12 seconds. Your agent sets your paper, inks, rays, fonts, logo and words, checks contrast at four widths and records a frame-exact 1080p video.https://lookbk.dev/media/halftone-sunburst-hero/clip.mp4?v=5d34528b122026-10-26yes https://lookbk.dev/skills/isometric-city-hero2026-10-26https://lookbk.dev/media/isometric-city-hero/card.webp?v=4c656edfhttps://lookbk.dev/media/isometric-city-hero/still-1.webp?v=a4447672https://lookbk.dev/media/isometric-city-hero/still-2.webp?v=675ebb8ahttps://lookbk.dev/media/isometric-city-hero/still-3.webp?v=9e1a6c3dhttps://lookbk.dev/media/isometric-city-hero/example-2.webp?v=21a72caehttps://lookbk.dev/media/isometric-city-hero/phone.webp?v=90d63ab3https://lookbk.dev/media/isometric-city-hero/poster.webp?v=382648b3Isometric City Hero: recording of an example web page made with the skillA small city on a survey grid, in isometric view beside your headline. When the page opens the blocks rise out of the plan from the middle outward, the sun sets and long shadows sweep across the streets, windows light up floor by floor (warm homes, cool offices, shop fronts), street lamps come on and cars run every street with their headlights and tail lights. On one parcel a proposed tower in your accent color fills in floor by floor each loop, with a ring pulsing round its lot. Your agent sets the city plan, the colors, fonts, logo, headline and buttons, checks contrast at four widths and records a seamless 1080p loop.https://lookbk.dev/media/isometric-city-hero/clip.mp4?v=49395bf4122026-10-26yes https://lookbk.dev/skills/kinetic-type-grid-hero2026-10-26https://lookbk.dev/media/kinetic-type-grid-hero/card.webp?v=36d4c62ehttps://lookbk.dev/media/kinetic-type-grid-hero/still-1.webp?v=a764747ehttps://lookbk.dev/media/kinetic-type-grid-hero/still-2.webp?v=8293fc51https://lookbk.dev/media/kinetic-type-grid-hero/still-3.webp?v=d574a940https://lookbk.dev/media/kinetic-type-grid-hero/example-2.webp?v=fda20c99https://lookbk.dev/media/kinetic-type-grid-hero/phone.webp?v=ac71866bhttps://lookbk.dev/media/kinetic-type-grid-hero/poster.webp?v=f7aa8ddfKinetic Type Grid Hero: recording of an example web page made with the skillA Swiss poster that moves to a beat beside your headline. Your brand word is set one big letter per cell on a strict grid, and the free cells carry flat marks: dots, quarter discs, bars, arrows. On every beat one move snaps through. A band of tiles turns, a row slides and wraps, neighbors trade places, or tiles flip ink and paper with a wipe. Halfway through, the whole poster inverts. Then every move is undone in a new order, so the loop lands back on the word. Your agent sets the word, grid, colors, fonts, logo, headline and buttons, checks contrast at four widths and records a seamless 1080p loop.https://lookbk.dev/media/kinetic-type-grid-hero/clip.mp4?v=38dfad31122026-10-26yes https://lookbk.dev/skills/lava-lamp-hero2026-10-26https://lookbk.dev/media/lava-lamp-hero/card.webp?v=1affb4c4https://lookbk.dev/media/lava-lamp-hero/still-1.webp?v=d1f12649https://lookbk.dev/media/lava-lamp-hero/still-2.webp?v=d198919dhttps://lookbk.dev/media/lava-lamp-hero/still-3.webp?v=210add15https://lookbk.dev/media/lava-lamp-hero/example-2.webp?v=d80f39f0https://lookbk.dev/media/lava-lamp-hero/phone.webp?v=d914f2f5https://lookbk.dev/media/lava-lamp-hero/poster.webp?v=15b8bdbcLava Lamp Hero: recording of an example web page made with the skillA 1970s lava lamp glowing beside your headline. Blobs of wax rise from the warm pool, stretch, split off trailing drops, hang under the meniscus and sink back, lit from the bulb below inside a tapered glass bottle on a turned brass base. The lamp throws a warm halo on the wall over a 70s rainbow of three arcs, with a glossy shelf reflection and film grain, and the bulb flickers on when the page loads. Your agent sets the liquid, wax and base colors, fonts, logo, headline and buttons, checks contrast at four widths and records a seamless 1080p loop.https://lookbk.dev/media/lava-lamp-hero/clip.mp4?v=b065cbe2122026-10-26yes https://lookbk.dev/skills/liquid-chrome-hero2026-10-26https://lookbk.dev/media/liquid-chrome-hero/card.webp?v=e4c7fd49https://lookbk.dev/media/liquid-chrome-hero/still-1.webp?v=2f4bff4fhttps://lookbk.dev/media/liquid-chrome-hero/still-2.webp?v=c8e31aaahttps://lookbk.dev/media/liquid-chrome-hero/still-3.webp?v=374aa04fhttps://lookbk.dev/media/liquid-chrome-hero/example-2.webp?v=28bfe098https://lookbk.dev/media/liquid-chrome-hero/phone.webp?v=a2777319https://lookbk.dev/media/liquid-chrome-hero/poster.webp?v=fddf70c3Liquid Chrome Hero: recording of an example web page made with the skillA hero section with a floating blob of liquid metal beside the headline. Droplets on looping paths melt into one slowly morphing shape with a ripple running over its surface. It reflects a turning photo studio, with strip lights, a hard horizon and a rim light in your brand color, and its edges split into a thin chromatic fringe. Faint rings pulse outward behind it. Chrome, gold, rose gold or any tint, on dark or light pages. Your agent puts in your colors, fonts, logo, headline and buttons, checks contrast at four widths and records a smooth 1080p video of it.https://lookbk.dev/media/liquid-chrome-hero/clip.mp4?v=a625ee30102026-10-26yes https://lookbk.dev/skills/mesh-gradient-grain-hero2026-10-26https://lookbk.dev/media/mesh-gradient-grain-hero/card.webp?v=1fb9c615https://lookbk.dev/media/mesh-gradient-grain-hero/still-1.webp?v=bef4d1d0https://lookbk.dev/media/mesh-gradient-grain-hero/still-2.webp?v=587d3ee0https://lookbk.dev/media/mesh-gradient-grain-hero/still-3.webp?v=ec0829aehttps://lookbk.dev/media/mesh-gradient-grain-hero/example-2.webp?v=dfb1285ehttps://lookbk.dev/media/mesh-gradient-grain-hero/phone.webp?v=f2c6dee8https://lookbk.dev/media/mesh-gradient-grain-hero/poster.webp?v=c5c9eba0Mesh Gradient Grain Hero: recording of an example web page made with the skillA hero section on a soft, slowly drifting mesh gradient: three to six of your colors blend into each other in linear light, folded by a gentle warp, with a calm patch held behind the copy so the words always read. A pane of frosted glass floats beside the copy, a disc or a pill, and bends the gradient behind it: the view inside flips and magnifies, the edges split into a faint spectrum, a bright rim and a soft highlight catch the light, and optional ribs fluted into the glass slice it into strips. Fine film grain at 24 frames a second sits over everything. Your agent sets your colors, fonts, logo and words, checks contrast at four widths and records a seamless 12-second 1080p loop.https://lookbk.dev/media/mesh-gradient-grain-hero/clip.mp4?v=55720725122026-10-26yes https://lookbk.dev/skills/origami-fold-hero2026-10-26https://lookbk.dev/media/origami-fold-hero/card.webp?v=518e356ahttps://lookbk.dev/media/origami-fold-hero/still-1.webp?v=cfd25575https://lookbk.dev/media/origami-fold-hero/still-2.webp?v=dbce0c4ehttps://lookbk.dev/media/origami-fold-hero/still-3.webp?v=eb5261b0https://lookbk.dev/media/origami-fold-hero/example-2.webp?v=0ca275d4https://lookbk.dev/media/origami-fold-hero/phone.webp?v=9b79883dhttps://lookbk.dev/media/origami-fold-hero/poster.webp?v=15df5e04Origami Fold Hero: recording of an example web page made with the skillA hero section where a square of two-sided paper folds itself into a crane. The sheet lies on a table printed with a crease diagram; its 24 creased triangles lift one after another, turn over so the paper's white back flashes past, and settle into a low-poly crane that beats its wings and turns in soft light above its shadow, then fold back down into the flat sheet. Paper grain travels with the paper. Your agent sets your paper colors, fonts, logo and words, checks contrast at four widths and records a seamless 12-second 1080p loop.https://lookbk.dev/media/origami-fold-hero/clip.mp4?v=f0538006122026-10-26yes https://lookbk.dev/skills/paper-marbling-hero2026-10-26https://lookbk.dev/media/paper-marbling-hero/card.webp?v=56a76873https://lookbk.dev/media/paper-marbling-hero/still-1.webp?v=b78eb4d4https://lookbk.dev/media/paper-marbling-hero/still-2.webp?v=2d1bee51https://lookbk.dev/media/paper-marbling-hero/still-3.webp?v=fd6b9910https://lookbk.dev/media/paper-marbling-hero/example-2.webp?v=e732c532https://lookbk.dev/media/paper-marbling-hero/phone.webp?v=daa1d654https://lookbk.dev/media/paper-marbling-hero/poster.webp?v=54991b69Paper Marbling Hero: recording of an example web page made with the skillA hero section that marbles a sheet of paper beside your headline. Drops of your inks land on the bath and spread into rings that push each other aside. Then a comb is drawn through, its pins visible as it travels, pulling the rings into chevron, nonpareil, wave or bouquet patterns with fine dark veins. A strip of paper skims the bath clean and the next seed starts a new sheet. A row of named ink swatches lights up as each ink drops. Your agent sets your inks, fonts, logo and words, checks contrast at four widths and records a frame-exact 1080p video.https://lookbk.dev/media/paper-marbling-hero/clip.mp4?v=80cde3ac122026-10-26yes https://lookbk.dev/skills/pixel-sort-glitch-hero2026-10-26https://lookbk.dev/media/pixel-sort-glitch-hero/card.webp?v=5b57bc40https://lookbk.dev/media/pixel-sort-glitch-hero/still-1.webp?v=bfc2a27ehttps://lookbk.dev/media/pixel-sort-glitch-hero/still-2.webp?v=5e407560https://lookbk.dev/media/pixel-sort-glitch-hero/still-3.webp?v=318c8bb6https://lookbk.dev/media/pixel-sort-glitch-hero/example-2.webp?v=052cf0cfhttps://lookbk.dev/media/pixel-sort-glitch-hero/phone.webp?v=77aeda23https://lookbk.dev/media/pixel-sort-glitch-hero/poster.webp?v=f6a51540Pixel Sort Glitch Hero: recording of an example web page made with the skillA framed glitch-art print beside your headline. A dusk landscape (sky, cloud strata, a low sun, hazy ridges, a lake that mirrors them) is painted and genuinely pixel-sorted every frame: a sweep crosses it in vertical bands, the sky and hills melt into long sorted streaks and the sun pulls up into pillars of light, then the scene re-forms, while thin slices slip and split in colour. A small caption reads the sort live. Your agent sets the four landscape colors, fonts, logo, headline and buttons, checks contrast at four widths and records a seamless 1080p loop.https://lookbk.dev/media/pixel-sort-glitch-hero/clip.mp4?v=c5d56fba122026-10-26yes https://lookbk.dev/skills/rain-on-glass-hero2026-10-26https://lookbk.dev/media/rain-on-glass-hero/card.webp?v=099cd740https://lookbk.dev/media/rain-on-glass-hero/still-1.webp?v=14bfe22ehttps://lookbk.dev/media/rain-on-glass-hero/still-2.webp?v=af5d9976https://lookbk.dev/media/rain-on-glass-hero/still-3.webp?v=a9205dbdhttps://lookbk.dev/media/rain-on-glass-hero/example-2.webp?v=486c30adhttps://lookbk.dev/media/rain-on-glass-hero/phone.webp?v=e0fdc621https://lookbk.dev/media/rain-on-glass-hero/poster.webp?v=6f99372bRain on Glass Hero: recording of an example web page made with the skillA hero section seen through a window on a rainy night. Beyond the glass a city sits out of focus: lit windows, sodium lamps, neon signs and cars sliding along a wet street, all turned to bokeh. On the glass, beads of condensation gather and drops run down in fits and starts, wiping clear trails and leaving small beads behind. Each drop is a tiny lens with the city upside down in it. The copy sits on the darker side of the pane, and the loop repeats without a seam every 12 seconds. Your agent sets your light colors, haze, rain, fonts, logo and words, checks contrast at four widths and records a frame-exact 1080p video.https://lookbk.dev/media/rain-on-glass-hero/clip.mp4?v=ec525727122026-10-26yes https://lookbk.dev/skills/ringed-planet-hero2026-10-26https://lookbk.dev/media/ringed-planet-hero/card.webp?v=e69424b9https://lookbk.dev/media/ringed-planet-hero/still-1.webp?v=356aacdbhttps://lookbk.dev/media/ringed-planet-hero/still-2.webp?v=11fdc062https://lookbk.dev/media/ringed-planet-hero/still-3.webp?v=6e1fc4a2https://lookbk.dev/media/ringed-planet-hero/example-2.webp?v=a03ad13fhttps://lookbk.dev/media/ringed-planet-hero/phone.webp?v=13facbbahttps://lookbk.dev/media/ringed-planet-hero/poster.webp?v=32b23262Ringed Planet Hero: recording of an example web page made with the skillA ringed gas giant hanging beside your headline in a field of stars. Its cloud bands drift in alternating jets and a great storm turns in one belt; its rings, tilted open toward you with fine ringlets and a dark gap, pass in front of the planet below and behind it above, throw a shadow band across its face, and lose a wedge to the planet's shadow on the night side. Moons circle once a loop, crossing in front of the planet and slipping behind it, while stars twinkle and a faint nebula drifts. Your agent sets the cloud, ring and moon colors, the tilt and the light, fonts, logo, headline and buttons, checks contrast at four widths and records a seamless 1080p loop.https://lookbk.dev/media/ringed-planet-hero/clip.mp4?v=587f4f43142026-10-26yes https://lookbk.dev/skills/sand-dune-hero2026-10-26https://lookbk.dev/media/sand-dune-hero/card.webp?v=4a334cd4https://lookbk.dev/media/sand-dune-hero/still-1.webp?v=feaccd35https://lookbk.dev/media/sand-dune-hero/still-2.webp?v=cfa57ae3https://lookbk.dev/media/sand-dune-hero/still-3.webp?v=c8fff2e1https://lookbk.dev/media/sand-dune-hero/example-2.webp?v=462f90c8https://lookbk.dev/media/sand-dune-hero/phone.webp?v=9debceffhttps://lookbk.dev/media/sand-dune-hero/poster.webp?v=faf36773Sand Dune Hero: recording of an example web page made with the skillA sea of dunes at golden hour beside your headline. Sharp crests with long shadows run to a hazy horizon under a low sun, wind ripples travel across the slopes, sand streams off the crests in thin plumes, and grains glint as the light catches them, while the camera drifts slowly on a closed loop. The dunes are ray-marched in a hand-written shader, so the light, shadows and haze are worked out per pixel. Your agent sets the sand, shade, sky and sun colors, fonts, logo, headline and buttons, checks contrast at four widths and records a seamless 1080p loop.https://lookbk.dev/media/sand-dune-hero/clip.mp4?v=0c781afc122026-10-26yes https://lookbk.dev/skills/silk-ribbon-hero2026-10-26https://lookbk.dev/media/silk-ribbon-hero/card.webp?v=3a80ee40https://lookbk.dev/media/silk-ribbon-hero/still-1.webp?v=144e3c68https://lookbk.dev/media/silk-ribbon-hero/still-2.webp?v=3cbe8f27https://lookbk.dev/media/silk-ribbon-hero/still-3.webp?v=450930echttps://lookbk.dev/media/silk-ribbon-hero/example-2.webp?v=6e534e2fhttps://lookbk.dev/media/silk-ribbon-hero/phone.webp?v=6ff533a8https://lookbk.dev/media/silk-ribbon-hero/poster.webp?v=ecf77b8aSilk Ribbon Hero: recording of an example web page made with the skillRibbons of silk flowing beside your headline. Each ribbon is a bundle of fine threads that rolls in slow waves through depth, twists, curls and tapers away at both ends, shaded like shot silk: one hue face-on, another where it folds away, with a sheen sliding along the folds. The bundle turns toward the pointer in 3D, glowing like light on dark pages and laid like ink on light ones, and fades behind the copy. Your agent sets the two silk colors, the sheen, fonts, logo, headline and buttons, checks contrast at four widths and records a seamless 1080p loop.https://lookbk.dev/media/silk-ribbon-hero/clip.mp4?v=536fce75122026-10-26yes https://lookbk.dev/skills/soap-bubble-hero2026-10-26https://lookbk.dev/media/soap-bubble-hero/card.webp?v=e6d040d7https://lookbk.dev/media/soap-bubble-hero/still-1.webp?v=1a01ac7chttps://lookbk.dev/media/soap-bubble-hero/still-2.webp?v=563ff7efhttps://lookbk.dev/media/soap-bubble-hero/still-3.webp?v=074dc541https://lookbk.dev/media/soap-bubble-hero/example-2.webp?v=f2904931https://lookbk.dev/media/soap-bubble-hero/phone.webp?v=825374dahttps://lookbk.dev/media/soap-bubble-hero/poster.webp?v=43445633Soap Bubble Hero: recording of an example web page made with the skillIridescent soap bubbles floating beside your headline. One large bubble stays, wobbling a little as its film turns; smaller ones rise from below, drift in front of it and behind it, drain thin and gold at the top and pop gently, the film snapping back in a bright rim and throwing a ring of droplets. The colors are real thin-film interference, worked out from the film's thickness and the viewing angle, so they swirl through magenta, blue, green and gold the way soap does, with a reflected window, a pin highlight and out-of-focus bubbles behind. Your agent sets the film, glow and highlight colors, fonts, logo, headline and buttons, checks contrast at four widths and records a seamless 1080p loop.https://lookbk.dev/media/soap-bubble-hero/clip.mp4?v=49ae2aed122026-10-26yes https://lookbk.dev/skills/split-flap-board-hero2026-10-26https://lookbk.dev/media/split-flap-board-hero/card.webp?v=7aa800c5https://lookbk.dev/media/split-flap-board-hero/still-1.webp?v=0acaf77chttps://lookbk.dev/media/split-flap-board-hero/still-2.webp?v=01d3b4cfhttps://lookbk.dev/media/split-flap-board-hero/still-3.webp?v=2e79b006https://lookbk.dev/media/split-flap-board-hero/example-2.webp?v=82fa6597https://lookbk.dev/media/split-flap-board-hero/phone.webp?v=a33915dahttps://lookbk.dev/media/split-flap-board-hero/poster.webp?v=6e45d6a8Split-Flap Board Hero: recording of an example web page made with the skillA hero section with a mechanical split-flap departure board beside the headline. Every character is a drum of flaps that turns one flap at a time until it reaches its letter, so the board clatters in row by row with your times, destinations, codes, gates and statuses. Each flap falls, darkens and casts a shadow as it turns. A big banner row, a flap clock and a blinking lamp beside the boarding row complete it, and the board flips to a second page and back in a seamless loop. Black or cream flaps, dark or light pages. Your agent puts in your colors, fonts, logo, headline and buttons, checks contrast at four widths and records a smooth 1080p video of it.https://lookbk.dev/media/split-flap-board-hero/clip.mp4?v=7d0eec2b122026-10-26yes https://lookbk.dev/skills/stained-glass-hero2026-10-26https://lookbk.dev/media/stained-glass-hero/card.webp?v=2852a70dhttps://lookbk.dev/media/stained-glass-hero/still-1.webp?v=bd58394ahttps://lookbk.dev/media/stained-glass-hero/still-2.webp?v=8911a375https://lookbk.dev/media/stained-glass-hero/still-3.webp?v=cfcafcbahttps://lookbk.dev/media/stained-glass-hero/example-2.webp?v=b36e6a7ehttps://lookbk.dev/media/stained-glass-hero/phone.webp?v=dfc245cahttps://lookbk.dev/media/stained-glass-hero/poster.webp?v=44ba1ff1Stained Glass Hero: recording of an example web page made with the skillA hero section with a leaded stained-glass window set in a dark stone wall: a rose window with stone spokes and foils, a pointed lancet, or three lancets side by side. The glass is a seeded tiling of hand-cut-looking panes in your glass colors, each with its own streaks and seeds, held by lead and tracery. The panes kindle from the center, then a band of sunlight sweeps across the glass: the panes flare, colored shafts fall into the room, dust turns in the beams and the window's pattern lands on the flagstones. Your agent sets your glass colors, fonts, logo and words, checks contrast at four widths and records a seamless 12-second 1080p loop.https://lookbk.dev/media/stained-glass-hero/clip.mp4?v=b5146981122026-10-26yes https://lookbk.dev/skills/starfield-warp-hero2026-10-26https://lookbk.dev/media/starfield-warp-hero/card.webp?v=b4cf7989https://lookbk.dev/media/starfield-warp-hero/still-1.webp?v=4c61bbdchttps://lookbk.dev/media/starfield-warp-hero/still-2.webp?v=e6100c1fhttps://lookbk.dev/media/starfield-warp-hero/still-3.webp?v=c8962262https://lookbk.dev/media/starfield-warp-hero/example-2.webp?v=4e2fb818https://lookbk.dev/media/starfield-warp-hero/phone.webp?v=12d7e006https://lookbk.dev/media/starfield-warp-hero/poster.webp?v=d84dc7f5Starfield Warp Hero: recording of an example web page made with the skillA hero section that jumps to lightspeed beside your headline. It starts in a calm starfield with a ringed planet. Then stars stretch into streaks racing out of a vanishing point, blue at their heads and trailing your color through a tunnel of light. A flash and a ring mark the drop-out, the streaks snap back to points and the planet swings in again, every 12 seconds. A readout under the copy follows the jump, as a speed or a count you choose. Your agent sets your colors, planet, fonts, logo and words, checks contrast at four widths and records a frame-exact 1080p video.https://lookbk.dev/media/starfield-warp-hero/clip.mp4?v=e5e8a005122026-10-26yes https://lookbk.dev/skills/topo-contour-hero2026-10-26https://lookbk.dev/media/topo-contour-hero/card.webp?v=4d7bd397https://lookbk.dev/media/topo-contour-hero/still-1.webp?v=1bec14e4https://lookbk.dev/media/topo-contour-hero/still-2.webp?v=b6f444dahttps://lookbk.dev/media/topo-contour-hero/still-3.webp?v=135c4432https://lookbk.dev/media/topo-contour-hero/example-2.webp?v=49a60cdahttps://lookbk.dev/media/topo-contour-hero/phone.webp?v=3e669fa2https://lookbk.dev/media/topo-contour-hero/poster.webp?v=f09144b1Topo Contour Hero: recording of an example web page made with the skillA hero section that is a living topographic map. Contour lines breathe slowly over a generated landscape, with heavier index lines carrying their elevations, a soft hillshade, lakes and a dotted grid with coordinates. Beside the headline a hiking trail plans its own switchbacks up the steep ground to a named summit and draws itself on, with a walker at its head and a profile card counting the kilometers and meters climbed. Paper map or night survey. Your agent puts in your colors, fonts, logo, headline and buttons, checks contrast at four widths and records a smooth 1080p video of it.https://lookbk.dev/media/topo-contour-hero/clip.mp4?v=9cae9195122026-10-26yes https://lookbk.dev/skills/truchet-maze-hero2026-10-26https://lookbk.dev/media/truchet-maze-hero/card.webp?v=b75c6667https://lookbk.dev/media/truchet-maze-hero/still-1.webp?v=fda2b34chttps://lookbk.dev/media/truchet-maze-hero/still-2.webp?v=77b64e94https://lookbk.dev/media/truchet-maze-hero/still-3.webp?v=0500e3fbhttps://lookbk.dev/media/truchet-maze-hero/example-2.webp?v=017140a9https://lookbk.dev/media/truchet-maze-hero/phone.webp?v=3e22202bhttps://lookbk.dev/media/truchet-maze-hero/poster.webp?v=97843d41Truchet Maze Hero: recording of an example web page made with the skillA bold two-color maze beside your headline. A grid of Truchet tiles, each two thick quarter-circle arcs, joins into one continuous network of bands. Waves of quarter turns (a diagonal, a ripple, a sweep, a ring, a spiral) cross it in turn; each tile spins with a small overshoot and flashes a highlight that drains back along the band, so the maze rewires itself wave by wave, and the bands swell under the pointer. Your agent sets the band, ground and flash colors, tile size, style, fonts, logo, headline and buttons, checks contrast at four widths and records a seamless 1080p loop.https://lookbk.dev/media/truchet-maze-hero/clip.mp4?v=3fe4ad88122026-10-26yes https://lookbk.dev/skills/ukiyo-wave-hero2026-10-26https://lookbk.dev/media/ukiyo-wave-hero/card.webp?v=4b0e72c1https://lookbk.dev/media/ukiyo-wave-hero/still-1.webp?v=57671009https://lookbk.dev/media/ukiyo-wave-hero/still-2.webp?v=3f91aa49https://lookbk.dev/media/ukiyo-wave-hero/still-3.webp?v=46cb8e78https://lookbk.dev/media/ukiyo-wave-hero/example-2.webp?v=8d794aeehttps://lookbk.dev/media/ukiyo-wave-hero/phone.webp?v=48940360https://lookbk.dev/media/ukiyo-wave-hero/poster.webp?v=e53e7a35Ukiyo Wave Hero: recording of an example web page made with the skillA hero section with a sea drawn like a Japanese woodblock print. Rows of small waves cross a washi-paper sea under a graded band of sky and a flat sun, each crest capped with a hooked curl of foam. A great wave rises out of them, curls over into a spiral while claws of foam sprout along its lip, holds with flecks of spray hanging over it, then breaks: the tip comes apart into falling drops and the wave sinks back as a second wave rises behind it. Every shape has a key-block outline, the flat blues sit a hair off register with a faint baren grain, and all of it is generated, not traced. Your agent sets your blues, fonts, logo and words, checks contrast at four widths and records a seamless 12-second 1080p loop.https://lookbk.dev/media/ukiyo-wave-hero/clip.mp4?v=cd475dd2122026-10-26yes https://lookbk.dev/skills/weather-radar-hero2026-10-26https://lookbk.dev/media/weather-radar-hero/card.webp?v=8508b004https://lookbk.dev/media/weather-radar-hero/still-1.webp?v=dd931f83https://lookbk.dev/media/weather-radar-hero/still-2.webp?v=4b16b19ahttps://lookbk.dev/media/weather-radar-hero/still-3.webp?v=4bf0fb64https://lookbk.dev/media/weather-radar-hero/example-2.webp?v=b014b729https://lookbk.dev/media/weather-radar-hero/phone.webp?v=5c9e8b9ehttps://lookbk.dev/media/weather-radar-hero/poster.webp?v=8474d17bWeather Radar Hero: recording of an example web page made with the skillA weather radar scope beside your headline. A sweep turns over a map of coastline and isobars while storm cells drift with the wind, grow and fade in reflectivity colors, drawn in range gates that update as the beam passes under a glowing afterglow. Range rings, bearing ticks, ringed storm cells with forecast tracks, a dBZ scale, a station plate and a ticking UTC clock make it read like a real instrument. Your agent sets the colors, palette, station, coordinates, wind and copy, checks contrast at four widths and records a seamless 1080p loop.https://lookbk.dev/media/weather-radar-hero/clip.mp4?v=29c9a313122026-10-26yes https://lookbk.dev/skills/aerobics-giraffe-hero2026-10-27https://lookbk.dev/media/aerobics-giraffe-hero/card.webp?v=2a718740https://lookbk.dev/media/aerobics-giraffe-hero/still-1.webp?v=494317c1https://lookbk.dev/media/aerobics-giraffe-hero/still-2.webp?v=6291f6f3https://lookbk.dev/media/aerobics-giraffe-hero/still-3.webp?v=cbc416a9https://lookbk.dev/media/aerobics-giraffe-hero/poster.webp?v=51611e5eAerobics Giraffe Hero: recording of an example web page made with the skillA website hero on five seconds of generated footage: a clay giraffe in a leotard, leg warmers and a headband high-kicks in a 1980s aerobics studio with mirrored walls and a magenta and cyan neon grid. A giant italic headline sits behind the giraffe, which is cut out of every frame and drawn over the words, so its kick and its long neck pass in front of the letters; a brush-script word is painted on above it and two outline echoes trail underneath. Around it: a wordmark with a sweatband stripe, a striped sweatband button, a round price sticker, counting stats and a VCR on-screen display whose tape counter runs with the film. 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.https://lookbk.dev/media/aerobics-giraffe-hero/clip.mp4?v=3c9b03b552026-10-27yes https://lookbk.dev/skills/boardwalk-wheel-hero2026-10-27https://lookbk.dev/media/boardwalk-wheel-hero/card.webp?v=9ec09c6ehttps://lookbk.dev/media/boardwalk-wheel-hero/still-1.webp?v=f284d5e4https://lookbk.dev/media/boardwalk-wheel-hero/still-2.webp?v=d32a2313https://lookbk.dev/media/boardwalk-wheel-hero/still-3.webp?v=633aeea5https://lookbk.dev/media/boardwalk-wheel-hero/poster.webp?v=c845973cBoardwalk Wheel Hero: recording of an example web page made with the skillA website hero on five seconds of generated footage: an illuminated Ferris wheel and striped tents on a wet 1950s seaside boardwalk at blue hour, couples strolling under strings of bulbs while the pink sunset deepens to navy. A giant block word in red-and-cream tent stripes sits behind the wheel, which is cut out of every frame and drawn over it, with a glowing script line above. Around it: a scalloped awning edge, a wordmark with a turning wheel badge, a ride-ticket button, a felt souvenir pennant, tonight's line-up 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.https://lookbk.dev/media/boardwalk-wheel-hero/clip.mp4?v=955a019652026-10-27yes https://lookbk.dev/skills/bowling-otter-hero2026-10-27https://lookbk.dev/media/bowling-otter-hero/card.webp?v=d212ddd2https://lookbk.dev/media/bowling-otter-hero/still-1.webp?v=18316c51https://lookbk.dev/media/bowling-otter-hero/still-2.webp?v=bd239238https://lookbk.dev/media/bowling-otter-hero/still-3.webp?v=a210476dhttps://lookbk.dev/media/bowling-otter-hero/poster.webp?v=fe609053Bowling Otter Hero: recording of an example web page made with the skillA website hero on five seconds of generated footage: a felted otter in an orange-and-teal bowling shirt lets go of a glitter ball at a 1970s alley, the ball rolls down the lane toward the camera and the otter hops back to the pins and cheers under starburst lights. A giant cream block word with four 70s stripes sits behind the otter and the ball, which are cut out of every frame and drawn over it, under an orange bowling-shirt script line that stitches on. Around it: a chain-stitched name badge and links, a lane-ticket button with a tear-off stub, counting stats, a score sheet that marks ten strikes up to 300, sparkles 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.https://lookbk.dev/media/bowling-otter-hero/clip.mp4?v=756e878b52026-10-27yes https://lookbk.dev/skills/coast-convertible-hero2026-10-27https://lookbk.dev/media/coast-convertible-hero/card.webp?v=e2b063fahttps://lookbk.dev/media/coast-convertible-hero/still-1.webp?v=3c53eaf5https://lookbk.dev/media/coast-convertible-hero/still-2.webp?v=0d88db19https://lookbk.dev/media/coast-convertible-hero/still-3.webp?v=538044d2https://lookbk.dev/media/coast-convertible-hero/poster.webp?v=9930ca86Coast Convertible Hero: recording of an example web page made with the skillA 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.https://lookbk.dev/media/coast-convertible-hero/clip.mp4?v=ef9d44d752026-10-27yes https://lookbk.dev/skills/desert-gas-hero2026-10-27https://lookbk.dev/media/desert-gas-hero/card.webp?v=602da2a2https://lookbk.dev/media/desert-gas-hero/still-1.webp?v=f7ce40cdhttps://lookbk.dev/media/desert-gas-hero/still-2.webp?v=3d072571https://lookbk.dev/media/desert-gas-hero/still-3.webp?v=b2e37b9chttps://lookbk.dev/media/desert-gas-hero/poster.webp?v=e8901538Desert Gas Hero: recording of an example web page made with the skillA website hero on five seconds of generated footage: a rusty red 1950s pickup parked by two glowing globe fuel pumps at a lone desert gas station at sunset, mesas on the horizon and dust drifting under a huge orange sky. A giant cream slab headline sits behind the pickup, which is cut out of every frame and drawn over the words, with a turquoise brush-script line painted on above it. Around it: an enamel wordmark plate and links, a road-sign plate, a lit-globe button, an enamel pump face with rolling number windows 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.https://lookbk.dev/media/desert-gas-hero/clip.mp4?v=9e606fdc52026-10-27yes https://lookbk.dev/skills/drive-in-hero2026-10-27https://lookbk.dev/media/drive-in-hero/card.webp?v=46eb8688https://lookbk.dev/media/drive-in-hero/still-1.webp?v=0ca0659ehttps://lookbk.dev/media/drive-in-hero/still-2.webp?v=3db615dchttps://lookbk.dev/media/drive-in-hero/still-3.webp?v=fbe28435https://lookbk.dev/media/drive-in-hero/poster.webp?v=143f4e3eDrive-In Hero: recording of an example web page made with the skillA website hero on five seconds of generated footage: a 1950s drive-in in the desert at dusk, rows of pink and cream classic cars facing a huge glowing screen while the stars come out and the camera slowly pushes in. A 3-2-1 film leader counts down on the screen, it flashes, and your own title card flickers on and moves with the camera. In the sky beside it: a turquoise neon script word and a giant cream block headline with a stacked sunset shadow. Around it: an atomic-star wordmark and links, an admission ticket, sparkles, two buttons 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.https://lookbk.dev/media/drive-in-hero/clip.mp4?v=8906f78352026-10-27yes https://lookbk.dev/skills/jukebox-den-hero2026-10-27https://lookbk.dev/media/jukebox-den-hero/card.webp?v=2b85dfc5https://lookbk.dev/media/jukebox-den-hero/still-1.webp?v=4d2d1aa9https://lookbk.dev/media/jukebox-den-hero/still-2.webp?v=5796505ehttps://lookbk.dev/media/jukebox-den-hero/still-3.webp?v=54246752https://lookbk.dev/media/jukebox-den-hero/poster.webp?v=0df00ccfJukebox Den Hero: recording of an example web page made with the skillA website hero on five seconds of generated footage: the camera pushes slowly into a 1970s basement record den, past crates of vinyl, velvet armchairs, string lights and sunbeams, until a glowing chrome jukebox fills the right of the frame. Two lines of giant chrome letters sit behind the jukebox, which is cut out of every frame and drawn over them, so the end of the headline slides behind its glass as the camera moves in; an amber script line is written across them and a glint runs over the chrome. Around it: links with jukebox selection keys, a red selector button with a spinning coin, a card of jukebox title strips with a turning record, 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.https://lookbk.dev/media/jukebox-den-hero/clip.mp4?v=6c593cc152026-10-27yes https://lookbk.dev/skills/silver-trailer-hero2026-10-27https://lookbk.dev/media/silver-trailer-hero/card.webp?v=5ab10eechttps://lookbk.dev/media/silver-trailer-hero/still-1.webp?v=473b68dfhttps://lookbk.dev/media/silver-trailer-hero/still-2.webp?v=7f1fa3a7https://lookbk.dev/media/silver-trailer-hero/still-3.webp?v=ad340006https://lookbk.dev/media/silver-trailer-hero/poster.webp?v=25387dd7Silver Trailer Hero: recording of an example web page made with the skillA website hero on five seconds of generated footage: a polished aluminium travel trailer hung with string lights by a misty lake at night, with a campfire, two people in plaid folding chairs, tall pines and a sky filling with stars as the camera pushes in. One giant word in red marquee letters filled with light bulbs sits behind the trailer, which is cut out of every frame and drawn over the words, so its roof rises into the letters as the camera closes in. Above it an amber brush-script phrase writes itself on; around it are a script wordmark and links, a brushed-aluminium bar button, a lantern button, an embroidered camp patch and a typewritten campsite permit tag that swings on its string. 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.https://lookbk.dev/media/silver-trailer-hero/clip.mp4?v=674c2f3452026-10-27yes https://lookbk.dev/skills/soda-fountain-hero2026-10-27https://lookbk.dev/media/soda-fountain-hero/card.webp?v=e12344f7https://lookbk.dev/media/soda-fountain-hero/still-1.webp?v=26491be8https://lookbk.dev/media/soda-fountain-hero/still-2.webp?v=46a879f6https://lookbk.dev/media/soda-fountain-hero/still-3.webp?v=1d0733d4https://lookbk.dev/media/soda-fountain-hero/poster.webp?v=91e7b466Soda Fountain Hero: recording of an example web page made with the skillA website hero on five seconds of generated footage: at a pastel pink-and-mint 1950s soda fountain, a felted lamb in a paper soda-jerk hat sets a cherry on a towering sundae while the camera pushes in. A giant two-line headline in a fat, round 1950s face sits behind the lamb and the sundae, which are cut out of every frame and drawn over the words, so the end of the first line tucks under the sundae; its letters drop in like scoops, a red script line is written on above it, and a cherry lands as the full stop just as the lamb tops the sundae. Around it: a scalloped wordmark badge and links, a candy-stripe button, a cherry-red main button, a little fountain menu card with prices on dotted leaders, 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.https://lookbk.dev/media/soda-fountain-hero/clip.mp4?v=342afcc852026-10-27yes https://lookbk.dev/skills/marble-bust-hero2026-11-01https://lookbk.dev/media/marble-bust-hero/card.webp?v=93241c8ahttps://lookbk.dev/media/marble-bust-hero/still-1.webp?v=fc4869f2https://lookbk.dev/media/marble-bust-hero/still-2.webp?v=d8a48913https://lookbk.dev/media/marble-bust-hero/still-3.webp?v=52700203https://lookbk.dev/media/marble-bust-hero/poster.webp?v=6f305a09Marble Bust Hero: recording of an example web page made with the skillA dark, cinematic website hero on five seconds of generated footage: a white marble bust of a young woman on a black stone plinth in a pitch-black studio, a cool rim light sweeping across her face while dust drifts through the beam and the camera slowly circles in. A giant serif word sits behind the marble bust, which is cut out of every frame and drawn over it, under an italic line that fades in word by word. Around it, liquid-glass panels: a floating bar with your links, a kicker chip, a glass second button, number cards (one can count up) and a scene card whose line fills as the film plays. 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. It suits a gallery, museum, art, architecture, luxury, beauty, publishing or any editorial, classical, quiet-luxury brand.https://lookbk.dev/media/marble-bust-hero/clip.mp4?v=3925828352026-11-01yes https://lookbk.dev/skills/free-diver-hero2026-11-01https://lookbk.dev/media/free-diver-hero/card.webp?v=166b0fcehttps://lookbk.dev/media/free-diver-hero/still-1.webp?v=8fe6d35ahttps://lookbk.dev/media/free-diver-hero/still-2.webp?v=b8e88647https://lookbk.dev/media/free-diver-hero/still-3.webp?v=d3635923https://lookbk.dev/media/free-diver-hero/poster.webp?v=ab4824ccFree Diver Hero: recording of an example web page made with the skillA dark, cinematic website hero on five seconds of generated footage: a free-diver in a plain black wetsuit gliding head-first down into deep ocean blue while sun rays slant through the water and the camera sinks with her. A giant serif word sits behind the diver, which is cut out of every frame and drawn over it, under an italic line that fades in word by word. Around it, liquid-glass panels: a floating bar with your links, a kicker chip, a glass second button, number cards (one can count up) and a scene card whose line fills as the film plays. 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. It suits a travel, ocean, sport, wellness, breathwork, sleep, climate or any calm, deep, blue brand.https://lookbk.dev/media/free-diver-hero/clip.mp4?v=27d9ecca52026-11-01yes https://lookbk.dev/skills/floating-sneaker-hero2026-11-01https://lookbk.dev/media/floating-sneaker-hero/card.webp?v=010ccddbhttps://lookbk.dev/media/floating-sneaker-hero/still-1.webp?v=9cc2851fhttps://lookbk.dev/media/floating-sneaker-hero/still-2.webp?v=72679a74https://lookbk.dev/media/floating-sneaker-hero/still-3.webp?v=fb14bf54https://lookbk.dev/media/floating-sneaker-hero/poster.webp?v=2297a16bFloating Sneaker Hero: recording of an example web page made with the skillA dark, cinematic website hero on five seconds of generated footage: a grey suede trail sneaker with a sculpted foam sole and orange pull loops floating and turning in a dark studio while glass shards drift around it and the camera pushes in. A giant serif word sits behind the sneaker, which is cut out of every frame and drawn over it, under an italic line that fades in word by word. Around it, liquid-glass panels: a floating bar with your links, a kicker chip, a glass second button, number cards (one can count up) and a scene card whose line fills as the film plays. 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. It suits a product drop, footwear, fashion, sports gear, e-commerce or any brand launching one hero product.https://lookbk.dev/media/floating-sneaker-hero/clip.mp4?v=4a43d6bd52026-11-01yes https://lookbk.dev/skills/gold-coin-hero2026-11-01https://lookbk.dev/media/gold-coin-hero/card.webp?v=11dc7ffchttps://lookbk.dev/media/gold-coin-hero/still-1.webp?v=d3997049https://lookbk.dev/media/gold-coin-hero/still-2.webp?v=f8e181bchttps://lookbk.dev/media/gold-coin-hero/still-3.webp?v=c2bd6e5dhttps://lookbk.dev/media/gold-coin-hero/poster.webp?v=e4936d6bGold Coin Hero: recording of an example web page made with the skillA dark, cinematic website hero on five seconds of generated footage: a heavy brushed-gold coin with an engraved hexagon pattern spinning on its edge on black glass, its mirror reflection spinning below it, with a violet glow behind. A giant serif word sits behind the coin, which is cut out of every frame and drawn over it, under an italic line that fades in word by word. Around it, liquid-glass panels: a floating bar with your links, a kicker chip, a glass second button, number cards (one can count up) and a scene card whose line fills as the film plays. 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. It suits a fintech, banking, savings, payments, crypto, web3, rewards or any money brand.https://lookbk.dev/media/gold-coin-hero/clip.mp4?v=acb86d4952026-11-01yes https://lookbk.dev/skills/dune-astronaut-hero2026-11-01https://lookbk.dev/media/dune-astronaut-hero/card.webp?v=b44abfa7https://lookbk.dev/media/dune-astronaut-hero/still-1.webp?v=985ac410https://lookbk.dev/media/dune-astronaut-hero/still-2.webp?v=323d2adahttps://lookbk.dev/media/dune-astronaut-hero/still-3.webp?v=1b399166https://lookbk.dev/media/dune-astronaut-hero/poster.webp?v=4d8c6d4eDune Astronaut Hero: recording of an example web page made with the skillA dark, cinematic website hero on five seconds of generated footage: a lone astronaut in a white suit with a gold visor standing on a rust-orange dune at dawn, a huge pale moon behind, sand streaming off the crest as the helmet turns toward the camera. A giant serif word sits behind the astronaut, which is cut out of every frame and drawn over it, under an italic line that fades in word by word. Around it, liquid-glass panels: a floating bar with your links, a kicker chip, a glass second button, number cards (one can count up) and a scene card whose line fills as the film plays. 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. It suits a space, deep-tech, travel, adventure, outdoor, film or any frontier, exploration brand.https://lookbk.dev/media/dune-astronaut-hero/clip.mp4?v=53096ac152026-11-01yes https://lookbk.dev/skills/silk-dancer-hero2026-11-01https://lookbk.dev/media/silk-dancer-hero/card.webp?v=b73156achttps://lookbk.dev/media/silk-dancer-hero/still-1.webp?v=13ce0b79https://lookbk.dev/media/silk-dancer-hero/still-2.webp?v=973d97f4https://lookbk.dev/media/silk-dancer-hero/still-3.webp?v=afc907b6https://lookbk.dev/media/silk-dancer-hero/poster.webp?v=1efa09bfSilk Dancer Hero: recording of an example web page made with the skillA dark, cinematic website hero on five seconds of generated footage: a dancer in a long crimson silk dress finishing a slow turn under one spotlight on a black stage, the silk swirling out and settling while haze drifts. A giant serif word sits behind the dancer, which is cut out of every frame and drawn over it, under an italic line that fades in word by word. Around it, liquid-glass panels: a floating bar with your links, a kicker chip, a glass second button, number cards (one can count up) and a scene card whose line fills as the film plays. 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. It suits a theatre, dance, music, event, fashion, fragrance or any performance and evening brand.https://lookbk.dev/media/silk-dancer-hero/clip.mp4?v=82764b1152026-11-01yes https://lookbk.dev/skills/deep-jellyfish-hero2026-11-01https://lookbk.dev/media/deep-jellyfish-hero/card.webp?v=04c29e6ehttps://lookbk.dev/media/deep-jellyfish-hero/still-1.webp?v=e696c15chttps://lookbk.dev/media/deep-jellyfish-hero/still-2.webp?v=32e11ea1https://lookbk.dev/media/deep-jellyfish-hero/still-3.webp?v=044a2554https://lookbk.dev/media/deep-jellyfish-hero/poster.webp?v=e5106a98Deep Jellyfish Hero: recording of an example web page made with the skillA dark, cinematic website hero on five seconds of generated footage: a translucent moon jellyfish glowing cyan and violet in a black deep-sea void, pulsing twice and rising slowly while glowing plankton twinkle around it. A giant serif word sits behind the jellyfish, which is cut out of every frame and drawn over it, under an italic line that fades in word by word. Around it, liquid-glass panels: a floating bar with your links, a kicker chip, a glass second button, number cards (one can count up) and a scene card whose line fills as the film plays. 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. It suits a sleep, wellness, meditation, science, biotech, music or any calm, glowing, nocturnal brand.https://lookbk.dev/media/deep-jellyfish-hero/clip.mp4?v=3cbe3f3552026-11-01yes https://lookbk.dev/skills/dawn-balloon-hero2026-11-01https://lookbk.dev/media/dawn-balloon-hero/card.webp?v=b62afc6fhttps://lookbk.dev/media/dawn-balloon-hero/still-1.webp?v=41838e69https://lookbk.dev/media/dawn-balloon-hero/still-2.webp?v=70204c26https://lookbk.dev/media/dawn-balloon-hero/still-3.webp?v=60c01d52https://lookbk.dev/media/dawn-balloon-hero/poster.webp?v=02d0a5f8Dawn Balloon Hero: recording of an example web page made with the skillA bright, cinematic website hero on five seconds of generated footage: a red and cream striped hot-air balloon rising slowly over a misty mountain valley at sunrise while fog rolls across the ridges. A giant serif word sits behind the balloon, which is cut out of every frame and drawn over it, under an italic line that fades in word by word. Around it, liquid-glass panels: a floating bar with your links, a kicker chip, a glass second button, number cards (one can count up) and a scene card whose line fills as the film plays. 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. It suits a travel, tourism, hospitality, wellness, outdoor or any calm, uplifting, sunrise brand.https://lookbk.dev/media/dawn-balloon-hero/clip.mp4?v=d4e8ef8d52026-11-01yes https://lookbk.dev/skills/cliff-villa-scroll-page2026-11-01https://lookbk.dev/media/cliff-villa-scroll-page/card.webp?v=ef2f0e2fhttps://lookbk.dev/media/cliff-villa-scroll-page/still-1.webp?v=6f486e5ehttps://lookbk.dev/media/cliff-villa-scroll-page/still-2.webp?v=09718b6chttps://lookbk.dev/media/cliff-villa-scroll-page/still-3.webp?v=25f0a1d6https://lookbk.dev/media/cliff-villa-scroll-page/still-4.webp?v=543f0957https://lookbk.dev/media/cliff-villa-scroll-page/poster.webp?v=afbc79acCliff Villa Scroll Page: recording of an example web page made with the skillA whole cinematic landing page that tells its story as you scroll, on ten seconds of generated footage: a concrete and glass villa over a sea cliff at blue hour, filmed from a slow drone orbit. The film loops behind a headline that rises word by word out of a blur under a liquid-glass bar. Then the film pins in a small rounded window that opens to full screen while it plays forward and back with the scroll, under three captions in turn. A row of four frames slides sideways, a marquee runs, three numbers count up, and a spotlight follows the pointer over the last picture. Your agent writes one page.json with your words and links; the build checks every length, and a recorder makes a 1080p video of the scroll. It suits architects, real-estate developers, villas, hotels and interior studios.https://lookbk.dev/media/cliff-villa-scroll-page/clip.mp4?v=075a2a5a172026-11-01yes https://lookbk.dev/skills/rain-alley-scroll-page2026-11-01https://lookbk.dev/media/rain-alley-scroll-page/card.webp?v=04f4a279https://lookbk.dev/media/rain-alley-scroll-page/still-1.webp?v=ed44f12fhttps://lookbk.dev/media/rain-alley-scroll-page/still-2.webp?v=d81cff56https://lookbk.dev/media/rain-alley-scroll-page/still-3.webp?v=087212d3https://lookbk.dev/media/rain-alley-scroll-page/still-4.webp?v=8df30361https://lookbk.dev/media/rain-alley-scroll-page/poster.webp?v=38901227Rain Alley Scroll Page: recording of an example web page made with the skillA whole cinematic landing page that tells its story as you scroll, on ten seconds of generated footage: an empty neon-lit alley in heavy rain at night, filmed on a slow dolly forward. The film loops behind a headline that rises word by word out of a blur under a liquid-glass bar. Then the film pins in a small rounded window that opens to full screen while it plays forward and back with the scroll, under three captions in turn. A row of four frames slides sideways, a marquee runs, three numbers count up, and a spotlight follows the pointer over the last picture. Your agent writes one page.json with your words and links; the build checks every length, and a recorder makes a 1080p video of the scroll. It suits games, music labels, nightlife, streetwear, film festivals and anything after dark.https://lookbk.dev/media/rain-alley-scroll-page/clip.mp4?v=ae3fb492172026-11-01yes https://lookbk.dev/skills/ink-bottle-scroll-page2026-11-01https://lookbk.dev/media/ink-bottle-scroll-page/card.webp?v=2748e4fdhttps://lookbk.dev/media/ink-bottle-scroll-page/still-1.webp?v=c67c124chttps://lookbk.dev/media/ink-bottle-scroll-page/still-2.webp?v=839ec8abhttps://lookbk.dev/media/ink-bottle-scroll-page/still-3.webp?v=8405edffhttps://lookbk.dev/media/ink-bottle-scroll-page/still-4.webp?v=fe425fe0https://lookbk.dev/media/ink-bottle-scroll-page/poster.webp?v=e7364b02Ink Bottle Scroll Page: recording of an example web page made with the skillA whole cinematic landing page that tells its story as you scroll, on ten seconds of generated footage: a faceted glass perfume bottle on wet black slate while violet and gold ink blooms in the water behind it. The film loops behind a headline that rises word by word out of a blur under a liquid-glass bar. Then the film pins in a small rounded window that opens to full screen while it plays forward and back with the scroll, under three captions in turn. A row of four frames slides sideways, a marquee runs, three numbers count up, and a spotlight follows the pointer over the last picture. Your agent writes one page.json with your words and links; the build checks every length, and a recorder makes a 1080p video of the scroll. It suits fragrance, beauty, skincare, spirits and jewellery launches.https://lookbk.dev/media/ink-bottle-scroll-page/clip.mp4?v=1891c969172026-11-01yes https://lookbk.dev/skills/watch-movement-scroll-page2026-11-01https://lookbk.dev/media/watch-movement-scroll-page/card.webp?v=bee78d8dhttps://lookbk.dev/media/watch-movement-scroll-page/still-1.webp?v=c2d75e71https://lookbk.dev/media/watch-movement-scroll-page/still-2.webp?v=032bbf27https://lookbk.dev/media/watch-movement-scroll-page/still-3.webp?v=25f3bd29https://lookbk.dev/media/watch-movement-scroll-page/still-4.webp?v=81af3513https://lookbk.dev/media/watch-movement-scroll-page/poster.webp?v=a0eed531Watch Movement Scroll Page: recording of an example web page made with the skillA whole cinematic landing page that tells its story as you scroll, on ten seconds of generated footage: the brass gears, gold balance wheel and ruby jewels of a mechanical watch movement in extreme macro. The film loops behind a headline that rises word by word out of a blur under a liquid-glass bar. Then the film pins in a small rounded window that opens to full screen while it plays forward and back with the scroll, under three captions in turn. A row of four frames slides sideways, a marquee runs, three numbers count up, and a spotlight follows the pointer over the last picture. Your agent writes one page.json with your words and links; the build checks every length, and a recorder makes a 1080p video of the scroll. It suits watchmakers, engineering firms, crafts brands, hardware makers and anything about precision.https://lookbk.dev/media/watch-movement-scroll-page/clip.mp4?v=623b7a10172026-11-01yes https://lookbk.dev/skills/morning-pour-scroll-page2026-11-01https://lookbk.dev/media/morning-pour-scroll-page/card.webp?v=ff4e7a73https://lookbk.dev/media/morning-pour-scroll-page/still-1.webp?v=9e16ccafhttps://lookbk.dev/media/morning-pour-scroll-page/still-2.webp?v=03ca9bb7https://lookbk.dev/media/morning-pour-scroll-page/still-3.webp?v=68bab17ahttps://lookbk.dev/media/morning-pour-scroll-page/still-4.webp?v=422c66f2https://lookbk.dev/media/morning-pour-scroll-page/poster.webp?v=f1e606e4Morning Pour Scroll Page: recording of an example web page made with the skillA whole cinematic landing page that tells its story as you scroll, on ten seconds of generated footage: coffee poured from a black kettle into a dark cup in soft morning window light, steam curling through a sunbeam. The film loops behind a headline that rises word by word out of a blur under a liquid-glass bar. Then the film pins in a small rounded window that opens to full screen while it plays forward and back with the scroll, under three captions in turn. A row of four frames slides sideways, a marquee runs, three numbers count up, and a spotlight follows the pointer over the last picture. Your agent writes one page.json with your words and links; the build checks every length, and a recorder makes a 1080p video of the scroll. It suits coffee roasters, cafés, bakeries, tea brands and slow-living products.https://lookbk.dev/media/morning-pour-scroll-page/clip.mp4?v=3fa9d955172026-11-01yes https://lookbk.dev/skills/aurora-cabin-scroll-page2026-11-01https://lookbk.dev/media/aurora-cabin-scroll-page/card.webp?v=88de5497https://lookbk.dev/media/aurora-cabin-scroll-page/still-1.webp?v=d6df6aa1https://lookbk.dev/media/aurora-cabin-scroll-page/still-2.webp?v=58904b3ehttps://lookbk.dev/media/aurora-cabin-scroll-page/still-3.webp?v=0f4d0ad0https://lookbk.dev/media/aurora-cabin-scroll-page/still-4.webp?v=f01c8d88https://lookbk.dev/media/aurora-cabin-scroll-page/poster.webp?v=874e16b3Aurora Cabin Scroll Page: recording of an example web page made with the skillA whole cinematic landing page that tells its story as you scroll, on ten seconds of generated footage: a black timber cabin with one lit window on a snowy ridge under a rippling green and violet aurora. The film loops behind a headline that rises word by word out of a blur under a liquid-glass bar. Then the film pins in a small rounded window that opens to full screen while it plays forward and back with the scroll, under three captions in turn. A row of four frames slides sideways, a marquee runs, three numbers count up, and a spotlight follows the pointer over the last picture. Your agent writes one page.json with your words and links; the build checks every length, and a recorder makes a 1080p video of the scroll. It suits travel companies, cabins and hotels, outdoor gear, astronomy and winter brands.https://lookbk.dev/media/aurora-cabin-scroll-page/clip.mp4?v=d4670512172026-11-01yes https://lookbk.dev/skills/glass-monolith-scroll-page2026-11-01https://lookbk.dev/media/glass-monolith-scroll-page/card.webp?v=851c3ae9https://lookbk.dev/media/glass-monolith-scroll-page/still-1.webp?v=c493f80dhttps://lookbk.dev/media/glass-monolith-scroll-page/still-2.webp?v=fd977072https://lookbk.dev/media/glass-monolith-scroll-page/still-3.webp?v=efc28248https://lookbk.dev/media/glass-monolith-scroll-page/still-4.webp?v=7d5e06d3https://lookbk.dev/media/glass-monolith-scroll-page/poster.webp?v=d663d971Glass Monolith Scroll Page: recording of an example web page made with the skillA whole cinematic landing page that tells its story as you scroll, on ten seconds of generated footage: a frosted glass monolith on a black mirror floor while cyan and magenta light ribbons spiral around it. The film loops behind a headline that rises word by word out of a blur under a liquid-glass bar. Then the film pins in a small rounded window that opens to full screen while it plays forward and back with the scroll, under three captions in turn. A row of four frames slides sideways, a marquee runs, three numbers count up, and a spotlight follows the pointer over the last picture. Your agent writes one page.json with your words and links; the build checks every length, and a recorder makes a 1080p video of the scroll. It suits AI products, developer tools, SaaS launches, research labs and deep-tech startups.https://lookbk.dev/media/glass-monolith-scroll-page/clip.mp4?v=6f8e6559172026-11-01yes https://lookbk.dev/skills/black-sand-scroll-page2026-11-01https://lookbk.dev/media/black-sand-scroll-page/card.webp?v=e1df33eehttps://lookbk.dev/media/black-sand-scroll-page/still-1.webp?v=82a03c06https://lookbk.dev/media/black-sand-scroll-page/still-2.webp?v=ecdb89c8https://lookbk.dev/media/black-sand-scroll-page/still-3.webp?v=bef452a0https://lookbk.dev/media/black-sand-scroll-page/still-4.webp?v=001318fehttps://lookbk.dev/media/black-sand-scroll-page/poster.webp?v=d728ae61Black Sand Scroll Page: recording of an example web page made with the skillA whole cinematic landing page that tells its story as you scroll, on ten seconds of generated footage: white surf rolling over a black volcanic sand beach, filmed straight down from a drifting drone. The film loops behind a headline that rises word by word out of a blur under a liquid-glass bar. Then the film pins in a small rounded window that opens to full screen while it plays forward and back with the scroll, under three captions in turn. A row of four frames slides sideways, a marquee runs, three numbers count up, and a spotlight follows the pointer over the last picture. Your agent writes one page.json with your words and links; the build checks every length, and a recorder makes a 1080p video of the scroll. It suits spas, wellness apps, swimwear, island resorts, skincare and ocean charities.https://lookbk.dev/media/black-sand-scroll-page/clip.mp4?v=62e29606172026-11-01yes https://lookbk.dev/skills/waving-flag-hero2026-11-01https://lookbk.dev/media/waving-flag-hero/card.webp?v=d2e96314https://lookbk.dev/media/waving-flag-hero/still-1.webp?v=e4a5e7aahttps://lookbk.dev/media/waving-flag-hero/still-2.webp?v=c798e766https://lookbk.dev/media/waving-flag-hero/still-3.webp?v=afe7a827https://lookbk.dev/media/waving-flag-hero/example-2.webp?v=4cd7e2e3https://lookbk.dev/media/waving-flag-hero/phone.webp?v=3575f0bdhttps://lookbk.dev/media/waving-flag-hero/poster.webp?v=619a3427Waving Flag Hero: recording of an example web page made with the skillA large cloth flag waves on a pole beside the headline, with the brand's logo sewn onto the cloth. Waves leave the pole and grow toward the free end, the corners flutter, and every fold is lit from its own surface, so crests catch the light and troughs fall into shade. A fine weave, stitched hems, a sleeve round the pole and a soft satin sheen make it read as real fabric. The cloth can be one colour, two bands, a band at the pole, a frame or a stripe, all in the brand's own colours, and the pointer pushes a gust through it. Raw WebGL with no libraries, a loop that closes exactly, and an SVG still for reduced motion.https://lookbk.dev/media/waving-flag-hero/clip.mp4?v=2385a706102026-11-01yes https://lookbk.dev/skills/liquid-lens-hero2026-11-01https://lookbk.dev/media/liquid-lens-hero/card.webp?v=948b8538https://lookbk.dev/media/liquid-lens-hero/still-1.webp?v=4265301bhttps://lookbk.dev/media/liquid-lens-hero/still-2.webp?v=4fde5346https://lookbk.dev/media/liquid-lens-hero/still-3.webp?v=6682aab2https://lookbk.dev/media/liquid-lens-hero/example-2.webp?v=1e1a2155https://lookbk.dev/media/liquid-lens-hero/phone.webp?v=1fb2d5e6https://lookbk.dev/media/liquid-lens-hero/poster.webp?v=2fbdd3b8Liquid Lens Hero: recording of an example web page made with the skillA hero section with a round lens of liquid glass drifting over a bold composition drawn in your colors: your brand's word set huge in rows, diagonal stripes, a drafting grid or gradient bands. The lens magnifies what sits under it, bends the world outside into its rim and splits the edge into a thin red, green and blue fringe, with a bright specular rim, a glint and a soft drop shadow. It follows the pointer on a spring and stretches like a drop as it moves; left alone, it glides along a figure eight that loops seamlessly. The pattern calms down behind the copy so the words always read. Your agent puts in your colors, fonts, logo, headline and buttons, checks contrast at four widths and records a 1080p loop.https://lookbk.dev/media/liquid-lens-hero/clip.mp4?v=d3c4bb93122026-11-01yes https://lookbk.dev/skills/spotlight-type-hero2026-11-01https://lookbk.dev/media/spotlight-type-hero/card.webp?v=7625a042https://lookbk.dev/media/spotlight-type-hero/still-1.webp?v=cac5bb73https://lookbk.dev/media/spotlight-type-hero/still-2.webp?v=2537f7c4https://lookbk.dev/media/spotlight-type-hero/still-3.webp?v=0140b4d3https://lookbk.dev/media/spotlight-type-hero/example-2.webp?v=f8cf5c37https://lookbk.dev/media/spotlight-type-hero/phone.webp?v=f36822e4https://lookbk.dev/media/spotlight-type-hero/poster.webp?v=bd1a3631Spotlight Type Hero: recording of an example web page made with the skillA dark hero filled edge to edge with giant display type: the brand's words repeated and stacked into a wall, drawn as thin outlines or a dim fill, the rows sliding slowly in opposite directions. A soft circular spotlight follows the pointer and shows the same wall underneath in bright gradient fill, with a warm glow, faint film grain and a smaller second light trailing behind. One row carries a hidden line, a date, an offer or a launch, that only appears under the light. Without a pointer, and in the recording, the light rests on the hidden line, reads along it and tours the wall in a seamless loop. Radius, softness, colours, grain and the hidden words are all settings, and the headline stays readable over it.https://lookbk.dev/media/spotlight-type-hero/clip.mp4?v=61281413122026-11-01yes https://lookbk.dev/skills/tilt-card-stack-hero2026-11-01https://lookbk.dev/media/tilt-card-stack-hero/card.webp?v=3a4a84d3https://lookbk.dev/media/tilt-card-stack-hero/still-1.webp?v=2633d889https://lookbk.dev/media/tilt-card-stack-hero/still-2.webp?v=e696cacchttps://lookbk.dev/media/tilt-card-stack-hero/still-3.webp?v=0320518fhttps://lookbk.dev/media/tilt-card-stack-hero/example-2.webp?v=17878d56https://lookbk.dev/media/tilt-card-stack-hero/phone.webp?v=d325f433https://lookbk.dev/media/tilt-card-stack-hero/poster.webp?v=9595d7caTilt Card Stack Hero: recording of an example web page made with the skillA fanned stack of 3 to 5 glossy cards floats in perspective beside the headline: pricing tiers, plans or key figures, each with the brand's own label, a big number, a title and a detail line on a gradient face with a pattern drawn in CSS. The stack tilts toward the pointer with every card at its own depth, so the back cards slide against the front one, while a glare follows the turn and layered shadows open as cards lift. Every few seconds the top card swings out and tucks in at the back, sliding or flipping over to show its back. Without a pointer the tilt follows a path that repeats with the stack, so a recording of one full turn loops without a seam. It is plain HTML and CSS 3D, with no WebGL and no library.https://lookbk.dev/media/tilt-card-stack-hero/clip.mp4?v=4ade23aa122026-11-01yes https://lookbk.dev/skills/scroll-word-reveal-hero2026-11-01https://lookbk.dev/media/scroll-word-reveal-hero/card.webp?v=93598b46https://lookbk.dev/media/scroll-word-reveal-hero/still-1.webp?v=5453a2e7https://lookbk.dev/media/scroll-word-reveal-hero/still-2.webp?v=2ae6c3e1https://lookbk.dev/media/scroll-word-reveal-hero/still-3.webp?v=b03596e0https://lookbk.dev/media/scroll-word-reveal-hero/example-2.webp?v=606596c0https://lookbk.dev/media/scroll-word-reveal-hero/phone.webp?v=58b9203ehttps://lookbk.dev/media/scroll-word-reveal-hero/poster.webp?v=657f0b41Scroll Word Reveal Hero: recording of an example web page made with the skillA pinned statement hero that reads the brand's manifesto with the visitor. Beside a short headline, 25 to 60 words of the brand's own copy sit in large display type, every word dim, soft and set a little low. As the visitor scrolls, the hero holds still and the words light up one after another to full ink, sharpening and rising into place, while marked phrases light in the accent colour or italic. A thin progress line and word counter fill underneath, a soft canvas glow drifts and shifts from one colour to another as the reading goes on, and when the last word lights a sign-off and the buttons rise in. It is drawn on a 2D canvas with no libraries, and the finished paragraph stays as a still for reduced motion and without scripts.https://lookbk.dev/media/scroll-word-reveal-hero/clip.mp4?v=e1af9fdc112026-11-01yes https://lookbk.dev/skills/shutter-reveal-hero2026-11-01https://lookbk.dev/media/shutter-reveal-hero/card.webp?v=2ffe6102https://lookbk.dev/media/shutter-reveal-hero/still-1.webp?v=3c50f624https://lookbk.dev/media/shutter-reveal-hero/still-2.webp?v=deb47337https://lookbk.dev/media/shutter-reveal-hero/still-3.webp?v=c34cc196https://lookbk.dev/media/shutter-reveal-hero/example-2.webp?v=de995c8bhttps://lookbk.dev/media/shutter-reveal-hero/phone.webp?v=325bcfcchttps://lookbk.dev/media/shutter-reveal-hero/poster.webp?v=9e48deeeShutter Reveal Hero: recording of an example web page made with the skillA hero section that opens like a venetian blind. Beside the copy hangs a framed art plate drawn in code: a gradient sun over horizon bands, layered hills under a low sun, or a bold geometric poster, all with a soft film grain. A blind of 8 to 16 thin slats folds open in a staggered wave, each slat catching a sheen and casting a soft shadow while its strip of the plate slides into register. The headline wipes in line by line behind its own masks. Open, the strips breathe with a slow parallax. Then the blind closes and reopens onto a second plate in a shifted palette, so the scene loops without a seam. Your agent sets your colours, plates, slats, fonts, logo and words, checks contrast at four widths and records a frame-exact 1080p video.https://lookbk.dev/media/shutter-reveal-hero/clip.mp4?v=c6160046122026-11-01yes https://lookbk.dev/skills/dot-field-hero2026-11-01https://lookbk.dev/media/dot-field-hero/card.webp?v=78e76373https://lookbk.dev/media/dot-field-hero/still-1.webp?v=36cf6202https://lookbk.dev/media/dot-field-hero/still-2.webp?v=ccd809f7https://lookbk.dev/media/dot-field-hero/still-3.webp?v=49b2ff85https://lookbk.dev/media/dot-field-hero/example-2.webp?v=5c4c3ea7https://lookbk.dev/media/dot-field-hero/phone.webp?v=394a7d7bhttps://lookbk.dev/media/dot-field-hero/poster.webp?v=1897697cDot Field Hero: recording of an example web page made with the skillA hero filled with thousands of small dots that behave like iron filings near a magnet. Dots near the cursor are pushed aside, grow and light up in the accent colour, then spring back past home and settle, so every pass leaves soft rings behind it. A slow travelling wave breathes through the grid even when nobody touches it, and the brand's short word or mark can be set in finer dots that gather from a scatter at the start of each loop. Without a pointer, and in the video, a virtual cursor glides on a closed path, so the motion loops exactly. Plain Canvas 2D with no libraries, on dark or light pages, with the field dimmed under the copy. It ships as a page, a paste-in embed and a frame-exact 1080p loop.https://lookbk.dev/media/dot-field-hero/clip.mp4?v=5ddb2d86122026-11-01yes https://lookbk.dev/skills/horizontal-panels-hero2026-11-01https://lookbk.dev/media/horizontal-panels-hero/card.webp?v=0cda95c7https://lookbk.dev/media/horizontal-panels-hero/still-1.webp?v=f2a589f1https://lookbk.dev/media/horizontal-panels-hero/still-2.webp?v=3c84527ahttps://lookbk.dev/media/horizontal-panels-hero/still-3.webp?v=824ea3a0https://lookbk.dev/media/horizontal-panels-hero/example-2.webp?v=1b86a2b0https://lookbk.dev/media/horizontal-panels-hero/phone.webp?v=a0666b74https://lookbk.dev/media/horizontal-panels-hero/poster.webp?v=44e22691Horizontal Panels Hero: recording of an example web page made with the skillAn animated website hero that turns scrolling down into a sideways journey through four to six tall panels beside the headline. The hero pins, and each stretch of scrolling slides the next panel in, resting on it for a moment. Every panel is a poster drawn in code: an index, a large outline numeral, an art plate of arcs, an orb, stripes, a grid, a sun or waves, a title and one sentence. Inside each panel the layers drift at different speeds, and the background blends into the colour of the panel in view. You give it your steps, colors, fonts, logo and words. It builds one self-contained page plus a paste-in embed, checks it at four widths, and records a smooth 1080p video of the same scroll.https://lookbk.dev/media/horizontal-panels-hero/clip.mp4?v=b1d4f64c112026-11-01yes https://lookbk.dev/skills/glass-orbs-hero2026-11-01https://lookbk.dev/media/glass-orbs-hero/card.webp?v=27cc4520https://lookbk.dev/media/glass-orbs-hero/still-1.webp?v=b177ff4dhttps://lookbk.dev/media/glass-orbs-hero/still-2.webp?v=89de7160https://lookbk.dev/media/glass-orbs-hero/still-3.webp?v=d9b74295https://lookbk.dev/media/glass-orbs-hero/example-2.webp?v=ec70e59chttps://lookbk.dev/media/glass-orbs-hero/phone.webp?v=0216561ahttps://lookbk.dev/media/glass-orbs-hero/poster.webp?v=9c5cfa01Glass Orbs Hero: recording of an example web page made with the skillA hero section where several glass spheres float in front of a bold poster drawn in code: a drifting gradient in the brand's two colours, a fine grid and a huge word scrolling in rows. Each sphere is traced as a real ball of glass in WebGL, so the poster shows inside it upside down and magnified, with the word running the other way, a thin rainbow at the rim, a studio reflection, a sharp highlight and a soft shadow with a spot of focused light. The spheres bob on springy loops and lean away from the pointer; in the recording a scripted pointer takes over, so the video loops exactly. You get a self-contained page, a paste-in embed, an SVG still for reduced motion and a frame-exact MP4.https://lookbk.dev/media/glass-orbs-hero/clip.mp4?v=e49076d1122026-11-01yes https://lookbk.dev/skills/prism-light-hero2026-11-01https://lookbk.dev/media/prism-light-hero/card.webp?v=2b81bffehttps://lookbk.dev/media/prism-light-hero/still-1.webp?v=21696631https://lookbk.dev/media/prism-light-hero/still-2.webp?v=2c698040https://lookbk.dev/media/prism-light-hero/still-3.webp?v=e674b353https://lookbk.dev/media/prism-light-hero/example-2.webp?v=dbd56b89https://lookbk.dev/media/prism-light-hero/phone.webp?v=7ade0cb7https://lookbk.dev/media/prism-light-hero/poster.webp?v=8e9e2702Prism Light Hero: recording of an example web page made with the skillA dark hero section where a thick triangular glass prism floats beside your headline. A thin white beam comes down out of the dark, strikes one face with a small star of light and leaves the next face split into a fan of colours that runs across the page and lands on its far edge as a glowing band. The split is worked out with real refraction for each end of the spectrum, so when the beam's angle follows the pointer the fan swings and opens the way real light does. Dust motes glint only where the light reaches them, with soft bloom and a faint haze. The fan can be the full rainbow or your brand's own three colours, and the video loops without a seam.https://lookbk.dev/media/prism-light-hero/clip.mp4?v=fd83ea99122026-11-01yes https://lookbk.dev/skills/water-droplets-hero2026-11-01https://lookbk.dev/media/water-droplets-hero/card.webp?v=c22a77d5https://lookbk.dev/media/water-droplets-hero/still-1.webp?v=57382505https://lookbk.dev/media/water-droplets-hero/still-2.webp?v=5bdeb711https://lookbk.dev/media/water-droplets-hero/still-3.webp?v=c8567acchttps://lookbk.dev/media/water-droplets-hero/example-2.webp?v=6b782a81https://lookbk.dev/media/water-droplets-hero/phone.webp?v=1c47ce4ehttps://lookbk.dev/media/water-droplets-hero/poster.webp?v=3e700d1aWater Droplets Hero: recording of an example web page made with the skillA hero section on a pane of frosted glass, with a bold poster behind it drawn in your colors: big discs, a tilted band, fine rules and one word set huge in your headline's typeface. Through the frost it is only soft color, but a few fat macro water drops cling to the glass, and each one is a clear lens with the poster sharp, small and upside down inside it, a dark rim, a caustic and a soft-box highlight. Heavy drops slide down in fits and starts, merge with the drops in their way like liquid and wipe clear trails where the poster shows sharp. Your agent puts in your colors, fonts, logo, headline and buttons, checks contrast at four widths and records a 16-second 1080p loop that repeats without a seam.https://lookbk.dev/media/water-droplets-hero/clip.mp4?v=1c49b0dc162026-11-01yes https://lookbk.dev/skills/glass-metaballs-hero2026-11-01https://lookbk.dev/media/glass-metaballs-hero/card.webp?v=c4554dd7https://lookbk.dev/media/glass-metaballs-hero/still-1.webp?v=a5525044https://lookbk.dev/media/glass-metaballs-hero/still-2.webp?v=3bc8aa31https://lookbk.dev/media/glass-metaballs-hero/still-3.webp?v=2aa1583fhttps://lookbk.dev/media/glass-metaballs-hero/example-2.webp?v=ad0360e7https://lookbk.dev/media/glass-metaballs-hero/phone.webp?v=9862f0e7https://lookbk.dev/media/glass-metaballs-hero/poster.webp?v=15d1f020Glass Metaballs Hero: recording of an example web page made with the skillA hero section with a cluster of clear liquid glass beside your headline. A heavy core drop and a ring of smaller droplets fuse into one body like mercury, stretch into necks, pinch apart, fly out and fall back in, each on its own timing. The glass refracts a wall of bold diagonal stripes in your colors: the stripes bend through the thick middle, squeeze into the rim and split into a thin red, green and blue fringe, with a fresnel sheen, a bright rim, a softbox highlight and a soft shadow with a caustic on the wall. The pointer leans the glass a little; the video follows a scripted loop that closes exactly. Your agent puts in your colors, fonts, logo, headline and buttons, checks contrast at four widths and records a 1080p loop.https://lookbk.dev/media/glass-metaballs-hero/clip.mp4?v=0295f3b5122026-11-01yes https://lookbk.dev/skills/iridescent-foil-hero2026-11-01https://lookbk.dev/media/iridescent-foil-hero/card.webp?v=223e7ff9https://lookbk.dev/media/iridescent-foil-hero/still-1.webp?v=e104a9a9https://lookbk.dev/media/iridescent-foil-hero/still-2.webp?v=714a9f64https://lookbk.dev/media/iridescent-foil-hero/still-3.webp?v=ecd88b15https://lookbk.dev/media/iridescent-foil-hero/example-2.webp?v=fdaadb12https://lookbk.dev/media/iridescent-foil-hero/phone.webp?v=66ae5203https://lookbk.dev/media/iridescent-foil-hero/poster.webp?v=14614d37Iridescent Foil Hero: recording of an example web page made with the skillA hero section that fills the whole first screen with a sheet of crumpled holographic foil, with your headline on a dark glass card over it. The foil is made of flat facets creased into each other, with fine wrinkles on top and a slow wave rolling through the sheet. A light glides over it on a looping path, so bands of your three sheen colors slide across the facets, the facets facing the light flare and tiny glints twinkle on the creases. Move the pointer and the light leans after it, shifting the rainbow with the tilt. Your agent puts in your colors, fonts, logo, headline and buttons, checks contrast at four widths and records a 1080p loop.https://lookbk.dev/media/iridescent-foil-hero/clip.mp4?v=3bf1648d122026-11-01yes https://lookbk.dev/skills/scramble-decode-hero2026-11-01https://lookbk.dev/media/scramble-decode-hero/card.webp?v=393018e2https://lookbk.dev/media/scramble-decode-hero/still-1.webp?v=be55c868https://lookbk.dev/media/scramble-decode-hero/still-2.webp?v=5e2d0792https://lookbk.dev/media/scramble-decode-hero/still-3.webp?v=729f7231https://lookbk.dev/media/scramble-decode-hero/example-2.webp?v=c9e01a1chttps://lookbk.dev/media/scramble-decode-hero/phone.webp?v=e5bee68dhttps://lookbk.dev/media/scramble-decode-hero/poster.webp?v=7e7e1bf0Scramble Decode Hero: recording of an example web page made with the skillAn animated website hero where a message decrypts itself beside the headline. Your brand name, set large in your display font, starts as streams of random glyphs; one by one, in a seeded order, each letter locks onto its real character with a brief slice glitch, two colored ghosts and an accent flash that cools to ink. A caret marks the next letter to lock, and an accent line sweeps under the word when it lands. Below it, up to 4 short phrases fill with noise, decode, hold and scramble out in turn. A thin monospace HUD, a faint scan line and a pointer jitter finish the panel. It builds one self-contained page plus a paste-in embed, checks it at four widths, and records a seamless 1080p loop.https://lookbk.dev/media/scramble-decode-hero/clip.mp4?v=0344db8a122026-11-01yes https://lookbk.dev/skills/letter-drop-hero2026-11-01https://lookbk.dev/media/letter-drop-hero/card.webp?v=0feaa318https://lookbk.dev/media/letter-drop-hero/still-1.webp?v=2b8d61b8https://lookbk.dev/media/letter-drop-hero/still-2.webp?v=c16cd7cbhttps://lookbk.dev/media/letter-drop-hero/still-3.webp?v=4009cfb1https://lookbk.dev/media/letter-drop-hero/example-2.webp?v=a71e862ahttps://lookbk.dev/media/letter-drop-hero/phone.webp?v=71b68db8https://lookbk.dev/media/letter-drop-hero/poster.webp?v=604deac3Letter Drop Hero: recording of an example web page made with the skillBig, chunky letters of the brand's word fall from the top of the hero one after another, bounce, tumble and pile up on a shelf beside the headline. Each letter is solid, with a lit face, a darker extruded side, a soft shadow and a squash and spring back when it lands hard. A small rigid-body solver runs the whole loop once from a fixed seed with a fixed step, and every frame is looked up by time, so the recording is the same on any machine. Near the end of the loop the shelf drops open like a trapdoor, the pile slides away and the drop starts again, closing the loop exactly. On the live page the pointer shoves letters aside. Letters can be the glyphs themselves or toy blocks, drawn on a plain 2D canvas with no libraries.https://lookbk.dev/media/letter-drop-hero/clip.mp4?v=b8f14603102026-11-01yes https://lookbk.dev/skills/variable-weight-wave-hero2026-11-01https://lookbk.dev/media/variable-weight-wave-hero/card.webp?v=7ed413b9https://lookbk.dev/media/variable-weight-wave-hero/still-1.webp?v=a32d91d9https://lookbk.dev/media/variable-weight-wave-hero/still-2.webp?v=aa8b2760https://lookbk.dev/media/variable-weight-wave-hero/still-3.webp?v=409cae36https://lookbk.dev/media/variable-weight-wave-hero/example-2.webp?v=2b9f1461https://lookbk.dev/media/variable-weight-wave-hero/phone.webp?v=3d0fadf6https://lookbk.dev/media/variable-weight-wave-hero/poster.webp?v=714d5b04Variable Weight Wave Hero: recording of an example web page made with the skillOne giant word sits beside the headline and breathes through a variable font's own axes instead of scaling. Set in Anybody, with weight from 100 to 900 and width from 50 to 150, the word carries a wave that travels through it letter by letter: each letter thickens and widens as the crest passes, then thins and narrows again, so the whole word swells and settles. Letters near the pointer swell toward the heaviest, widest cut. An outline echo in the accent colour trails the wave a beat late or runs in counter phase, and the baseline sways a little. Hairline guides, a meter under each letter and a live axis readout frame it like a type specimen. The loop closes exactly, and the recording follows a scripted pointer path.https://lookbk.dev/media/variable-weight-wave-hero/clip.mp4?v=502c4a55102026-11-01yes https://lookbk.dev/skills/text-on-path-hero2026-11-01https://lookbk.dev/media/text-on-path-hero/card.webp?v=1be06f3fhttps://lookbk.dev/media/text-on-path-hero/still-1.webp?v=993c734chttps://lookbk.dev/media/text-on-path-hero/still-2.webp?v=2a4670edhttps://lookbk.dev/media/text-on-path-hero/still-3.webp?v=f285cacehttps://lookbk.dev/media/text-on-path-hero/example-2.webp?v=2b0a3fa3https://lookbk.dev/media/text-on-path-hero/phone.webp?v=7e36bc88https://lookbk.dev/media/text-on-path-hero/poster.webp?v=8c7edc88Text on Path Hero: recording of an example web page made with the skillA hero where the brand's own words are the ribbons. Two to four long, smooth curves sweep across the whole hero, each one a band of colour with a short phrase set letter by letter along its centre line, repeated end to end and scrolling slowly along the path. The curves morph over the loop and roll through depth, so the ribbons cross over and under each other, with the far parts smaller and faded toward the page. A gentle twist turns each band, shades it and squashes its letters, and fine rules run along the edges. With the copy on one side, the ribbons gather above the headline and fan out across the rest. Plain Canvas 2D with no libraries, on light or dark pages, shipped as a page, a paste-in embed and a frame-exact 1080p loop.https://lookbk.dev/media/text-on-path-hero/clip.mp4?v=5a2cf891142026-11-01yes https://lookbk.dev/skills/extruded-type-hero2026-11-01https://lookbk.dev/media/extruded-type-hero/card.webp?v=e9c91418https://lookbk.dev/media/extruded-type-hero/still-1.webp?v=6ca5b235https://lookbk.dev/media/extruded-type-hero/still-2.webp?v=f784ec94https://lookbk.dev/media/extruded-type-hero/still-3.webp?v=40dc2101https://lookbk.dev/media/extruded-type-hero/example-2.webp?v=f24e0eaahttps://lookbk.dev/media/extruded-type-hero/phone.webp?v=5901536ehttps://lookbk.dev/media/extruded-type-hero/poster.webp?v=5aa5bd9cExtruded Type Hero: recording of an example web page made with the skillA hero where the brand's short word stands in big 3D letters beside the headline. The letters are deep and bevelled, with fronts in the brand colour and darker sides, in a glossy, satin or matte finish, lit by soft studio lights and standing on a floor that reflects them and melts into the background. The word sways slowly, each letter lifts off the floor and settles again in turn while its contact shadow softens, and the word leans toward the pointer. Every movement repeats exactly, so a 12 second recording loops without a seam. Pick one of three typefaces, set the colours, depth, bevel and spacing, and get one self-contained page, a paste-in embed, a still picture for when WebGL is missing, and a 1080p video.https://lookbk.dev/media/extruded-type-hero/clip.mp4?v=0c1133a7122026-11-01yes https://lookbk.dev/skills/word-carousel-hero2026-11-01https://lookbk.dev/media/word-carousel-hero/card.webp?v=3349aaa6https://lookbk.dev/media/word-carousel-hero/still-1.webp?v=c3e1c6b8https://lookbk.dev/media/word-carousel-hero/still-2.webp?v=7a48e376https://lookbk.dev/media/word-carousel-hero/still-3.webp?v=170c11aahttps://lookbk.dev/media/word-carousel-hero/example-2.webp?v=d4b80543https://lookbk.dev/media/word-carousel-hero/phone.webp?v=35901f6chttps://lookbk.dev/media/word-carousel-hero/poster.webp?v=4da317e3Word Carousel Hero: recording of an example web page made with the skillA big headline is the picture: its last word sits on a smooth 3D drum and rolls through a list of 3 to 8 words. Each word tips up and away in perspective while the next rises from below, both smeared by a vertical motion blur, then rolls a little past its place and settles back. Every word has its own colour, which also lights a soft glow around the letters, an underline that slides to the word's width and a wide bloom behind the headline, all blending during the roll. A caret blinks after the word while it rests. Behind it, a faint drum of dots or hairlines turns with the words. The words are real text in the headline, so the page reads with the first word without the script, and the loop closes exactly.https://lookbk.dev/media/word-carousel-hero/clip.mp4?v=0dbe08b2122026-11-01yes https://lookbk.dev/skills/launch-film-porcelain/examples/relay-beta2026-10-26https://lookbk.dev/media/launch-film-porcelain/poster.webp?v=91811bc3https://lookbk.dev/media/launch-film-porcelain/still-1.webp?v=9d0e4fbdhttps://lookbk.dev/media/launch-film-porcelain/still-2.webp?v=b1602d4dhttps://lookbk.dev/media/launch-film-porcelain/still-3.webp?v=f198774ahttps://lookbk.dev/media/launch-film-porcelain/still-4.webp?v=696bc1f4https://lookbk.dev/media/launch-film-porcelain/still-5.webp?v=d0a4c68ahttps://lookbk.dev/media/launch-film-porcelain/poster.webp?v=91811bc3Relay's 9-scene launch film at 96 BPM (video)Opens on “The shared inbox for teams who answer customers” and runs through 9 scenes. A 65-second Launch Film: Porcelain example with its settings and prompt.https://lookbk.dev/media/launch-film-porcelain/clip.mp4?v=7cba81a7652026-10-23T14:33:13Zyes https://lookbk.dev/skills/launch-film-porcelain/examples/cadence-launch2026-10-26https://lookbk.dev/media/launch-film-porcelain/example-2.webp?v=f93455b2https://lookbk.dev/media/launch-film-porcelain/example-2-still-1.webp?v=02261da2https://lookbk.dev/media/launch-film-porcelain/example-2-still-2.webp?v=21013e97https://lookbk.dev/media/launch-film-porcelain/example-2-still-3.webp?v=92f382f0https://lookbk.dev/media/launch-film-porcelain/example-2-still-4.webp?v=31c09f9chttps://lookbk.dev/media/launch-film-porcelain/example-2.webp?v=f93455b2Cadence's 8-scene launch film at 100 BPM (video)Opens on “Scheduling that respects everyone's week” and runs through 8 scenes. A 60-second Launch Film: Porcelain example with its settings and prompt.https://lookbk.dev/media/launch-film-porcelain/example-2-clip.mp4?v=9ca057b0602026-10-26T01:24:36+08:00yes https://lookbk.dev/skills/launch-film-after-hours/examples/nightly-dark2026-10-26https://lookbk.dev/media/launch-film-after-hours/poster.webp?v=2dae8fcfhttps://lookbk.dev/media/launch-film-after-hours/still-1.webp?v=5689e809https://lookbk.dev/media/launch-film-after-hours/still-2.webp?v=d2872f4bhttps://lookbk.dev/media/launch-film-after-hours/still-3.webp?v=91c6f6d6https://lookbk.dev/media/launch-film-after-hours/still-4.webp?v=cfc033eehttps://lookbk.dev/media/launch-film-after-hours/still-5.webp?v=31a5e740https://lookbk.dev/media/launch-film-after-hours/poster.webp?v=2dae8fcfNightly's dark launch film, 7 scenes at 88 BPM (video)Opens on “Notes for the hours after dark” and runs through 7 scenes. A 60-second Launch Film: After Hours example with its settings and prompt.https://lookbk.dev/media/launch-film-after-hours/clip.mp4?v=bd2a19ba602026-10-23T14:33:13Zyes https://lookbk.dev/skills/launch-film-after-hours/examples/lantern-ga2026-10-26https://lookbk.dev/media/launch-film-after-hours/example-2.webp?v=2edc7923https://lookbk.dev/media/launch-film-after-hours/example-2-still-1.webp?v=4c60f871https://lookbk.dev/media/launch-film-after-hours/example-2-still-2.webp?v=6c372ebchttps://lookbk.dev/media/launch-film-after-hours/example-2-still-3.webp?v=85c9ecbfhttps://lookbk.dev/media/launch-film-after-hours/example-2-still-4.webp?v=352443f3https://lookbk.dev/media/launch-film-after-hours/example-2-still-5.webp?v=bca85049https://lookbk.dev/media/launch-film-after-hours/example-2.webp?v=2edc7923Lantern's dark launch film, 8 scenes at 88 BPM (video)Opens on “Observability for the 3 a.m. page” and runs through 8 scenes. A 71-second Launch Film: After Hours example with its settings and prompt.https://lookbk.dev/media/launch-film-after-hours/example-2-clip.mp4?v=86e6d42e712026-10-26T01:24:36+08:00yes https://lookbk.dev/skills/cursor-tour-hero/examples/ostra2026-10-26https://lookbk.dev/media/cursor-tour-hero/poster.webp?v=7b60c137https://lookbk.dev/media/cursor-tour-hero/still-1.webp?v=76a0a80bhttps://lookbk.dev/media/cursor-tour-hero/still-2.webp?v=f12484f3https://lookbk.dev/media/cursor-tour-hero/still-3.webp?v=ebbcddcfhttps://lookbk.dev/media/cursor-tour-hero/poster.webp?v=7b60c137Ostra's product hero: “Pre-flight checklist” to “Ship v2.4” (video)Headline “Software that answers back”, 4 rows under “Pre-flight checklist” and a “Ship v2.4” button. A 13-second Cursor Tour Hero example.https://lookbk.dev/media/cursor-tour-hero/clip.mp4?v=56ea4535132026-10-25T14:38:30+08:00yes https://lookbk.dev/skills/cursor-tour-hero/examples/tallyhall2026-10-26https://lookbk.dev/media/cursor-tour-hero/example-2.webp?v=05fa225ahttps://lookbk.dev/media/cursor-tour-hero/example-2-still-1.webp?v=ed779117https://lookbk.dev/media/cursor-tour-hero/example-2-still-2.webp?v=be84e12ehttps://lookbk.dev/media/cursor-tour-hero/example-2-still-3.webp?v=70a5187fhttps://lookbk.dev/media/cursor-tour-hero/example-2.webp?v=05fa225aTallyhall's product hero: “Month-end tasks” to “Close March” (video)Headline “Close the books by Tuesday”, 4 rows under “Month-end tasks” and a “Close March” button. A 13-second Cursor Tour Hero example.https://lookbk.dev/media/cursor-tour-hero/example-2-clip.mp4?v=e6005c12132026-10-26T01:24:36+08:00yes https://lookbk.dev/skills/split-flap-board-hero/examples/owl2026-10-26https://lookbk.dev/media/split-flap-board-hero/poster.webp?v=6e45d6a8https://lookbk.dev/media/split-flap-board-hero/still-1.webp?v=0acaf77chttps://lookbk.dev/media/split-flap-board-hero/still-2.webp?v=01d3b4cfhttps://lookbk.dev/media/split-flap-board-hero/still-3.webp?v=2e79b006https://lookbk.dev/media/split-flap-board-hero/poster.webp?v=6e45d6a8Owl Line's split-flap board: night departures (video)Headline “Board at ten. Wake up somewhere else” beside a split-flap board labelled “Night departures”. A 12-second Split-Flap Board Hero example.https://lookbk.dev/media/split-flap-board-hero/clip.mp4?v=7d0eec2b122026-10-26T21:29:04Zyes https://lookbk.dev/skills/split-flap-board-hero/examples/saltmarsh2026-10-26https://lookbk.dev/media/split-flap-board-hero/example-2.webp?v=82fa6597https://lookbk.dev/media/split-flap-board-hero/example-2-still-1.webp?v=c09f8504https://lookbk.dev/media/split-flap-board-hero/example-2-still-2.webp?v=2d2c2c3ahttps://lookbk.dev/media/split-flap-board-hero/example-2-still-3.webp?v=c3588a98https://lookbk.dev/media/split-flap-board-hero/example-2.webp?v=82fa6597Saltmarsh Weekender's split-flap board: line-up (video)Headline “Three stages, zero clashes” beside a split-flap board labelled “Line-up”. A 12-second Split-Flap Board Hero example with its settings and prompt.https://lookbk.dev/media/split-flap-board-hero/example-2-clip.mp4?v=627c5514122026-10-26T21:29:04Zyes https://lookbk.dev/skills/sunrise-pitch-hero/examples/halcyra2026-10-26https://lookbk.dev/media/sunrise-pitch-hero/poster.webp?v=cab6e2d8https://lookbk.dev/media/sunrise-pitch-hero/still-1.webp?v=4c500999https://lookbk.dev/media/sunrise-pitch-hero/still-2.webp?v=7edd8826https://lookbk.dev/media/sunrise-pitch-hero/still-3.webp?v=8f655adfhttps://lookbk.dev/media/sunrise-pitch-hero/poster.webp?v=cab6e2d8Halcyra's 5-slide pitch hero, “Halcyra — Series A” (video)Headline “Bring the dawn indoors” beside a 5-slide deck, “Halcyra — Series A”. A 25-second Sunrise Pitch Hero example with its settings and prompt.https://lookbk.dev/media/sunrise-pitch-hero/clip.mp4?v=a5415444252026-10-25T14:31:37+08:00yes https://lookbk.dev/skills/sunrise-pitch-hero/examples/kelvane2026-10-26https://lookbk.dev/media/sunrise-pitch-hero/example-2.webp?v=e6fa8e09https://lookbk.dev/media/sunrise-pitch-hero/example-2-still-1.webp?v=b887335ahttps://lookbk.dev/media/sunrise-pitch-hero/example-2-still-2.webp?v=5e716713https://lookbk.dev/media/sunrise-pitch-hero/example-2-still-3.webp?v=0b7c4372https://lookbk.dev/media/sunrise-pitch-hero/example-2.webp?v=e6fa8e09Kelvane's 4-slide pitch hero, “Kelvane — Seed” (video)Headline “Power that turns with the tide” beside a 4-slide deck, “Kelvane — Seed”. A 25-second Sunrise Pitch Hero example with its settings and prompt.https://lookbk.dev/media/sunrise-pitch-hero/example-2-clip.mp4?v=b7fa766c252026-10-26T01:24:36+08:00yes https://lookbk.dev/skills/output/video2026-11-02 https://lookbk.dev/skills/output/slides2026-11-02 https://lookbk.dev/skills/output/image2026-10-26 https://lookbk.dev/skills/output/web2026-11-01 https://lookbk.dev/skills/use-case/launch2026-11-02 https://lookbk.dev/skills/use-case/social2026-11-02 https://lookbk.dev/skills/use-case/fundraising2026-11-02 https://lookbk.dev/skills/use-case/education2026-10-26 https://lookbk.dev/skills/use-case/dev2026-10-26 https://lookbk.dev/skills/use-case/brand2026-11-01 https://lookbk.dev/skills/use-case/reporting2026-10-26 https://lookbk.dev/skills/use-case/publishing2026-10-26 https://lookbk.dev/skills/use-case/ecommerce2026-10-26 https://lookbk.dev/skills/use-case/research2026-10-26 https://lookbk.dev/skills/use-case/web-design2026-11-01 https://lookbk.dev/skills/role/developer2026-10-26 https://lookbk.dev/skills/role/teacher2026-10-26 https://lookbk.dev/skills/role/researcher2026-10-26 https://lookbk.dev/skills/role/consultant2026-11-02 https://lookbk.dev/skills/agent/claude-code2026-11-02 https://lookbk.dev/skills/agent/codex2026-11-02 https://lookbk.dev/skills/agent/cursor2026-11-02 https://lookbk.dev/skills/agent/github-copilot2026-11-02 https://lookbk.dev/skills/agent/gemini-cli2026-11-02 https://lookbk.dev/skills/agent/opencode2026-11-02 https://lookbk.dev/skills/task/promo-video2026-11-01 https://lookbk.dev/skills/task/explainer-video2026-11-01 https://lookbk.dev/skills/task/b-roll2026-11-01 https://lookbk.dev/skills/task/landing-page2026-11-01 https://lookbk.dev/skills/task/og-image2026-11-01 https://lookbk.dev/skills/task/blog-cover2026-11-01 https://lookbk.dev/skills/task/quote-card2026-11-01 https://lookbk.dev/skills/task/infographic2026-11-01 https://lookbk.dev/skills/task/scroll-animation2026-11-01 https://lookbk.dev/skills/series/motion-heroes2026-11-01 https://lookbk.dev/skills/series/footage-heroes2026-11-01 https://lookbk.dev/skills/series/scroll-films2026-11-01 https://lookbk.dev/skills/series/decks2026-11-02 https://lookbk.dev/skills/series/toy-crew-films2026-11-02 https://lookbk.dev/skills/series/landing-pages2026-11-01 https://lookbk.dev/skills/series/launch-films2026-11-01 https://lookbk.dev/skills/series/social-cards2026-11-01 https://lookbk.dev/skills/series/explainers2026-11-01 https://lookbk.dev/skills/series/motion-type2026-11-01 https://lookbk.dev/skills/series/product-updates2026-11-01 https://lookbk.dev/skills/series/academic2026-11-01 https://lookbk.dev/skills/series/characters2026-11-01 https://lookbk.dev/skills/series/creator-kit2026-11-01 https://lookbk.dev/skills/series/data-stories2026-11-01 https://lookbk.dev/skills/series/developer-docs2026-11-01 https://lookbk.dev/skills/series/diagrams2026-11-01 https://lookbk.dev/skills/series/fundraising2026-11-01 https://lookbk.dev/skills/series/illustration2026-11-01 https://lookbk.dev/skills/series/portfolios2026-11-01 https://lookbk.dev/skills/series/product-imagery2026-11-01 https://lookbk.dev/skills/series/retro-promos2026-11-01 https://lookbk.dev/skills/series/workshops2026-11-01 https://lookbk.dev/best2026-11-01 https://lookbk.dev/best/video-background-hero-sections2026-10-27 https://lookbk.dev/best/website-hero-animations-for-claude-code2026-10-26 https://lookbk.dev/best/launch-videos-with-ai-agents2026-11-02 https://lookbk.dev/best/three-js-hero-sections2026-10-26 https://lookbk.dev/best/hero-section-examples2026-10-27 https://lookbk.dev/best/design-skills-for-claude-code2026-10-26 https://lookbk.dev/best/shader-backgrounds-for-websites2026-10-26 https://lookbk.dev/best/motion-design-skills-for-claude-code2026-10-31 https://lookbk.dev/best/pitch-deck-examples2026-11-02 https://lookbk.dev/effects2026-11-01 https://lookbk.dev/effects/starfield-background2026-11-01 https://lookbk.dev/effects/glitch-effect2026-11-01 https://lookbk.dev/effects/glassmorphism2026-11-01 https://lookbk.dev/effects/kinetic-typography2026-11-01 https://lookbk.dev/effects/metaballs2026-11-01 https://lookbk.dev/effects/crt-effect2026-11-01 https://lookbk.dev/effects/mesh-gradient2026-11-01 https://lookbk.dev/effects/topographic-pattern2026-11-01 https://lookbk.dev/effects/halftone-effect2026-11-01 https://lookbk.dev/effects/aurora-background2026-11-01 https://lookbk.dev/effects/confetti-animation2026-11-01 https://lookbk.dev/effects/ascii-animation2026-11-01 https://lookbk.dev/learn/what-are-agent-skills2026-10-26 https://lookbk.dev/learn/getting-started2026-10-26 https://lookbk.dev/learn/install-in-any-agent2026-10-26 https://lookbk.dev/learn/install-a-skill-in-claude-code2026-10-26 https://lookbk.dev/learn/write-a-skill-description2026-10-26 https://lookbk.dev/learn/update-roll-back-remove-skills2026-10-26 https://lookbk.dev/learn/safety-checks-before-running-a-skill2026-10-26 https://lookbk.dev/learn/claude-code-skills-best-practices2026-10-31 https://lookbk.dev/learn/where-skills-live2026-10-26 https://lookbk.dev/learn/cheat-sheet2026-11-01 https://lookbk.dev/learn/troubleshooting2026-10-26 https://lookbk.dev/learn/make-a-product-launch-video-with-an-ai-agent2026-11-01 https://lookbk.dev/learn/build-a-landing-page-with-claude-code2026-10-31 https://lookbk.dev/learn/frontend-design-skill2026-11-01 https://lookbk.dev/learn/make-videos-with-claude-code2026-10-26 https://lookbk.dev/learn/hyperframes-tutorial2026-10-26 https://lookbk.dev/learn/add-a-video-background-hero-with-claude-code2026-10-26 https://lookbk.dev/learn/website-background-video-best-practices2026-10-26 https://lookbk.dev/learn/text-behind-subject-website-heroes2026-10-26 https://lookbk.dev/learn/ai-pitch-deck-generator2026-11-01 https://lookbk.dev/learn/claude-powerpoint-skill2026-11-01 https://lookbk.dev/learn/which-licenses-let-you-sell-a-skill2026-10-26 https://lookbk.dev/learn/hyperframes-vs-remotion2026-10-26 https://lookbk.dev/learn/remotion-alternatives2026-10-26 https://lookbk.dev/learn/motionsites-alternative2026-11-01 https://lookbk.dev/learn/slidev-vs-marp-vs-reveal-js2026-11-01 https://lookbk.dev/learn/skills-vs-prompts-commands-plugins2026-10-31 https://lookbk.dev/ai-videos2026-11-02 https://lookbk.dev/ai-videos/product-launch-video2026-11-02 https://lookbk.dev/ai-videos/ai-motion-graphics2026-11-01 https://lookbk.dev/ai-videos/youtube-animations2026-11-01 https://lookbk.dev/ai-videos/explainer-video2026-11-01 https://lookbk.dev/ai-videos/opus-5-52026-11-01 https://lookbk.dev/ai-videos/gpt-6-astra2026-11-01 https://lookbk.dev/ai-videos/gemini-4-argon2026-11-01 https://lookbk.dev/ai-videos/kimi-k3-12026-11-01 https://lookbk.dev/ai-videos/seedance-2-02026-11-01 https://lookbk.dev/mcp2026-11-01 https://lookbk.dev/tools2026-11-01 https://lookbk.dev/tools/mesh-gradient-generator2026-10-30 https://lookbk.dev/tools/screenshot-beautifier2026-10-30 https://lookbk.dev/tools/og-image-generator2026-10-30 https://lookbk.dev/tools/green-screen-remover2026-10-30 https://lookbk.dev/tools/presentation-background-generator2026-11-01 https://lookbk.dev/terms2026-10-26 https://lookbk.dev/privacy2026-11-01 https://lookbk.dev/cookies2026-11-01 https://lookbk.dev/third-party-notices2026-11-02