Your Ultimate AI Website Builder — Relume Publish
2687 次观看 · 2026-09-15
UI 设计
👉 Try Relume Publish: https://relume.me/Sergei-Chyrkov
💌 Join my newsletter: https://sergeichyrkov.com/newsletter
🎙️ Want to learn more? Book 1:1 session: https://sergeichyrkov.com/learn
Can AI actually replace a web designer? In this video, I compare two AI-powered approaches to building a real client website — prompting Claude Code from scratch vs. using Relume Publish + component-based workflow — to see which one actually delivers a website you could hand off to a paying client.
I start with a real law firm brief (created with Claude AI), then build the same homepage two ways: first fully AI-generated in Claude Code, then using Relume's AI site map, wireframes, and design system. You'll see the full process — from brief to site map, wireframes, AI design generation, custom branding, AI-generated imagery, manual polish, and finally publishing the site live with Relume Publish.
If you're a freelance web designer, working on Upwork or Contra, or running a small web design agency, this workflow will show you how to deliver consistent, SEO-ready, client-ready websites faster — without constant AI prompting or touching code.
______________________________
Check out my links ⬇️
▸ My website — https://sergeichyrkov.com
▸ My studio — https://chyrkov.studio
▸ My curated resources library — https://designsweets.co
▸ Twitter — https://twitter.com/sergeichyrkov
▸ Instagram — https://instagram.com/chyrkov
▸ Behance — https://www.behance.net/chyrkov
▸ Linkedin — https://linkedin.com/in/sergeichyrkov
______________________________
Useful stuff:
👉 Get -20% on Mobbin Pro plan — http://mobbin.com/chyrkov
👉 Best music for your videos (get 30 days for free) — https://www.epidemicsound.com/referral/am81qn
______________________________
📝 Chapters:
0:00 — intro
1:04 — Finding a Real Law Firm Website (Bad Example)
1:43 — Writing a Client Brief with Claude
2:21 — Introduction to Relume Publish
2:55 — Testing Claude Code to Build a Homepage
3:35 — Getting Started with Relume Publish
4:30 — AI Site Map Generator in Relume
5:12 — Building Wireframes with Relume's UI Library
5:48 — Design Generation with Relume
6:19 — Editing Components Like Lego Blocks
7:01 — Custom Brand Colors & Fonts in Relume
8:36 — Updating Typography and UI
9:50 — AI-Generated Images + Black & White Style
10:40 — Manual Polish: Making It Look Less "AI"
11:40 — Publishing a Website Live with Relume
12:10 — Optimizing for SEO and site setting
12:41 — Auto-Fixing Site Issues with Relume Agent
13:14 — Preview live website in Relume
13:56 — Adding Logo, Favicon & Cookie Banner
14:36 — Website Performance & SEO Score Results
14:51 — Claude Code vs Relume: Final Comparison
16:25 — Should You Use Relume for Client Websites?
______________________________
😍 Monetarily Supporting The Channel:
If you like what I do and wish to support the channel monetarily, you can donate me with some coffee here: https://www.buymeacoffee.com/sergeichyrkov
This is appreciated and helps the channel, but please don't feel that it is necessary to enjoy my content.
______________________________
📃 Disclaimer:
Some of the links in my video descriptions are affiliate links, which means at no extra cost to you, I will make a small commission if you click them and make a qualifying purchase.
______________________________
#relume #ai #webdesign #claudecode
💌 Join my newsletter: https://sergeichyrkov.com/newsletter
🎙️ Want to learn more? Book 1:1 session: https://sergeichyrkov.com/learn
Can AI actually replace a web designer? In this video, I compare two AI-powered approaches to building a real client website — prompting Claude Code from scratch vs. using Relume Publish + component-based workflow — to see which one actually delivers a website you could hand off to a paying client.
I start with a real law firm brief (created with Claude AI), then build the same homepage two ways: first fully AI-generated in Claude Code, then using Relume's AI site map, wireframes, and design system. You'll see the full process — from brief to site map, wireframes, AI design generation, custom branding, AI-generated imagery, manual polish, and finally publishing the site live with Relume Publish.
If you're a freelance web designer, working on Upwork or Contra, or running a small web design agency, this workflow will show you how to deliver consistent, SEO-ready, client-ready websites faster — without constant AI prompting or touching code.
______________________________
Check out my links ⬇️
▸ My website — https://sergeichyrkov.com
▸ My studio — https://chyrkov.studio
▸ My curated resources library — https://designsweets.co
▸ Twitter — https://twitter.com/sergeichyrkov
▸ Instagram — https://instagram.com/chyrkov
▸ Behance — https://www.behance.net/chyrkov
▸ Linkedin — https://linkedin.com/in/sergeichyrkov
______________________________
Useful stuff:
👉 Get -20% on Mobbin Pro plan — http://mobbin.com/chyrkov
👉 Best music for your videos (get 30 days for free) — https://www.epidemicsound.com/referral/am81qn
______________________________
📝 Chapters:
0:00 — intro
1:04 — Finding a Real Law Firm Website (Bad Example)
1:43 — Writing a Client Brief with Claude
2:21 — Introduction to Relume Publish
2:55 — Testing Claude Code to Build a Homepage
3:35 — Getting Started with Relume Publish
4:30 — AI Site Map Generator in Relume
5:12 — Building Wireframes with Relume's UI Library
5:48 — Design Generation with Relume
6:19 — Editing Components Like Lego Blocks
7:01 — Custom Brand Colors & Fonts in Relume
8:36 — Updating Typography and UI
9:50 — AI-Generated Images + Black & White Style
10:40 — Manual Polish: Making It Look Less "AI"
11:40 — Publishing a Website Live with Relume
12:10 — Optimizing for SEO and site setting
12:41 — Auto-Fixing Site Issues with Relume Agent
13:14 — Preview live website in Relume
13:56 — Adding Logo, Favicon & Cookie Banner
14:36 — Website Performance & SEO Score Results
14:51 — Claude Code vs Relume: Final Comparison
16:25 — Should You Use Relume for Client Websites?
______________________________
😍 Monetarily Supporting The Channel:
If you like what I do and wish to support the channel monetarily, you can donate me with some coffee here: https://www.buymeacoffee.com/sergeichyrkov
This is appreciated and helps the channel, but please don't feel that it is necessary to enjoy my content.
______________________________
📃 Disclaimer:
Some of the links in my video descriptions are affiliate links, which means at no extra cost to you, I will make a small commission if you click them and make a qualifying purchase.
______________________________
#relume #ai #webdesign #claudecode