Tutorial · 2026Claude DesktopReferoHiggsfield

How to build a $10,000 website with one prompt in Claude.

The easiest way to ship an agency-quality site: hand Claude a world-class design system, drop in an AI-generated hero video, and let it build. No code, no designer. This is the exact recipe — and the finished site.

Windrest — one prompt + one AI hero videoSee it live ↗

The recipe

Five moves, under 30 seconds of work

The trick isn't a better prompt — it's handing the model two things it can't invent on its own: a professional design system and a real hero video. Do that and the output stops looking like “AI made a website.”

Download Claude Desktop

Grab the desktop app from claude.com/download. The Desktop app has a Code tab that can build and preview real files — that's the engine for the whole thing.

Steal a world-class design system

Go to styles.refero.design — a library of thousands of beautiful sites. Pick any style you like and copy its Design.md file. That file is the entire visual language (type, color, spacing, motion) written as instructions a model can follow.

For my example I used this style.

Prompt Claude in the Code tab

Back in Claude Desktop, open the Code tab. Tell it what your site is about in one line, then paste the Design.md you just copied. It builds the whole thing to that design system.

iOne line is enough. e.g. “A landing page for Windrest, a quiet adventure resort above the clouds” — then paste the Design.md under it.

Generate the hero video (the secret weapon)

This is what takes it to the next level. Go to higgsfield.ai. First generate an image:

Image prompt

dreamy grassy field with negative space in the upper 2/3 of the image, the grass is a globe-like hill and you can see the dirt underground, as if someone is looking in from the fourth wall onto a floating island. There is some light chromatic aberration, beautiful flowing grass, and a character standing on the island.

Then switch to video, select Kling 3.0, attach that image, and give it a simple motion prompt:

Video prompt · Kling 3.0

camera stays stationary, the character's scarf flows in the wind and the grass blows gently

Download the video when it's done.

Attach the video as your hero

Back in Claude Desktop, attach the video to your message and say: use this video attached as the hero. That's it. You now have a site that looks like it cost thousands — built in less time than it takes to read this sentence.

The finished build

Grab my exact Windrest site

Want to see exactly how it's wired? Download the full project — HTML, CSS, JS, and the hero video — and run it locally. Open index.html in a browser, or serve the folder.

Download the site (.zip)Open the live demo

Read the full guide

Drop your email to unlock this guide — and every resource in the library. Free, one email a week, unsubscribe anytime.

Keep going

One email a week. Builds like this.

I publish practical AI workflows every week — the tools, prompts, and systems I actually use to ship faster. Join the newsletter and get the next one in your inbox.

Join the newsletter Browse all resources

How to build a $10,000 website with one prompt in Claude.

Five moves, under 30 seconds of work

Download Claude Desktop

Steal a world-class design system

Prompt Claude in the Code tab

Generate the hero video (the secret weapon)

Attach the video as your hero

Grab my exact Windrest site

Read the full guide

More from the library.

Claude Code Plugin

5 Claude Code Skills That Replaced My $150k Dev Team

The Overnight AI Coding Starter Kit

How to Become an AI Engineer in 6 Months — Complete Resource Guide

One email a week. Builds like this.