Summary

A 26-minute step-by-step tutorial from Metics Media (posted 29 May 2026, so nearly five months old) showing a non-coder how to build a 'premium' single-page website with the Claude Code desktop app and put it online at a custom domain. The example is a fictional Seattle steakhouse. The method uses two design skills, a brief that ends by asking Claude to ask questions first, a self-grading pass against an eight-point checklist, and polish passes on motion, typography and mobile layout. It is a sponsored, affiliate-driven video: Hostinger hosting and the ElevenLabs aggregator are both pushed with discount links, and the '$10,000' in the title is a marketing frame, not a measured price. The interface instructions may already be out of date, as the presenter warns.

• His eight-point test of what separates a '$10,000 website' from a '$200' one, which he says came from asking Claude: point of view, typography, colour, hierarchy, imagery, motion, mobile, and 'the invisible stuff' (feeling fast and finished). He groups them as taste, substance and felt quality.
• Setup: the Claude Pro plan ('$20 a month' at recording), the Claude Code desktop app in Code mode, and a dedicated project folder. Then two free skills: Anthropic's Frontend Design skill, which runs in the background, bans the most overused fonts and pushes toward bolder design and more restrained copy, and the community-built UI/UX Pro Max, called directly and described as shipping 57 UI styles, 95 palettes and 56 font pairings. Finally, auto mode, so that Claude does not stop for permission at every step.
• The brief: he calls the design skill and ends with 'Ask me clarifying questions'. Claude came back with seven questions and three style directions. He calls the answers 'the most important moment in the entire build'. For people who cannot describe their taste in words, he recommends 3 to 5 reference screenshots from Dribbble, Awwwards or Pinterest.
• Claude's first pass picked Fraunces and Inter fonts and a five-colour palette. He says Inter is so overused it 'screams AI made this' and had it swapped for Geist.
• Imagery is the one pillar Claude can't solve alone: real photography is best, and AI generation is the fallback. His workflow, inside the ElevenLabs aggregator: a ChatGPT image used as the first frame for a Google Veo 3.1 video, upscaled with Topaz. He has Claude write the image prompt because it already knows the project. That section is a sponsor plug.
• 21st.dev, a free library of pre-built web components, is used for a scroll-driven hero. Claude declined to drop in the React component because it would have changed a simple static site's architecture, and rebuilt it without React. It took three rounds of debugging, the last done by Claude opening the page in a browser and inspecting it live. His lesson: when something breaks, say what you expected and keep going.
• Self-grading: paste the checklist back in and ask 'Be honest' how the site scores against each point. Claude rated point of view, colour and hierarchy as strong and the rest as mixed. Then ask for a batch of fixes in terms of intent rather than specifics ('make it more expensive, not busier'). He says batching saves tokens and gives a more coherent result than one tweak at a time.
• The polish step he says most people skip: review each section by eye, find the flat ones (Claude 'can't feel your site'), and ask for exactly one subtle motion or cursor interaction per section. Then push it to be 'more subtle'. Mobile also needs its own dedicated design pass, because 'responsive isn't the same as designed for phones'.
• Deployment: Hostinger Premium for static sites, or the Business plan if Claude built a backend (the React decision earlier tells you which). Upload a zip of the folder's contents, not the folder itself, or the domain loads a blank page. He says the total came to about $43 for a year of hosting plus domain, and roughly $60 including a month of Claude Pro, at promotional prices that change.

Why it matters

This is very close to the toolchain already behind Ashley's own sites: Claude Code, Anthropic's Frontend Design skill, UI/UX Pro Max, 21st.dev and Hostinger. That makes it a useful outside check on practice already in use, not a new direction. The ideas likely to last are not tied to any tool: let the model ask questions before it builds, grade the work against a stated quality bar, ask for changes by intent rather than specification, and accept that a human still has to judge where a page feels flat. Claude refusing React to protect a static site is a concrete example of an agent defending architecture against a user's literal request. Discount the price framing and plan recommendations: the video is affiliate-funded and five months old, and the '$10,000' figure is the title, not evidence.

VMvZuhcDdnw-transcript.txt