How I Vibe Coded an Anthropic-Style $5000 Website With AI (Claude)

$5000 wali professional AI website sirf $20 mein bana sakte ho?
Haan! Pakistan ka pehla 5-Box Method live tutorial — koi coding nahi chahiye.

🎁 FREE NOTION TEMPLATE (All Prompts + Code + SQL):
👉 https://icy-bait-95a.notion.site/THE-HARIS-HUSTLE-5-BOX-METHOD-COMPLETE-TEMPLATE-365c9b1c214980f5bd2ffa70597337b7?source=copy_link

📄 PDF VERSION (Quick Reference):
👉 https://drive.google.com/file/d/1Kils5SEKPZWC8YcdTniKZflRQcXxMn8T/view?usp=sharing

📞 BOOK A FREE 30-MIN AI STRATEGY CALL:
👉 https://cal.com/muhammad-haris-iqh3nc/30-mint-website

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

🎯 IS VIDEO MEIN KYA SEEKHOGE:

✅ 5-Box Blueprint Framework
✅ Claude Code + Taste-Skill setup ($20)
✅ Master Prompt Template (copy-paste ready)
✅ Live build — UI + 3D animations + backend
✅ Supabase database integration
✅ Cal.com booking system
✅ GitHub + Vercel deployment
✅ Fiverr monetization tip ($200-500/gig)

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

⏱️ TIMESTAMPS:

00:00 🎬 Intro + Hook
01:16 💡 Why I'm Making This Video
02:43 ✨ Why This Video Is Different
02:59 🎯 What We'll Build Today
03:41 🏆 Your Challenge
04:06 🛠️ Required Tools Overview
04:30 📥 Step 1: Install Node.js
05:38 ⚡ Step 2: Install Claude Code
07:17 🎨 Step 3: Setup Taste-Skill
10:00 🧪 First Try: Basic Demo Build
11:11 📦 What Is the 5-Box Method?
11:34 1️⃣ Box 1 — WHO
12:19 2️⃣ Box 2 — WANT
12:47 3️⃣ Box 3 — WHY
13:32 4️⃣ Box 4 — WOW
14:42 5️⃣ Box 5 — WHAT NEXT
15:27 🤖 Explaining 5-Box to AI
15:59 🔄 5-Box = 5 Variables
16:46 🧩 Master Prompt Template
17:40 ⚙️ Dials Configuration
19:47 🚀 Master Prompt in Action
21:00 🎁 Free Template Reveal
21:32 🏗️ Real Website Build (5-Box Method)
22:54 👀 Frontend Review
23:40 💾 Supabase Integration (Forms)
27:32 📞 Cal.com Integration (Booking)
30:26 🔗 Adding Social Handles
31:47 📤 Push to GitHub
33:00 🌐 Deploy to Vercel
35:06 ✅ Recap: What You Learned
35:59 💰 Fiverr Earning Trick ($200-500/gig)
36:42 🎁 Free Template + PDF + Outro

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

🛠️ TOOLS USED:

- Claude Code: https://claude.com/claude-code
- Taste-Skill: https://github.com/Leonxlnx/taste-skill
- Supabase: https://supabase.com
- Cal.com: https://cal.com
- Vercel: https://vercel.com
- GitHub: https://github.com

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

🎯 THE 5-BOX CHALLENGE:

Build karo, ship karo, tag karo!

1. Apni site banao (5-Box method use karo)
2. Live deploy karo
3. Instagram pe screenshot post karo
4. @theharisai tag karo
5. #5BoxChallenge use karo

🏆 PRIZES:
- Best 3 sites featured on my Instagram (25K+ audience)
- Winner gets free 30-min mentorship call

⏰ Deadline: 14 days

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

https://whatsapp.com/channel/0029VafcwJ93bbV9L8uWan3D

Main Haris hoon AI Automation Engineer from Pakistan.
🇵🇰 Pakistan's first n8n developer
🚀 100+ production AI systems shipped
🌍 Clients across 16 countries
💼 AI Team Lead at N2L AI
⭐ Fiverr Top Rated criteria complete

Multi-Agent Systems • Voice AI • Workflow Automation

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

🔗 CONNECT WITH ME:

📸 Instagram: https://www.instagram.com/theharis.ai/
🎵 TikTok: https://www.tiktok.com/@harisagentic
💼 LinkedIn: https://pk.linkedin.com/in/ai-haris
💬 WhatsApp Community: https://whatsapp.com/channel/0029VafcwJ93bbV9L8uWan3D
📧 Email: theharishustle@gmail.com

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

🔥 CREDITS:

Research & Strategy: Inshal & Haris
Execution & Build: Haris

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

❓ COMMON QUESTIONS:

Q: Coding sikhni padegi?
A: Nahi. Sirf Claude Code use karna seekhna hai.

Q: $20/month kafi hai?
A: Haan — Claude Pro $20. Baki tools FREE.

Q: Mobile pe ho sakta hai?
A: Setup laptop pe karo. Edit mobile pe bhi possible.

Q: Pakistan se payment kaise karenge?
A: Wise, Payoneer, ya foreign card friend ka.

Q: Kitna time lagega?
A: First time 4-6 hours. Practice ke baad 2 hours.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

💝 IF THIS HELPED YOU:

1. 👍 LIKE button dabao
2. 🔔 SUBSCRIBE karo
3. 💬 COMMENT mein bolo: "5-Box karenge"
4. 🤝 Friend ko SHARE karo
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

#AIWebsiteBuilder #ClaudeCode #NextJS #AIAutomation #Pakistan
#n8n #AIAgents #FreelancingPakistan #FiverrPakistan #WebDevelopment
#5BoxMethod #TheHarisHustle #AIEngineer #UrduTutorial #HindiTutorial
#AItools #PassiveIncome #ClaudeAI #AIBusiness #TechPakistan

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

© The Haris Hustle 2026 | Production AI Systems

Видео How I Vibe Coded an Anthropic-Style $5000 Website With AI (Claude) канала The Haris Hustle