Skip to content
Founding Lifetime: every Pro skillfirst 100 members · $169 onceUpgrade
Lookbk
Sign In
Open live demo

The page this skill built from examples/slow-roast, working in your browser. Opens in a new tab.

17-second example rendered by this skill from examples/slow-roast · 1280×720

Example settingswhat each example above was built from

examples/slow-roastpage.json
Brand
Slow Roast
Headline
Mornings, _poured_ slowly

What you get

  • A whole page in your words and links: hero, pinned film, sliding rail, marquee and numbers, spotlight ending
  • A film that plays forward and back with the scroll inside a window that opens to full screen
  • Young Serif and Figtree on liquid-glass panels, in this page's own colors
  • A phone layout and a reduced-motion version where every section shows its finished state
  • A 1080p video of the scripted scroll and a poster, rendered frame by frame
  • Checks at 390, 768, 1280 and 1920 px for sideways scrolling, overflow, overlaps, links and script errors
  • Open-source licenses for every part it builds on

Good fit

  • Coffee roasters, cafés, bakeries and tea brands can open on coffee pouring from a black kettle into a dark cup as steam rises through a sunbeam.
  • The three captions over the pinned pour suit a brew guide, a recipe or a ritual, told step by step as the pour plays with the scroll.
  • Warm cream type on dark brown, a soft orange accent and a rail of four coffees make it a ready subscription or menu page.

Not for

  • Your own video: the page is paced for this film (coffee poured from a black kettle into a dark cup in soft morning window light)
  • Changing the colors, fonts or the order of the sections through settings
  • Long copy: every field has a length limit the build enforces
  • Forms, a CMS or more sections than the five it has
  • Sound: the films are muted and the recording is silent

About this skill

A whole cinematic landing page that tells its story as you scroll, on ten seconds of generated footage: coffee poured from a black kettle into a dark cup in soft morning window light, steam curling through a sunbeam. The film loops behind a headline that rises word by word out of a blur under a liquid-glass bar. Then the film pins in a small rounded window that opens to full screen while it plays forward and back with the scroll, under three captions in turn. A row of four frames slides sideways, a marquee runs, three numbers count up, and a spotlight follows the pointer over the last picture. Your agent writes one page.json with your words and links; the build checks every length, and a recorder makes a 1080p video of the scroll. It suits coffee roasters, cafés, bakeries, tea brands and slow-living products.

Example request

Make a Morning Pour scroll page for our café's subscription with this month's four beans in the rail, and record it for our newsletter.

Similar Skills

View all
New
web
Rain Alley Scroll PageClaude CodeCodexCursor+3 more agents
New
web
Ink Bottle Scroll PageClaude CodeCodexCursor+3 more agents

Details

Output
Scroll-driven landing page on generated footage · pinned film that scrubs with the scroll · 1080p video of the scroll
Needs
Node.js 18+, Chrome, and ffmpeg for the video; the page needs a web server (a local one is included)
Series
Scroll Films · 8 skills
Updated
Nov 1, 2026
Checked
Nov 1, 2026: its own commands ran and passed. That is a working check, not a security audit.

Generates with

Footage generated for Lookbk: a hero loop and a keyframe-per-frame copy for scrollingA small inlined scroll runtime (no libraries)Headless Chrome checks and a frame-stepped scroll recorder + ffmpeg

Installed it? Tell others how it went. Reviews come from people who installed this skill.

Write a review

FAQ

Can I use my own video?

No. The page is paced for this film of coffee poured from a black kettle into a dark cup in soft morning window light: the loop, the scrubbing copy and the five stills all come from it. Every word, number and link is yours through page.json.

Can it show my menu or my coffees?

Yes, as words. The rail's four cards take your coffees, dishes or plans with a short line each; the pictures are frames of this pour and stay as they are.

How does the film follow the scroll?

The pinned section holds still while you scroll through it, and the film jumps to the frame that matches how far you are, forward or back. It uses a copy of the film with a keyframe on every frame, so it never stalls.

Which agents is Morning Pour Scroll Page written for?

Any agent that reads SKILL.md folders, including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI and OpenCode.

Do I own what I make with it?

Yes. Everything your agent makes with this skill is yours, including for client and commercial work.

What if it doesn’t work for me?

Email support@lookbk.dev within 7 days of buying and we’ll fix it or refund you.

Credits and licensesWritten by Lookbk

the footage, generated for Lookbk from a scene written for Lookbk, and the page, template and Scroll Cinema kit, all written for Lookbk. The fonts are from Google Fonts. Written by Lookbk, no third-party code.

Credits and licenses for the open-source software and fonts it uses are in NOTICE.md inside the download.