Sheet 01 · 3D websites
The exact prompts that built this 3D website.
6 to build it, 2 to fix it. Paste them into Claude Code and get a scroll-driven 3D site like the Orrin demo. Needs a paid Claude plan.
- Orrin is a made-up camera brand. The whole site was built in Claude Code from prompts alone: 6 to build it and 2 to fix what we saw. Nobody hand-wrote the code.
- The camera is a real 3D model, lit live in your browser with studio light. The model, the light and the photos are free (Poly Haven, CC0).
- Scroll and the camera turns, the lens gets labelled, and at the end you pick the finish.
Sheet 02 · What's inside
8 prompts, a how-to page and a PDF.
Six prompts build the site and two fix what we saw when we looked at it. They are the real prompts we sent, in the order we sent them. You see the titles here; the prompt text opens the moment you pay.
- 01Scene and assets (hero + jaw-drop reveal)Build
- 02Scroll beatsBuild
- 03Camera, motion and typeBuild
- 04Polish and the wow momentBuild
- 05Performance, mobile, reduced motion, noindexBuild
- 06Chrome finish glows + portrait dive handoffFix
- 07Perceived load (instant poster, progress line, progressive loading)Build
- 08Hero layout jump on phones + poster alignment at every aspectFix
- +A how-to-use pageGuide
- +The same prompts as a PDFPDF
Sheet 03 · What you need
Two things. That's the list.
- A paid Claude plan (Pro or Max), with Claude Code. Claude writes the site, so the free plan is not enough. These are long builds that use a lot of Claude usage.
- Free hosting, only when you want it online, for example Netlify's free plan. You can build and view the whole site on your own computer without it.
Sheet 04 · How it works
Prompt it. Ship it.
- Step 01 · Prompt
Paste prompt 1
Word for word, into a fresh Claude Code session. Claude builds the first version of the site.
- Step 02 · Preview
Open it and scroll
Run it on your own computer and watch every beat, on a laptop and a phone.
- Step 03 · Fix
Send the next prompts
The same session gets each one in order. The fix prompts are for problems like ours; describe yours in plain words.
- Step 04 · Ship
Put it on your own URL
Upload the folder to free hosting and share the link.
Sheet 05 · Questions
Straight answers.
Is this a course?
No. It's a prompt pack: the 8 prompts, a short how-to-use page and a PDF of the same prompts. There are no video lessons.
Do I need to code?
No coding background is assumed. You paste prompts and read what Claude makes. It helps if you're comfortable making a folder and running one command to view the site on your computer.
What does it cost to run?
A paid Claude plan (Pro or Max) with Claude Code. The builds are long and use a lot of Claude usage, so on a smaller plan you may have to wait for your limit to reset. Hosting can be free, for example on Netlify's free plan.
Will my site look exactly like Orrin?
Similar, not identical. Claude's output varies from run to run. The prompts are written for the Orrin demo; swap the brand and the product in prompt 1 to make your own.
Is Orrin a real brand? Where do the 3D model and photos come from?
Orrin is a made-up camera brand. The 3D model, the studio light and the gallery photos are free CC0 assets from Poly Haven. The how-to page lists each one with its author and link.
When do I get the prompts?
The moment you pay. The prompts page and the PDF open in the same window, and your Stripe receipt comes by email. Bookmark the page: it opens your files again any time.
Can I get a refund?
All sales are final. It's all digital and opens the moment you pay, so we don't do refunds. Everything that's included is listed on this page before you buy. If a file or a link doesn't work, contact us and we'll fix it or send it again.
Sheet 06 · Get it
The prompts that built this site.
8 prompts, a how-to page and a PDF, for $9.99. Opens the moment you pay.
More from Scrollstopper