Connect Higgsfield to Claude, write one structured prompt, get back a live, responsive, scroll-animated site.
These are the sites where scrolling plays a film. One prompt, one live URL, no code.
Step 1 is the connection that builds and hosts the sites:
Start building here Create your Higgsfield account see the examples first ↓Open a couple of these before you start. They were all made with one prompt each, and knowing the ceiling makes your own prompt much better:
I am building this in public: every new video made with this exact workflow, what it earned, and what I would do differently. Come along for the next one.
Follow on InstagramThis is the account that generates the film and hosts the live URL:
Create your Higgsfield account here Then come back and connect it to ClaudeOnce only, and it takes about a minute.
https://mcp.higgsfield.ai/mcpEvery one of those example sites uses the same seven-slot structure. Fill the slots and you get their quality; skip them and you get a generic template.
Invent one and write it in capitals. It anchors the whole identity — LOOMERE, VELLARO, STACKED.
Either "from the attached photo" or "with generated, IP-free assets" if you have no photo.
Three base colours, named evocatively rather than as hex codes: olive, terracotta, reed beige.
A display font and a body font. Cabinet Grotesk with Inter Tight is the safe pairing; Unbounded with Onest is bolder.
Exactly one, and say "only". This single constraint is what makes the result look designed instead of decorated.
The transformation the scroll plays out: A becoming B. This is the most important slot.
Five or six chapters, plus the real functionality: cart, booking form, preorder modal, contact details.
The film is what separates these sites from a nice landing page. It is always a transformation with a direction: a thread becoming a shirt, a harvest becoming a bottle, a burger assembling layer by layer, a journey from a bedroom to a mountain summit.
Fill in the template:
Build the [BRAND] [category] website from the attached [photo of your product]. Use [colour 1], [colour 2], [colour 3], [display font] and [body font], with [accent colour] as the only accent. Show [thing A] becoming [thing B] across [five/six] chapters, with [a cart / a booking form / a preorder modal / accounts], [contact details and any legal line], and full mobile support. with Higgsfield MCP
Build the AURELLO ceramics website from the attached mug photo. Use clay brown, chalk white, and slate grey, Cabinet Grotesk and Inter Tight, with burnt orange as the only accent. Show a spinning lump of clay becoming the finished glazed mug across six chapters, with a shop, a cart drawer, a workshop booking form, Lisbon contact details in euros, and full mobile support. with Higgsfield MCP
Attach your photo in the same message. Claude plans the site, generates the film, wires it to the scroll, builds the pages and deploys — it takes a while, so let it run.
You get a live URL on a higgsfield.app subdomain. Open it on your phone as well as your laptop, then send fixes as normal messages:
Two separate things, and people confuse them:
Before publishing, ask Claude to fill in the page metadata — title, description, favicon, preview image. A site with an empty title is invisible on the feed and looks broken when the link is shared on WhatsApp or X.
A local restaurant, a ceramicist, a personal trainer, a photographer — all of them are quoted thousands for a site like this and told to wait six weeks. You can deliver in an afternoon. Charge for the result, not for the hours.
The strongest version of this: make the site for a business that never asked, send them the live link, and ask if they want it. The demo does the selling. It costs you an hour and a few credits.
These sites look excellent and they are genuinely fast to make. They are not a bespoke agency build — an award-circuit site is months of custom WebGL. Sell them as what they are: a beautiful, working site delivered in a day. That is already a strong offer.
"Make me a nice website for my shop" produces exactly what you would expect. The seven slots are not optional decoration; they are the reason those examples look the way they do.
The single-accent rule is doing enormous work. The moment you allow two or three, the result stops looking designed.
If the scroll has nothing to reveal, the animation is just movement. Decide your A-to-B before you write anything.
Generating the film costs credits, and asking for a full rebuild regenerates it. Batch your feedback into one message instead of sending ten separate fixes.
Do not build a fake Nike site with their logo and photos. Invent the brand, or use a real client who gave you their assets.
You have the formula. This is the account that turns it into a live site:
Start building here Create your account and ship your first site today