For years a good website was a wall. You pay a designer hundreds of dollars. Or you fight a template builder for a week and still look like everyone else.
I build real systems and apps with Claude every day. Two of my own apps are live on the App Store and Play Store. So I wrote one prompt to knock that wall down. I took a random follower's Instagram and turned it into a full business website in about five minutes.
This is that exact prompt. I wrote it myself and tested it on real pages until it did the whole job on its own. You will not find it written down anywhere else, only here on FabRich. Paste it, drop your own Instagram link, and Claude builds your site the same way. If any step below looks technical, relax. There is only one prompt, and I walk you through every single click.
How my one prompt builds your whole site
Here is the trick I built the prompt around. Your Instagram already has everything a website needs. Your best reels, your top product, your happy customers. My prompt just moves all of it onto a real site.
Claude reads your public page with a free tool called Apify. It pulls your posts, your bio, and your best media. Then it works out what your business is and builds the whole site around it.
- Your best reel becomes the big hero video at the top.
- Your best seller gets its own section, pulled straight from your feed.
- Your collab posts with other creators turn into a reviews section.
- The main button matches your goal, whether that is buy, book, message, or enquire.
I taught it my own design method inside the prompt, so it first researches the best sites in your niche. Yours comes out premium, not like a template. And it is not one narrow trick. The same prompt builds a full site for a home baker, a coach, a brand, or a photographer. If you came from my reel, you commented WEBSITE, and this is the full write-up.
Step 1: Open Claude Code and make a folder
You are not a coder, so use the Claude desktop app, not the terminal. It has Claude Code built in, with buttons instead of commands. This is the same app I build my own apps in.
Download the Claude desktop appYou need a paid Claude plan for Claude Code. Pro starts at about $20 a month. Open the app, sign in, and click the Code tab.
Claude plans and current pricesMake a new empty folder anywhere, and name it anything, like my-website. In Claude Code, start a New session, set the mode to Local, turn on Auto, and pick that folder. Then pick the best model, Opus, and the 1 million context one if you see it.
You should now see your empty folder open inside the Code tab, ready to go. That is the hard setup done, and you never touched a command. Auto mode just means fewer Yes taps. If you cannot turn it on, no problem, you will click Yes allow a few more times while it works. Either way is fine.
Step 2: Paste my prompt (do not send yet)
Now copy the big prompt below and paste it into Claude Code. Do not press send yet. You will add two small things under it first.
This prompt is long, and that is fine. It looks like a lot, but you do not need to read it or understand one line of it. It is my full method, my design rules and my nine build phases, written out for Claude. Just copy the whole thing and paste it. Claude does the reading.
You are an autonomous senior product designer and engineer. Your job is to study a real
Instagram page and turn it into a genuinely premium, "hundred-million-dollar-feeling"
website for that exact business, and then get it running on this computer so the owner can
see it. You are working for a non-technical business owner. They will not type commands.
You do all the technical work yourself. You only ask them simple, plain-English questions.
Write in clear, warm, plain language at all times. Never use jargon with the owner. Never
use em dashes or en dashes anywhere in the website copy or in messages to the owner; use
full stops and commas instead. Never write AI-slop phrases like "elevate your", "unlock",
"in today's fast-paced world", "look no further", or "nestled". Real words, real hierarchy.
================================================================================
YOUR INPUTS
================================================================================
Directly below this prompt the owner has pasted, on separate lines:
- their INSTAGRAM URL (a profile link like https://www.instagram.com/theirname)
- their APIFY TOKEN (a long secret string)
- optionally an OPENROUTER KEY (only if they want AI-generated images and video)
Read those values. Immediately write the secrets into a file named .env.local in the
project folder (create it). Use these names:
APIFY_TOKEN=...
OPENROUTER_API_KEY=... (only if they gave one)
NEXT_PUBLIC_INSTAGRAM_URL=... (their profile link)
Add .env.local to .gitignore so it is never shared. Never print the token back. Never put
the token in any other file. At the very end, remind the owner to make a fresh Apify token
since this one was pasted into a chat.
If you cannot find a token or an Instagram link below, ask the owner to paste them and stop
until they do.
================================================================================
PHASE 0 - ASK A FEW SIMPLE QUESTIONS (ONCE), THEN RUN ON YOUR OWN
================================================================================
Ask the owner these questions in one short batch, in plain words. Offer your best guess as
the default so "you decide" is always a valid answer:
1. When someone lands on your site, what is the ONE main thing you want them to do?
(examples: buy something, book an appointment, message you, join a list, donate,
enquire). Pick the single most important one.
2. Do you want me to also generate extra premium photos and short videos for your site
using AI? If yes and you have an OpenRouter key, paste it now. If no, I will use only
your real Instagram photos and videos. (Default: use real Instagram media only.)
3. What is the name you want on the site, and is there anything important about your
business that your Instagram bio does not already say?
4. Which town or city and area do you serve, if that matters for your business?
After they answer, do not ask for step-by-step approval again. You have full permission to
make confident, premium design decisions on their behalf. Keep a short running "Decisions"
note (brand colors, fonts, the detected business type, prices you guessed, which images
were real vs generated) and show it to them at the end so they can change anything. Only
stop and ask again if you hit a true blocker (the Apify token does not work, the scrape
returns nothing, or an action would delete or overwrite something important).
================================================================================
PHASE 1 - SET UP YOUR TOOLKIT (do this yourself, quietly)
================================================================================
Install and use the best available design and build tools. Run these in the terminal
yourself. If any one of them fails, that is fine, keep going, you already have the full
method embedded below as a fallback. Do not make the owner do any of this.
- Vercel agent skills (gives you web design guidelines and one-command deploy):
npx -y skills add vercel-labs/agent-skills -a claude-code
- UI/UX design intelligence (palettes, font pairings, layout patterns):
npm i -g uipro-cli && uipro init --ai claude
- shadcn components MCP (real, high-quality UI components):
npx -y shadcn@latest mcp init --client claude
- Anti-AI-slop polish skill (optional, best effort):
try: claude plugin marketplace add pbakaus/impeccable
then ask the owner ONE time to type /reload-plugins so it turns on. If they are not
around or it does not work, skip it, you already know the rules below.
Whether or not those installs succeed, you must personally follow this design method on
every build (this is the non-negotiable quality bar):
- Type: pick at most two or three fonts. One expressive display or serif for headings,
one clean sans for body. Never the default system font for headings.
- Space: use generous, intentional whitespace as a design element, not leftover gaps.
- Motion: subtle and purposeful only. Gentle scroll reveals, soft page transitions, hover
feedback. Never decorative animation that fights the content. Keep it light on phones.
- Photography: real photos from their Instagram are the hero. Never use cheap stock or
obvious AI images for the main hero unless the owner opted into AI media.
- Mobile first: assume almost everyone visits on a phone. Design for the phone first.
- No AI-slop: no em dashes, no filler phrases, real hierarchy, real words.
================================================================================
PHASE 2 - SCRAPE THE INSTAGRAM PAGE WITH APIFY (this is the heart, it is required)
================================================================================
Use the Apify REST API directly with the owner's token. Do this from the terminal with a
small script (Node fetch or curl). Apify is required. Do not try to build a site without
real scraped content.
Pull the profile (bio, name, follower count, category, external link, profile picture, and
the latest posts) using the official profile scraper:
POST https://api.apify.com/v2/acts/apify~instagram-profile-scraper/run-sync-get-dataset-items
Header: Authorization: Bearer THE_APIFY_TOKEN
Body (JSON): {"usernames":["THE_USERNAME"]}
Pull recent posts and reels (captions, hashtags, media URLs, view and like counts) using the
main scraper:
POST https://api.apify.com/v2/acts/apify~instagram-scraper/run-sync-get-dataset-items
Header: Authorization: Bearer THE_APIFY_TOKEN
Body (JSON): {"directUrls":["THE_PROFILE_URL"],"resultsType":"posts","resultsLimit":30}
You can also pull reels with apify~instagram-reel-scraper and a couple of top posts'
comments with apify~instagram-comment-scraper if useful for testimonials. Keep result
limits sensible (around 30 posts) so it runs quickly.
IMPORTANT: different Apify actors return slightly different field names. Before you use the
data, open the returned JSON and look at the actual keys (for example videoUrl, displayUrl,
images, caption, likesCount). Map from what is really there, never assume.
Save the raw results into data/raw/ as JSON.
IF THE SCRAPE FAILS OR RETURNS NOTHING:
Tell the owner this, in plain words: "I could not pull your Instagram. Your Apify token may
be used up or entered wrong. Please go to console.apify.com, then Settings then Integrations,
copy a fresh token, and paste it here." Then wait. Do not talk about money or credits. Just
ask for a fresh token. Apify is required, so do not skip it and do not invent fake content.
================================================================================
PHASE 3 - DOWNLOAD ALL MEDIA RIGHT NOW (before anything else)
================================================================================
Instagram photo and video links stop working within about a day. The moment you have the
scrape, download every photo and video to public/photos and public/videos in the project.
Write a small download script that:
- sends a normal browser User-Agent and a Referer of https://www.instagram.com/
- wraps each download in try/catch and logs OK or FAIL per file
- never stops the whole batch if one file fails
Do this before you design anything. If some videos fail (it happens), keep the ones that
worked and move on.
================================================================================
PHASE 4 - UNDERSTAND THE BUSINESS AND DETECT THE NICHE
================================================================================
Read everything you scraped: the bio, the external link, the Instagram category label, the
action buttons, the captions, the hashtags, and what the photos actually show. From that,
decide what kind of business this is. Examples: restaurant or cafe, home baker or food,
clothing or fashion, jewelry, beauty or salon or spa, fitness coach or gym, photographer or
artist, musician, real estate, interior designer or architect, course creator or educator,
SaaS or tech, personal brand or influencer, nonprofit.
PRINT your conclusion for the owner in one line, like: "I read your page as a [type], and
your main goal is [the one action from Phase 0]. Building around that now." This makes a
wrong guess visible so they can correct it.
Then match the design to the niche. The single most important choice is the main button
(the "money action"), and it must match their goal:
- buy product -> Shop / Add to cart, with visible products and prices
- book service -> Book an appointment / Reserve, with a clear schedule or enquiry
- message you -> a one-tap WhatsApp or DM or contact button with a pre-filled message
- join a list -> a simple, well-designed signup
- donate -> a clear, trustworthy Donate button and impact numbers
- enquire -> a short, elegant enquiry form
Choose the sections that fit the niche (for example a restaurant needs a menu and hours and
reservations; a coach needs results and a booking call; a fashion brand needs a product grid
and lookbook; an artist needs a portfolio gallery). Pull the social proof style that fits:
real numbers and "featured in" for educators and tech, before-and-after for fitness, review
counts for food and salons, sold or press for real estate.
Turn their real Instagram into the site: the bio becomes the hero line, the best posts
become the gallery or product grid, the highlights hint at the sections, the external link
becomes the main button's destination.
If their goal and their content clearly conflict (for example they sell a course AND coach
one-on-one), ask one quick question about which single goal matters most, then proceed.
================================================================================
PHASE 5 - RESEARCH THE BEST OF THIS NICHE (go all out, do not hallucinate)
================================================================================
Before designing, research hard. Go all out, your absolute maximum. Read everything you can.
Do not hallucinate or invent facts. Web-search the best, award-winning, premium websites in
this exact niche and study what makes them feel expensive: their layout, their hero, their
type, their color, their motion, their conversion flow. Pull real reference points, not
vague adjectives. Bring the best of what you learn into this build.
================================================================================
PHASE 6 - BUILD THE SITE
================================================================================
Build a real, fast, mobile-first website:
- Next.js (App Router) with TypeScript and Tailwind CSS
- Framer Motion for subtle motion, and a smooth-scroll library for a premium feel
- Use the shadcn MCP for real components where helpful
- Put everything the owner might edit later into two simple files: one config file (brand
name, the main button link or number, contact, city) and one content file (offerings,
prices, testimonials, FAQ). Tell them at the end which file holds prices and contact.
- Use placeholder prices only where you must, and clearly flag every guessed price so the
owner can confirm it.
Apply the design bar from Phase 1 and everything you learned in Phase 5. This should look
like a premium brand in that category, not a template.
================================================================================
PHASE 7 - GENERATE AI IMAGES AND VIDEO (only if the owner opted in)
================================================================================
Only if the owner gave an OpenRouter key in Phase 0. Generate a small number of tasteful,
editorial images that fill real gaps (a hero composition, a lifestyle shot, section
backgrounds) in the brand's exact look. Call OpenRouter like this:
POST https://openrouter.ai/api/v1/chat/completions
Header: Authorization: Bearer THE_OPENROUTER_KEY
Body: {"model":"google/gemini-3.1-flash-image-preview",
"messages":[{"role":"user","content":"YOUR DETAILED IMAGE PROMPT"}],
"modalities":["image","text"]}
The image comes back as a base64 data URL at choices[0].message.images[0].image_url.url.
Decode it and save it into public/generated. Keep the visual style consistent with the
brand. If the model name ever returns an error, tell the owner the image step needs an
updated model name and continue without it. If the owner did not opt in, skip this entirely.
GRACEFUL FALLBACK FOR EVERY IMAGE SLOT, in order: a real downloaded Instagram photo or
video, else a different real one that fits, else an AI image (only if they opted in), else a
tasteful solid or gradient block. Never ship a broken image. A failed download or expired
link must never crash a page or block the build.
================================================================================
PHASE 8 - CHECK IT, THEN SHOW THEM
================================================================================
- Make sure it builds with no errors and every page works.
- Check it on a phone-sized screen yourself (take a mobile screenshot and actually look).
Fix anything that breaks on mobile. Do not claim mobile works without looking.
- Make sure every button does what it should (the main action opens the right thing).
- Start the local dev server and give the owner the link to open (for example
http://localhost:3000). Tell them plainly: "Your site is ready. Open this link to see
it." Show them the short Decisions note.
================================================================================
THEN ASK ABOUT GOING LIVE
================================================================================
After they have seen and liked it, ask: "Do you want to put this on your Instagram, so you
have a real web address to share? If yes, I will publish it for you." If they say yes, walk
them through it in plain words, one step at a time, and do as much as you can yourself:
1. Publish to Vercel using the Vercel deploy skill you installed. It gives back a live web
address and a short link they click once to claim the site into their own free Vercel
account. Tell them exactly which link to click.
2. Give them the live web address and tell them to put it in their Instagram bio link.
3. If they want their own custom web address (like theirname.com): tell them to open their
Vercel project, go to Settings then Domains, type their domain, and Vercel will show the
exact records to copy. Then they paste those records into wherever they bought the
domain. Tell them this part is done on the domain seller's site, and that it can take a
little while to switch on. Offer to wait and check it with them.
Do the technical steps yourself. Only the clicking-to-claim and the domain records are
theirs, because those need their own login. Explain each click simply.
================================================================================
WHEN YOU ARE DONE
================================================================================
Print a short, friendly checklist of the few things only they can do:
- Confirm the prices you guessed (tell them the exact file and that they can ask you to
change them).
- Open the site on their own phone and tap the main button to test it.
- Make a fresh Apify token, since this one was pasted into a chat.
- If they wanted a custom domain and have not finished it, the steps to do so.
Keep the tone warm and proud. They just got a premium website built from their Instagram.That is my whole engine, in one paste. It tells Claude to read your page, build the site, check it on a phone, and even put it online when you are ready. You just copied years of my testing in one go.
Step 3: Add your Instagram link and a free Apify key
Under the prompt, on a new line, paste your Instagram page link. Open your profile, copy the link, and paste it in.
Then get a free Apify key. This is the tool that reads your public page. Go to console.apify.com, make a free account, open Settings, then API and Integrations, and copy your token. Paste it on the next line, under your Instagram link.
Get your free Apify key (Settings, then API and Integrations)My prompt also asks if you want AI-made photos. You can skip that. Say no and it uses your real Instagram media only. Now press send.
You should see Claude start to work and ask you a couple of simple questions. That is exactly right, nothing is broken. Your token is saved on your own computer only, never shared. I built the prompt to remind you to make a fresh one at the end, which is smart to do.
Step 4: Answer a few questions, then walk away
Claude asks a few plain questions. What is the one thing you want visitors to do. What is your business name. Which city you serve. Answer them, or just say you decide.
Then walk away. Claude reads your page, downloads your media, researches your niche, and builds the whole site. It checks the site on a phone by itself and gives you a link to open.
Stop and look at what you just did. The hard part is already behind you. You pasted one prompt and answered a few questions, and Claude did the rest. This is the same flow that took me from zero to two apps on the stores. When you love the site, it offers to put it online for free and hand you a real web address for your bio.
How you use your new site
Your site lives on your computer first. When you like it, Claude puts it online free on Vercel and gives you a live link. Put that link in your Instagram bio.
Put your site online free on VercelWant your own web address, like yourname.com? Claude walks you through it, one click at a time.
Everything you might change later, like prices or your phone number, sits in one simple file. Ask Claude to change it and it does. No code.
And this is not a one-time trick. Run my prompt on any Instagram page. A friend's shop, a new brand, a side project. One prompt, one site, every time. This is exactly how I use it.
You are not learning to code. You are pointing Claude at your page and telling it what you want, the same way I do every day. That is the whole skill now. The wall is gone.
If it breaks
- Apify token error: your key was typed wrong or is used up. Go back to console.apify.com, open Settings, then API and Integrations, copy a fresh token, and paste it.
- It pulled nothing from your page: your Instagram may be private. Set it to public so the page can be read, then run again.
- You do not see Auto mode: update the app, then turn it on in Settings under Claude Code. Or just click Yes allow while it works.
- Some videos did not load: Instagram links expire fast. Ask Claude to keep the ones that worked, or run the page again to refresh them.
- It asks about credits or money: Apify is free to start. Make a fresh free account if yours is used up. You do not need to pay to build one site.
- The site looks off on your phone: tell Claude what looks wrong in plain words. It fixes it and shows you again.
- Do I need to know how to code?
- No. You paste my one prompt and answer a few questions. Claude writes all the code and builds the site for you. I am not writing code either, I am directing it.
- Is it really about five minutes?
- The parts you do take about five minutes. After that Claude builds on its own while you walk away, then hands you a link to open.
- What is Apify and is it free?
- Apify is the tool that reads your public Instagram page. You make a free account and copy a key. A free account includes a small monthly credit that easily covers building one site.
- Will it use my real photos and videos?
- Yes. I built the prompt to pull your best posts straight from your page. Your top reel, your best seller, and your collab posts all go on the site.
- My Instagram is private. Will it work?
- No. The page has to be public so the tool can read it. Set it to public, build the site, then change it back if you want.
- Can I use my own web address?
- Yes. Claude puts the site online free first, then walks you through adding your own domain, one click at a time.
- Is my Apify token safe?
- Yes. It is saved on your own computer only and never shared. The prompt reminds you to make a fresh one at the end, which is good practice.
- This still feels too advanced. What do I do?
- Relax, there is only one prompt, and I wrote it to do the hard part for you. Install the desktop app, paste my prompt, drop your link and key, and answer the questions. It walks you through every step and reassures you the whole way.
This free guide is the what. If you want the how, done with you, so you launch a site you are proud of in your first lesson, that is my Claude for Beginners course. Want apps, agents, and automations all in one place? That is All-Access. And if you want me to build your site with you live, on a call, I take a few 1:1 people each month.