https://lookbk.dev/2026-10-27 https://lookbk.dev/skills2026-10-27 https://lookbk.dev/skills/agent2026-10-26 https://lookbk.dev/pricing2026-10-26 https://lookbk.dev/affiliates2026-10-26 https://lookbk.dev/drops2026-10-27 https://lookbk.dev/learn2026-10-26 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/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/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-26https://lookbk.dev/media/scroll-film-hero/card.webp?v=89e7cd94https://lookbk.dev/media/scroll-film-hero/still-1.webp?v=d1f477eehttps://lookbk.dev/media/scroll-film-hero/still-2.webp?v=2e01ef2ahttps://lookbk.dev/media/scroll-film-hero/still-3.webp?v=fbbd0acfhttps://lookbk.dev/media/scroll-film-hero/example-2.webp?v=f6238046https://lookbk.dev/media/scroll-film-hero/phone.webp?v=d310992bhttps://lookbk.dev/media/scroll-film-hero/poster.webp?v=0c0ea71cScroll 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=6515174b132026-10-25yes 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/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/output/video2026-10-26 https://lookbk.dev/skills/output/slides2026-10-26 https://lookbk.dev/skills/output/image2026-10-26 https://lookbk.dev/skills/output/web2026-10-27 https://lookbk.dev/skills/use-case/launch2026-10-27 https://lookbk.dev/skills/use-case/social2026-10-27 https://lookbk.dev/skills/use-case/fundraising2026-10-26 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-10-27 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-10-26 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-10-26 https://lookbk.dev/skills/agent/claude-code2026-10-27 https://lookbk.dev/skills/agent/codex2026-10-27 https://lookbk.dev/skills/agent/cursor2026-10-27 https://lookbk.dev/skills/agent/github-copilot2026-10-27 https://lookbk.dev/skills/agent/gemini-cli2026-10-27 https://lookbk.dev/skills/agent/opencode2026-10-27 https://lookbk.dev/skills/task/promo-video2026-10-26 https://lookbk.dev/skills/task/explainer-video2026-10-26 https://lookbk.dev/skills/task/b-roll2026-10-26 https://lookbk.dev/skills/task/landing-page2026-10-26 https://lookbk.dev/skills/task/og-image2026-10-26 https://lookbk.dev/skills/task/blog-cover2026-10-26 https://lookbk.dev/skills/task/quote-card2026-10-26 https://lookbk.dev/skills/task/infographic2026-10-26 https://lookbk.dev/skills/series/motion-heroes2026-10-26 https://lookbk.dev/skills/series/footage-heroes2026-10-27 https://lookbk.dev/skills/series/decks2026-10-26 https://lookbk.dev/skills/series/landing-pages2026-10-26 https://lookbk.dev/skills/series/launch-films2026-10-26 https://lookbk.dev/skills/series/social-cards2026-10-26 https://lookbk.dev/skills/series/explainers2026-10-26 https://lookbk.dev/skills/series/motion-type2026-10-26 https://lookbk.dev/skills/series/product-updates2026-10-26 https://lookbk.dev/skills/series/academic2026-10-26 https://lookbk.dev/skills/series/characters2026-10-26 https://lookbk.dev/skills/series/creator-kit2026-10-26 https://lookbk.dev/skills/series/data-stories2026-10-26 https://lookbk.dev/skills/series/developer-docs2026-10-26 https://lookbk.dev/skills/series/diagrams2026-10-26 https://lookbk.dev/skills/series/fundraising2026-10-26 https://lookbk.dev/skills/series/illustration2026-10-26 https://lookbk.dev/skills/series/portfolios2026-10-26 https://lookbk.dev/skills/series/product-imagery2026-10-26 https://lookbk.dev/skills/series/retro-promos2026-10-26 https://lookbk.dev/skills/series/workshops2026-10-26 https://lookbk.dev/best/video-background-hero-sections2026-10-26 https://lookbk.dev/best/website-hero-animations-for-claude-code2026-10-26 https://lookbk.dev/best/launch-videos-with-ai-agents2026-10-26 https://lookbk.dev/best/three-js-hero-sections2026-10-26 https://lookbk.dev/best/hero-section-examples2026-10-26 https://lookbk.dev/best/design-skills-for-claude-code2026-10-26 https://lookbk.dev/best/shader-backgrounds-for-websites2026-10-26 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/where-skills-live2026-10-26 https://lookbk.dev/learn/cheat-sheet2026-10-26 https://lookbk.dev/learn/troubleshooting2026-10-26 https://lookbk.dev/learn/make-a-product-launch-video-with-an-ai-agent2026-10-26 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/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-10-26 https://lookbk.dev/terms2026-10-26 https://lookbk.dev/privacy2026-10-26 https://lookbk.dev/cookies2026-10-26 https://lookbk.dev/third-party-notices2026-10-27