Build an artist website by cloning a reference and deploying it on your own domain
Ready nowNext.js 16 + shadcn template plus the clone-website skill: scrape a reference site, replace every word and image with the client's, review with screenshots, deploy to Vercel with a custom domain.
Kit
website-template, launch-check
You need
| Account | Why | Free or paid | Plan |
|---|---|---|---|
| Claude Code (Anthropic Claude Pro or Max) | The AI operator every system runs through. Skills, hooks, memory, MCP servers and the Brain plugin all load inside Claude Code. | Paid | Claude Pro (20 USD/mo) works for light use; Max (100 USD or 200 USD/mo) for daily multi-hour sessions. Anthropic terms require each user to hold their own subscription; never share a login. |
| Node.js 24 (npm, npx) | Runs Claude Code, the Vercel CLI, HyperFrames renders, Playwright, the MCP servers and every serverless function locally. | Free | Free. Node 24 LTS (the Brain MCP server and Vercel functions target Node 24). |
| Firecrawl | Scrapes a reference website into clean markdown and screenshots so the clone-website skill can rebuild it in Next.js. | Free tier available | Free tier (500 credits) is enough for a few clones; Hobby (16 USD/mo) for regular use. |
| GitHub | Every site, dashboard and workflow lives in a repo. Actions run scheduled jobs (email snapshots, daily scrapes). Issues double as an email alert channel for bookings. | Free | Free plan. Actions minutes on the free plan cover the cron jobs used here (a few minutes a day). |
| Vercel | Hosts every site, funnel, dashboard and serverless API (subscribe, book, attribution, AC proxy). Runs the cron jobs declared in vercel.json. | Free tier available | Pro (20 USD/mo per seat). The Hobby plan forbids commercial use, so any client site or paid product must be on Pro. Hobby is fine for a personal portfolio. |
| Porkbun (domain registrar) | Owns the domain and points DNS at Vercel. Timo moved domains here from Wix. | Paid | About 10 USD to 15 USD per year per .com domain. No plan tiers. |
| Playwright + headless Chrome (and Safari for the final check) | Renders pages to PNG for visual QA, drives the dashboard verification protocol, captures library stills, renders HTML titles and animations offline. | Free | Free. Google Chrome installed for headless screenshots; Playwright installs its own Chromium and WebKit. |
What you bring
- A reference site whose design you like
- A folder of your own photos
- Your bio, or a link that researches you
- Your domain name
- Your answers to 4 to 6 forced choices: accent colour, type voice, CTA words, anti-patterns
- Your brand colours and fonts
The steps
- Install the tools and unpack the template
- Answer the six questions, then plan
- Clone the reference with placeholders
- Drop in your photos and your story
- Iterate with screenshots, not words
- Add the features you want
- Deploy on Vercel and attach the domain
- Run the launch check on the live site
Get the full playbook
Part of: Build your website