Загрузка...

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
Яндекс.Метрика
Все заметки Новая заметка Страницу в заметки
Страницу в закладки Мои закладки
На информационно-развлекательном портале SALDA.WS применяются cookie-файлы. Нажимая кнопку Принять, вы подтверждаете свое согласие на их использование.
О CookiesНапомнить позжеПринять