Web Page Builder Download

A free skill for Claude by AVELaunch

A landing page in your own brand. Not a template.

Say one sentence to Claude. Get a page that looks like you, live on your own domain.

Download free See one brief, three pages

It collects your material and brand, proposes three directions built around something from your own work, builds the page, checks it in a real browser and helps you publish it. About half an hour of your attention.

Make me a landing page for a pet-boarding house near Girona.
Direction 1, Open Gate: a full-bleed meadow with a white farm gate drawn over it, at desktop and phone width
Direction 2, The Walk: the meadow in an arch with a hand-drawn walk route crossing it, at desktop and phone width
Direction 3, Evening Note: the meadow as a postcard with a round 19:00 seal, at desktop and phone width

Direction 1 · Open GateReal output · a test brief

What business owners tell us

“Every AI landing page looks the same.”

It is the doubt we hear most. Here is what else we hear, and what the builder does about it.

  1. “I don’t want my site to look like everyone else’s.”

    The builder has no style of its own. It works from your brand, or from your answers when you have no brand yet.

  2. “I don’t have weeks for a web project.”

    About half an hour of your attention: the questions and two approvals. Claude does an hour or two of work.

  3. “I don’t know how to put it online.”

    It helps you publish on your own domain, on a free host: Cloudflare Pages, Netlify or GitHub Pages.

Our first version, and the builder now

Brand as paint is not enough.

Our first version reduced a brand to its colours and fonts. You can see the result. The builder now starts from a concept and a signature device taken from the owner’s own material.

Both are first screens built for test briefs.

First screen made by the current builder for a test brief: a pet-boarding house with a meadow in an arch, a guest in a circle and a dotted walk route First screen made by the first version for a test brief: a white card with rounded corners over a blurred colour background
The builder now

The answer to “they all look the same”

One brief. Three different pages.

Same words, same photos. A different idea in each.

Before it builds anything, the builder proposes three directions, each built around something from the owner’s own work. They differ as concepts: the signature device, the first screen, the type, the picture shapes and the motion. You pick one, or mix them.

Direction 1, Open Gate, at desktop and phone width: the meadow fills the first screen, a farm gate drawn as one white line stands open in it
Idea
The meadow is the whole first screen, and the old wooden gate stands open in it.
Device
The five-bar farm gate, drawn as one line: open in the first screen, small before every section label, its bars as the rules of the price list.
Type
Newsreader Light, large and quiet, against Hanken Grotesk.
Motion
The gate swings open once; gentle reveals.

Casa del Prat is fictional: a test brief.

Open the whole direction sheet

How it works

Half an hour of you. A page that looks like you.

A quiet workroom: long wooden tables, tall windows and shelves of books

30min

of your attention: the questions and two approvals

1–2h

of Claude’s work

weeks

or months: a classic web project, for comparison

  1. 01

    Say one sentence

    “Make me a landing page for …” That is the whole start.

  2. 02

    It collects your material and brand

    Send what you have: logo, fonts, photos, an old site. No brand book? Two rounds of questions, 20 to 40 minutes. At least 8 real photos make the page; with fewer, Claude sends you a 15-minute phone shoot list.

  3. 03

    You pick one of three directions

    Three visual directions, each built around something from your own work, shown as real first screens. Approval 1

  4. 04

    You see a mockup

    The first screen and the most important sections, at phone and desktop width, before the full build. Approval 2

  5. 05

    It builds, reviews and checks

    Built from a library of 50 tested techniques, reviewed against a design rubric, then checked in a real browser at phone, laptop and large-screen width. What it doesn’t have, it doesn’t invent: missing pieces stay marked until you send them.

  6. 06

    It goes live on your domain

    Claude helps you publish on Cloudflare Pages, Netlify or GitHub Pages. Nothing goes live without your yes. Visitor counting comes built in and is cookieless, so no banner, unless you add cookies or ad pixels.

The library

Fifty tested techniques. None of them is a look.

First screens, signature devices, sections, HTML and SVG animation, scroll effects. Claude picks the ones that fit your direction and rebuilds them in your colours, fonts and photos. A demo’s palette and pictures never ship.

27 first screens, devices and sections, and 24 motion, SVG and scroll demos (one counts in both). Here are 24 of them.

  • First screen · editorial oversize
  • First screen · full-bleed photo
  • Device · stamp seal
  • First screen · postcard frame
  • Device · shaped crops
  • First screen · split bleed
  • Device · SVG motif
  • First screen · led by numbers
  • Device · torn edges
  • First screen · type numeral
  • Device · outlined index
  • First screen · video poster
  • SVG · a route that draws itself
  • Section · offer card
  • Motion · kinetic headline
  • Device · colour plates
  • Section · proof stack
  • Scroll · horizontal gallery
  • Device · two-voice lockup
  • Motion · magnetic button
  • Section · quote wall
  • Motion · image reveal wipe
  • Device · margin rail
  • Motion · view transition

Thumbnails of the library’s own demos.

A finished page

A whole page, from one test brief.

This is the page the builder made for the Open Gate direction: the gate drawn over the meadow in the first screen, a drawn map of the walks, prices, a booking estimator, questions that open, and the gate again at the close.

Scroll, and the page scrolls in its window.

Casa del Prat is fictional. The business, its prices and its reviews belong to the test brief.

The whole page the builder made for the test brief, from the first screen with the gate over the meadow down to the closing section and footer
The same page's first screen at phone width
At 390 px

Install both

One snowflake does not look like much.

Snowflake by snowflake, an avalanche builds.

On its own, the Web Page Builder works out of the box: your brand, and its method as shipped.

With the free Playbook Builder installed, every correction you give becomes a rule in your own copy of the method. So each page starts better than the last.

That is how the builder itself was made. Its learning log ships in the download: 20 lessons so far, each turned into rules.

Get the Playbook Builder, free

From the builder’s own learning log 1 / 6

A correction

The header broke into two lines on a phone, while every script said green.

Now a rule

Keep the header on one line at 390 px.

A path through open grassland toward low mountains at dusk
Seen from above: six people walking across a pale square, each on their own path, long shadows behind them

Who it is for

Built for experts who already use Claude.

  • Experts, consultants, coaches and small-business owners who need a landing page.
  • Anyone who asked Claude to “make me a landing page” and got something generic.

Not for

  • Online shops and checkout flows
  • Web apps with logins
  • Anyone who wants a ready template without answering questions
A woman typing on a laptop at a table at home, in black and white

Set up

Five steps. Then one sentence.

  1. 1

    Download the zip. Keep it zipped.

    avelaunch-web-page-builder.zip, about 8 MB.

  2. 2

    Upload it to Claude.

    SettingsCapabilitiesSkillsUpload skill

    Needs a paid Claude plan with code execution.

  3. 3

    Connect a folder in the Claude desktop app.

    For example Documents/Websites. In a normal chat it still works and hands you the files.

  4. 4

    Install the Playbook Builder too.

    Free, from ai.avelaunch.co/playbooks. It turns your corrections into rules.

  5. 5

    Say “Make me a landing page for …”

    Claude takes it from there, and asks you when it needs you.

What do you have already?

Tick what is in place. You will see what works today and what to add.

Start with the first box.

  • The skill runs on a paid Claude plan with code execution. Everything else can come later.

The full list is on the Start here page.

Alex Tkachenko, founder of AVELaunch Books, in a grey jacket, black and white

Why it is free

I took our own look out of it.

So nobody’s page looks like ours.

I’m Alex Tkachenko. I run AVELaunch Books, a done-for-you publishing house for experts. Eighteen years in business, ten of them in marketing, two books of my own.

Members of a business owners’ community I belong to asked for the builder we use for our own pages. Our pages are built with the same library and the same checks. Before giving it away, I took our style out of it. What is left is the method: your material first, a concept, a mockup, a careful build, a check in a real browser.

Alex Tkachenko, founder, AVELaunch Books

Two hands holding an open book with blank cream pages

Questions

What people ask before they download.

Anything else is answered on the Start here page.

Is it free?

Yes. Download it and use it. If it is worth something to you, you can say thanks: a suggested 50 €, from 5 €.

Will my page look like yours?

No. It has no style of its own. It works from your brand, or from your answers.

AI pages all look the same. Why would this one not?

Look at the three directions above: one brief, three different pages. Each is built around something from the owner’s own work, and the owner picks.

I have no brand book.

Then you answer two rounds of questions, 20 to 40 minutes, and get three directions to choose from.

Do I need to code?

No.

Where does the page live?

On your own domain, on a free host: Cloudflare Pages, Netlify or GitHub Pages. Nothing goes live without your yes.

Do I need many photos?

At least 8 real photos make the page. With fewer, Claude sends you a 15-minute phone shoot list.

Does it learn?

With the free Playbook Builder installed, yes: every correction you give becomes a rule in your own copy of the method. Without it, it works out of the box with the method as shipped.

What do I need to make it work?

A paid Claude plan with code execution. For everything to work: the Claude desktop app with a folder, a free Cloudflare account and the Cloudflare connector in Claude (so Claude can publish by itself), your domain, and your email tool for forms: MailerLite, Brevo, Mailchimp or ConvertKit.

Cookies and visitor counting?

Counting comes built in and is cookieless. A consent banner is added only if you add cookies or ad pixels.

Can it build an online shop?

No. It is not for online shops or web apps with logins. It builds landing pages and small sites.

Download

Say one sentence.

Get a landing page in your own brand, live on your own domain.

Download free Start here

The smallest first step: download it and say one sentence.

It is free. If it saves you weeks, say thanks: a suggested 50 €, from 5 €. Say thanks

A man in a yellow coat walking away