Перейти к содержимому

I Built a Pro 3D Website With Claude Code (No Code) + Deploy

Think with MR

0:00 / 0:00

I Built a Pro 3D Website With Claude Code (No Code) + Deploy

227 просмотров · 4 дня назад
Think with MR
34 подписчика
227 просмотров · 4 дня назад
I built a professional 3D landing page with Claude Code: no code written by me. Plan first, add pro design skills, upgrade it to 3D, then deploy it live for free on Vercel. Is video mein hum Claude Code (CLI) ke saath ek professional 3D website banate hain, bina code likhe. Pehle plan, phir design skills, phir 3D effect, aur aakhir mein Vercel pe free deploy. 👉 Subscribe for more AI tools explained simply:    / @thinkwithmrg   What you'll learn: ✅ Why you plan BEFORE building (plan mode + let Claude ask you questions) ✅ Install Claude Code CLI (Mac & Windows) ✅ Add 2 design skills so your site doesn't look "AI-made": ui-ux-pro-max + frontend-design ✅ Upgrade to 3D with a motionsites prompt + three.js ✅ Fix anything with one prompt (e.g. "I don't like the header buttons") ✅ Push to GitHub and deploy free on Vercel 🔗 Links: ui-ux-pro-max skill: https://github.com/nextlevelbuilder/u... frontend-design skill: https://github.com/anthropics/claude-... Motionsites ai: https://motionsites.ai/?prompt=agent-... ⏱️ Chapters 0:00 The finished 3D website (preview) 0:32 What we'll build in this video 0:58 Plan first: why it matters 1:28 Install Claude Code CLI (Mac & Windows) 1:59 Create the project folder 2:27 Choose the model + plan mode 2:49 The planning prompt 3:09 Claude asks: stack, style, sections 4:22 The build plan 5:00 Add pro design skills before building 6:43 Build it 6:53 First version on localhost 7:46 Next level: 3D with motionsites 8:29 Under the hood: three.js 8:46 Before vs after 9:07 One prompt: full 3D + smooth animations 10:05 Fix what you don't like 11:11 Recap 11:47 Push to GitHub 12:53 Deploy free on Vercel 13:41 Connect your own domain 🎥 Watch next: Ask Your PDFs Anything (No-Code AI Agent):    • Ask Your PDFs Anything: No-Code AI Agent w...   How I Built an AI Agent Without Writing Code:    • How I Built an AI Agent Without Writing Co...   Agar video achhi lagi ho to share karein, subscribe karein, aur comment mein batayein: aap Claude Code se kaun si website banayenge? #ClaudeCode #VibeCoding #NoCode #3DWebsite #WebDesign #AIinHindi #AIinUrdu