- Популярные видео
- Авто
- Видео-блоги
- ДТП, аварии
- Для маленьких
- Еда, напитки
- Животные
- Закон и право
- Знаменитости
- Игры
- Искусство
- Комедии
- Красота, мода
- Кулинария, рецепты
- Люди
- Мото
- Музыка
- Мультфильмы
- Наука, технологии
- Новости
- Образование
- Политика
- Праздники
- Приколы
- Природа
- Происшествия
- Путешествия
- Развлечения
- Ржач
- Семья
- Сериалы
- Спорт
- Стиль жизни
- ТВ передачи
- Танцы
- Технологии
- Товары
- Ужасы
- Фильмы
- Шоу-бизнес
- Юмор
Build Gorgeous Websites With Claude Code (FULL COURSE)
FULL CONCLUSION HERE: https://youtu.be/7trzsfxn6AM
(Note: The original upload was cut off at 1:17:00 due to a technical error. This link contains the final 18 minutes.)
Claude Code is the best tool for building websites with AI, but most people skip the steps that actually make a site look professional. In this full course, I walk through my complete process for going from nothing to a deployed, polished website using Claude Code.
I cover what I call the 3Ds: design, development, and deployment. The design phase is where most people cut corners, and it's the reason so many AI-built websites look identical. I show you how to use tools like Google Stitch, Firecrawl, Google Fonts, and Pinterest to build a real design direction before writing a single line of code.
In the development section, I walk through setting up Claude Code, installing the Chrome DevTools MCP for a two-pass screenshot loop, iterating on designs with 21st.dev components, and generating custom video animations using Higgsfield and Cling 3.0 to make the site actually stand out.
Everything I use in this course is linked in my free web design toolkit, which you can find in my community, Applied AI Academy, linked below.
My Links:
🎓 Get all the resources! (Free)
https://www.skool.com/aa-academy
💼 Work with me on AI automation
https://arose.ai/booking
TIMESTAMPS:
0:00 Introduction
2:02 The 3Ds framework
8:52 Setting up Claude Code
10:04 Why design matters
13:53 Claude.md file
16:22 Design.md file
18:15 Brand assets folder
19:56 Finding inspiration
21:39 Stealing HTML
22:34 Firecrawl branding scrape
25:19 Google Fonts
27:21 Front-end design skill
30:03 Claude Design vs Stitch
42:33 Development phase
46:37 Chrome DevTools MCP
49:29 Two-pass screenshot loop
53:05 Iterating with Claude
55:12 21st.dev components
59:27 AI image generation
1:06:40 Video with Higgsfield
1:09:07 Scroll reveal animation
1:16:20 Hero loop background
Видео Build Gorgeous Websites With Claude Code (FULL COURSE) канала Tommy Chryst
(Note: The original upload was cut off at 1:17:00 due to a technical error. This link contains the final 18 minutes.)
Claude Code is the best tool for building websites with AI, but most people skip the steps that actually make a site look professional. In this full course, I walk through my complete process for going from nothing to a deployed, polished website using Claude Code.
I cover what I call the 3Ds: design, development, and deployment. The design phase is where most people cut corners, and it's the reason so many AI-built websites look identical. I show you how to use tools like Google Stitch, Firecrawl, Google Fonts, and Pinterest to build a real design direction before writing a single line of code.
In the development section, I walk through setting up Claude Code, installing the Chrome DevTools MCP for a two-pass screenshot loop, iterating on designs with 21st.dev components, and generating custom video animations using Higgsfield and Cling 3.0 to make the site actually stand out.
Everything I use in this course is linked in my free web design toolkit, which you can find in my community, Applied AI Academy, linked below.
My Links:
🎓 Get all the resources! (Free)
https://www.skool.com/aa-academy
💼 Work with me on AI automation
https://arose.ai/booking
TIMESTAMPS:
0:00 Introduction
2:02 The 3Ds framework
8:52 Setting up Claude Code
10:04 Why design matters
13:53 Claude.md file
16:22 Design.md file
18:15 Brand assets folder
19:56 Finding inspiration
21:39 Stealing HTML
22:34 Firecrawl branding scrape
25:19 Google Fonts
27:21 Front-end design skill
30:03 Claude Design vs Stitch
42:33 Development phase
46:37 Chrome DevTools MCP
49:29 Two-pass screenshot loop
53:05 Iterating with Claude
55:12 21st.dev components
59:27 AI image generation
1:06:40 Video with Higgsfield
1:09:07 Scroll reveal animation
1:16:20 Hero loop background
Видео Build Gorgeous Websites With Claude Code (FULL COURSE) канала Tommy Chryst
claude code for beginners claude code mcp ai website builder claude code ai website design anthropic claude code tips claude code subagents workflow automation anthropic claude claude code vs cursor kevin stratvert claude code new ai coder claude code 4 my first million new ai coder claude code claude code beginner google gemini new claude coder model claude code mac a16z claude code cloud vibe coding shaan puri vscode claude code
Комментарии отсутствуют
Информация о видео
27 апреля 2026 г. 22:43:04
01:17:44
Другие видео канала





















