Lookbk picks

Landing page templates your agent fills in, with real examples

A landing page template saves you the layout, then leaves you with placeholder copy, a look the next site also has and a form that goes nowhere. These are skills instead: your agent fills a finished design with your product’s words, numbers and links, checks it at four screen widths and hands you a page to put live. Every card shows what the skill built from its own example.

See the 8 picks

Free skills to start. Pro is $79 a year for every skill, or $9.99 a month for 10. See pricing

Written for

and 25 more

Landing page examples, from launch kits to one-screen waitlists

From the Lookbk catalog only, and only skills that build a whole landing page, not just its first screen; for those, see the hero section examples. Each pick writes the page from one JSON file in your words and links and checks it at four screen widths before handing it over. The Scroll Films pages share one layout on different films, so Cliff Villa stands in for all 8. Mono Editorial Landing and Waitlist Glow are free; the rest are Pro.

New
video
Vernissage Launch KitClaude CodeCodexCursor+3 more agents
01 · Landing Pages · Pro
Vernissage Launch Kit
A whole launch set in one style from one launch.json · landing page with a balanced hanging mobile · OG 1200×630, post 1600×900 and square 1080×1080 cards · a 12 s 1080p launch film · two type pairings, any wall colour
The most complete: a whole launch in one style, from one launch.json. The page is a painted gallery wall with a hanging mobile designed for your product, a headline lettered onto the wall beside a real waitlist form, features hung as framed works, how it works as a floor plan a visitor walks as you scroll, and pricing as admission tickets. The same build renders three share cards and a launch film of about 12 seconds.
Worth knowing: The framed works are abstract studies, so there is no place for product screenshots. The visitors’ book of testimonials appears only when you supply real quotes.
Needs: Node.js 18+, and Chrome for the cards and checks; ffmpeg only for the film
See what Vernissage Launch Kit makes
video
Dark Glass LandingClaude CodeCodexCursor+3 more agents
02 · Landing Pages · Pro
Dark Glass Landing
A whole landing page in one dark glass system · real backdrop blur, pointer-lit edges, volumetric light · two layouts for every section · two art directions with different skeletons · 1080p video of the scroll
A dark, premium page in a strict glass design system: translucent panels with real backdrop blur over slow volumetric light, and a hairline edge on every panel that lights up where the pointer is. Every section has at least two layouts, from a full-bleed film hero to a six-tile bento, so two pages built with it don’t share a skeleton, and you pick its three lights so it doesn’t read as a purple SaaS template.
Worth knowing: Dark only: the build refuses a light background. The product window is drawn from your numbers, not a real screenshot of your app.
Needs: Node.js 18+, and Chrome for the checks; ffmpeg only for the video
See what Dark Glass Landing makes
video
Paper Technical LandingClaude CodeCodexCursor+3 more agents
03 · Landing Pages · Pro
Paper Technical Landing
A whole landing page in an engineering-paper design system · SVG technical drawing that plots itself · dimensioned section heads · pinned anatomy index · tokens and rules included · 1080p video of the scroll
For products that sell on precision. The page is a drawing sheet on engineering paper, your product is a technical drawing in SVG that plots itself stroke by stroke with dimensions and numbered callouts, and an anatomy section pins the drawing beside an index of every part. The sections come in the order you choose, from spec tables and a config listing to pricing set as drawing sheets.
Worth knowing: Light only, with one accent colour, and the drawings are 2D line drawings made from parts, not photos or 3D renders.
Needs: Node.js 18+, and Chrome for the checks; ffmpeg only for the video
See what Paper Technical Landing makes
web
Bento SaaS LandingClaude CodeCodexCursor+3 more agents
04 · Landing Pages · Pro
Bento SaaS Landing
HTML page or Next.js component · 10 tile types
The SaaS homepage: a hero with a gradient headline, your real customer names, then a bento grid where each tile shows one true thing about the product, from a chart or an alert feed to code, a screenshot or a quote. A grid planner refuses gaps, and it comes as one HTML file or as a Next.js component, page and CSS module.
Worth knowing: The page is a hero, the grid, a closing call and a footer; there is no pricing or FAQ section, so link to a pricing page of its own.
Needs: Node.js 18+, and Chrome for the checks
See what Bento SaaS Landing makes
video
Motion Sections KitClaude CodeCodexCursor+3 more agents
05 · Page Kits · Pro
Motion Sections Kit
Animated landing-page sections you compose in page.json · rolling prices, comparison table, pinned quote stack, counters with real meters, editorial and terminal FAQs · two styles with their own layouts · 1080p video of the scroll
Build the page from parts in any order: a masthead, a stats band that counts up with meters, testimonials as a pinned stack of letters or a drifting wall, pricing whose digits roll, an FAQ, a closing band and a footer. The two styles are laid out differently, not just recoloured: warm editorial paper, or dark technical graphite with an FAQ that types its answers like a terminal.
Worth knowing: Seven section types and no more, with no features section among them. The buttons link to your own sign-up pages.
Needs: Node.js 18+, and Chrome for the checks; ffmpeg only for the video
See what Motion Sections Kit makes
video
Cliff Villa Scroll PageClaude CodeCodexCursor+3 more agents
06 · Scroll Films · Pro
Cliff Villa Scroll Page
Scroll-driven landing page on generated footage · pinned film that scrubs with the scroll · 1080p video of the scroll
A whole cinematic page told as you scroll, on ten seconds of generated footage of a villa over a sea cliff at blue hour. The film pins in a small window that opens to full screen while it plays forward and back with the scroll, then come a sliding row of frames, a marquee, numbers that count up and a spotlight that follows the pointer. It is one of 8 Scroll Films pages, each on its own film.
Worth knowing: You write the words and links, not the footage, colours or the order of the sections, and there is no form.
Needs: Node.js 18+, Chrome, and ffmpeg for the video; the page needs a web server (a local one is included)
See what Cliff Villa Scroll Page makes
Free
web
Mono Editorial LandingClaude CodeCodexCursor+3 more agents
07 · Landing Pages · Free
Mono Editorial Landing
One HTML file · drafted from your README
Free: a black-and-white landing page set like a magazine, with a large serif headline, a drop-cap introduction, feature spreads with framed figures, a pull quote and questions. A script drafts it from your README and lists what to rewrite by hand, and the hero holds a waitlist form that really signs people up, or buttons to get started.
Worth knowing: It doesn’t animate, and a waitlist needs an account with a form service or your own endpoint.
Needs: Node.js 18+, and Chrome for the checks
See what Mono Editorial Landing makes
Free
web
Waitlist GlowClaude CodeCodexCursor+3 more agents
08 · Landing Pages · Free
Waitlist Glow
One HTML file · Formspree, Netlify, Buttondown or your endpoint
Free, for before the launch: one screen with a slowly breathing gradient glow, a serif headline, one email field that posts to Formspree, Netlify Forms, Buttondown, Mailchimp or your own endpoint, and an optional live countdown. Your agent tests the sign-up end to end before the page goes live.
Worth knowing: One screen, with no features or pricing, and no referral or "move up the list" waitlist.
Needs: Node.js 18+, Chrome for the checks, and a form service
See what Waitlist Glow makes

Landing page structure, section by section

Most landing pages that work follow the same order, because visitors ask the same questions in it: what is this, does anyone use it, what does it do, what does it cost, and what about my doubts. The picks above cover this list in their own ways. Where one leaves a section out, a free Page Kit builds that section on its own.

01
Hero
One headline that says what the product does and for whom, one main button, and nothing that competes with them.
02
Proof
Who uses it and what it has done, right under the hero. Proof Band sizes every logo to the same visual weight and refuses a figure without a source.
03
Features
The product doing the work, not a row of icons. Feature Tabs draws each feature as real interface from your config.
04
Pricing
Your real plans, with a yearly saving that adds up. The pricing page templates compare the skills that build it.
05
Questions
The doubts a buyer has before signing up. FAQ Kit puts a short answer beside every question, so the list can be read without opening it.
06
Closing call
One more ask above the footer, with a reason to act now. Closing CTA Kit counts its days from real dates and switches its copy after the deadline.

Animated landing page templates: what moves

Motion on a landing page should explain something or reward the scroll, and it must leave every word readable. Here is what moves in each animated pick, so you can choose by the kind of motion rather than a screenshot. Each of the first five has a reduced-motion version that shows everything in place, and Mono Editorial Landing doesn’t animate at all.

01
Vernissage Launch Kit
The mobile turns in its own light and sways when the pointer passes, the headline is lettered onto the wall word by word, and a visitor walks the floor plan as you scroll.
02
Dark Glass Landing
Light drifts behind the glass, panel edges light up under the pointer, and the product window tilts back and lands flat as it scrolls in.
03
Paper Technical Landing
The drawing plots itself stroke by stroke, a dimension line grows under each heading as you scroll, and figures count up on rulers.
04
Motion Sections Kit
Headline words rise out of a mask, stats count up, letters lift off a pinned stack and prices roll like an odometer.
05
Cliff Villa Scroll Page
The film plays forward and back with the scroll inside a window that opens to full screen.
06
Waitlist Glow
A soft three-colour glow breathes behind the headline, and the optional countdown runs to your launch date.

Install

Install a pick with your agent

Every pick is a SKILL.md folder, so it installs the same way in Claude Code, Codex, Cursor and other agents. The example below uses Mono Editorial Landing, which is free; each skill page has its own prompt.

1. Paste the install prompt

Your agent runs the installer. The first time, it shows a sign-in link so you can approve it in the browser.

Install the "Mono Editorial Landing" skill from Lookbk (https://lookbk.dev/skills/mono-editorial-landing).
1. Run: curl -fsSL https://lookbk.dev/cli.js | node - add mono-editorial-landing
2. When the install finishes, read the SKILL.md it installed and tell me what you need from me to make the first result.

Or run it in a terminal

curl -fsSL https://lookbk.dev/cli.js | node - add mono-editorial-landing

2. Start a new session

Agents load skills when a session starts. The installer writes the folder where your agent looks:

Claude Code: ~/.claude/skills/mono-editorial-landing
Codex: ~/.agents/skills/mono-editorial-landing
Cursor: ~/.agents/skills/mono-editorial-landing

3. Ask for the result

Describe it in plain words, for example:

Build a Mono Editorial landing page for quietly.example from our README, with a waitlist form.

Another agent? Install a skill in any agent

FAQ

Questions

Still stuck? The guides cover installing, agents and licensing in more detail.

Read the guides

What should a landing page include?

A hero that says what the product does and for whom, proof that people use it, the features shown working, pricing, the questions buyers ask and one closing call. The structure above lists them in order. Before launch, a waitlist page can be a single screen.

Can I use these templates with Next.js or React?

Bento SaaS Landing can write a Next.js component, page and CSS module. The others write a self-contained HTML page, with any pictures and films beside it, for any static host; ask your agent to move it into your framework.

Do the sign-up forms really work?

In Mono Editorial Landing, Waitlist Glow and Vernissage Launch Kit, yes: the form posts to your form service or your own endpoint, and Mono Editorial Landing and Waitlist Glow test a sign-up end to end before the page goes live. The other pages use buttons that link to your own sign-up pages.

Will the skill make up testimonials or numbers?

No. The skills’ instructions tell your agent to take prices, numbers, customer names and quotes from you, and to leave a section out rather than invent one. Mono Editorial Landing drafts the page from your README and lists what to rewrite by hand, starting with the headline.

Is there a free landing page template?

Yes. Mono Editorial Landing and Waitlist Glow are free with no account needed. The install steps below use Mono Editorial Landing.