---
title: "Beginners Guide to Building Websites with AI — Claude Code"
source_url: https://youtu.be/mEe8SJvyocI
captured_at: 2026-06-14
author: "Ruben Stom"
contributor: "ชิดชนก"
platform: youtube
---
# Beginners Guide to Building Websites with AI — Claude Code

youtube video by **Ruben Stom**, 13m17s, uploaded 2026-06-13. URL: https://youtu.be/mEe8SJvyocI

## Shared in LINE Note+
- 2026-06-14 18:06 by ชิดชนก

## Description
In this video, I show you how I build a premium, one-page portfolio website with AI from start to finish — no template, and full control over how it looks and behaves. I walk through the whole process: shaping the design concept, generating the visuals with AI, and the exact prompts and techniques I use in Claude Code to turn that into a living, animated website.

I also cover the parts most tutorials skip — how I keep the build safe with a simple Git workflow, how I make everything fully responsive for mobile, and how I put the finished site online so it updates by itself. By the end you'll have everything you need to design, build, and launch your own website with AI.

⸻

📥 Free Download

The full website, all the prompts, and the visuals from this video are available as a free download — plus a deeper guide on Git and on deploying with GitHub, Vercel, and GoDaddy.

Link: 

⸻

📌 Chapters

0:00 Intro
0:39 The Design Concept
2:30 Generating the Visuals
3:37 Project Setup
4:35 Working Safely on Your Project
5:23 View Your Website in the Browser
5:59 The Prompting
9:02 Making Your Website Responsive
9:55 Deploy Your Website
11:36 The Costs
12:01 The Next Steps
12:34 The Result
12:47