Skip to content

Build $10,000 Websites using Claude Code (Ultimate Guide)

By Metics Media

26 min video·ar··58993 views

This is an AI-generated summary of Build $10,000 Websites using Claude Code (Ultimate Guide) — a 26 min YouTube video by Metics Media, published May 29, 2026. It condenses the full transcript into 10 key takeaways with clickable timestamps.

Summary

يشرح هذا الفيديو كيفية إنشاء موقع إلكتروني احترافي بقيمة 10,000 دولار باستخدام مساعد البرمجة Claude Code، بدءًا من التثبيت وتطوير المهارات وصولاً إلى تحسين التصميم والمحتوى ونشره على نطاق حقيقي.

Key Points

  • تتميز المواقع الإلكترونية عالية القيمة بثمانية عناصر أساسية: وجهة النظر، والطباعة، والألوان، والتسلسل الهرمي، والصور، والحركة، والتوافق مع الأجهزة المحمولة، والتفاصيل الدقيقة. 
  • Claude Code هو مساعد برمجة يعمل بالذكاء الاصطناعي يتيح إنشاء مواقع ويب مخصصة بالكامل من الصفر بناءً على الوصف باللغة الطبيعية، متفوقًا على أدوات إنشاء المواقع القائمة على القوالب. 
  • يتم تحسين الموقع بشكل متكرر من خلال إضافة مكونات جاهزة وتفاعلات دقيقة للمؤشر وحركات بسيطة من مكتبات مثل 21st.dev، مع توجيه Claude لجعلها أكثر دقة ورقيًا. 
  • يبدأ العمل بتثبيت تطبيق Claude Code لسطح المكتب وإعداد مجلد عمل خاص بالمشروع، ثم تفعيل الوضع التلقائي لتمكين Claude من العمل دون طلب إذن في كل خطوة. 
  • يتم تحسين قدرات Claude التصميمية بتثبيت مهارتين مجانيتين: «تصميم الواجهة الأمامية» من Anthropic و«UI UX Pro Max» من المجتمع، والتي توفر أنماطًا ولوحات ألوان وأزواج خطوط جاهزة. 
  • تعتمد جودة الموقع بشكل كبير على التعليمات المحددة والمراجع البصرية (لقطات شاشة لمواقع تعجبك) التي تُقدم لـ Claude، مما يساعده على مطابقة الأسلوب البصري المطلوب. 
  • يتم دمج الصور ومقاطع الفيديو المخصصة، سواء كانت فوتوغرافية أو مولدة بالذكاء الاصطناعي (باستخدام أدوات مثل ChatGPT و11ElevenLabs)، لتعزيز الجاذبية البصرية للموقع. 
  • يجب مراجعة المحتوى المكتوب لضمان جودته واختصاره، وتجنب المحتوى المبالغ فيه الذي يولده الذكاء الاصطناعي، بالإضافة إلى استبدال الخطوط الشائعة التي توحي بأن الموقع من صنع الذكاء الاصطناعي. 
  • يتم التأكد من تصميم الموقع بشكل مُتقن للهواتف المحمولة، وليس مجرد تصغير نسخة سطح المكتب، من خلال طلب مراجعة مخصصة من Claude لنسخة الهاتف المحمول. 
  • يتم نشر الموقع على الإنترنت باستخدام خدمة استضافة مثل Hostinger، مع اختيار الباقة المناسبة لنوع المشروع، وضغط الملفات بشكل صحيح لضمان ظهور الموقع على النطاق المخصص. 
Build $10,000 Websites using Claude Code (Ultimate Guide)

Build $10,000 Websites using Claude Code (Ultimate Guide)

يشرح هذا الفيديو كيفية إنشاء موقع إلكتروني احترافي بقيمة 10,000 دولار باستخدام مساعد البرمجة Claude Code، بدءًا من التثبيت وتطوير المهارات وصولاً إلى تحسين التصميم والمحتوى ونشره على نطاق حقيقي.

Key Points

تتميز المواقع الإلكترونية عالية القيمة بثمانية عناصر أساسية: وجهة النظر، والطباعة، والألوان، والتسلسل الهرمي، والصور، والحركة، والتوافق مع الأجهزة المحمولة، والتفاصيل الدقيقة.
Claude Code هو مساعد برمجة يعمل بالذكاء الاصطناعي يتيح إنشاء مواقع ويب مخصصة بالكامل من الصفر بناءً على الوصف باللغة الطبيعية، متفوقًا على أدوات إنشاء المواقع القائمة على القوالب.
يتم تحسين الموقع بشكل متكرر من خلال إضافة مكونات جاهزة وتفاعلات دقيقة للمؤشر وحركات بسيطة من مكتبات مثل 21st.dev، مع توجيه Claude لجعلها أكثر دقة ورقيًا.
يبدأ العمل بتثبيت تطبيق Claude Code لسطح المكتب وإعداد مجلد عمل خاص بالمشروع، ثم تفعيل الوضع التلقائي لتمكين Claude من العمل دون طلب إذن في كل خطوة.
يتم تحسين قدرات Claude التصميمية بتثبيت مهارتين مجانيتين: «تصميم الواجهة الأمامية» من Anthropic و«UI UX Pro Max» من المجتمع، والتي توفر أنماطًا ولوحات ألوان وأزواج خطوط جاهزة.
تعتمد جودة الموقع بشكل كبير على التعليمات المحددة والمراجع البصرية (لقطات شاشة لمواقع تعجبك) التي تُقدم لـ Claude، مما يساعده على مطابقة الأسلوب البصري المطلوب.
يتم دمج الصور ومقاطع الفيديو المخصصة، سواء كانت فوتوغرافية أو مولدة بالذكاء الاصطناعي (باستخدام أدوات مثل ChatGPT و11ElevenLabs)، لتعزيز الجاذبية البصرية للموقع.
يجب مراجعة المحتوى المكتوب لضمان جودته واختصاره، وتجنب المحتوى المبالغ فيه الذي يولده الذكاء الاصطناعي، بالإضافة إلى استبدال الخطوط الشائعة التي توحي بأن الموقع من صنع الذكاء الاصطناعي.
يتم التأكد من تصميم الموقع بشكل مُتقن للهواتف المحمولة، وليس مجرد تصغير نسخة سطح المكتب، من خلال طلب مراجعة مخصصة من Claude لنسخة الهاتف المحمول.
يتم نشر الموقع على الإنترنت باستخدام خدمة استضافة مثل Hostinger، مع اختيار الباقة المناسبة لنوع المشروع، وضغط الملفات بشكل صحيح لضمان ظهور الموقع على النطاق المخصص.
Summarize any video — free
Summarizer.tube
Copy All
Share Link
Bookmark

Summarize any YouTube video, free

You just read an AI summary of this video. Paste any other YouTube link and get the key points with clickable timestamps in seconds — no signup, 5 free a day.

More Resources

More Summaries

2 hr 50 min

MT129 lecture 1

AOU coursesar

تقدم هذه المحاضرة مفهوم مجال الدالة في حساب التفاضل والتكامل، موضحًا كيفية إيجاده للدوال الحدودية والجذرية والكسرية، بالإضافة إلى الدوال المركبة والعمليات الجبرية الأساسية.

27 min

SPEED GOES PRO, EPISODE 2: SUNI LEE (Gymnastics)

IShowSpeedar

يتدرب سبيد، غير لاعب الجمباز، على حركتين معقدتين في الجمباز، الشقلبة الأمامية الكاملة والدورة العملاقة، في 48 ساعة ليتم تقييمه من قبل البطلة الأولمبية سوني لي، ويثبت قدرته على أن يصبح لاعب جمباز.

53 min

Historia de la fotografía | Kronovisor

Kronovisorar

يستعرض الفيديو التاريخ الطويل والمثير للتصوير الفوتوغرافي، بدءًا من المفاهيم المبكرة للكاميرا المظلمة والنظريات البصرية، مرورًا بالاختراعات الرائدة مثل الهيليوغرافيا والداجيريوتايب والكالوتيب، وصولًا

32 min

Japan: History, Geography, Economy & Culture

Geodiodear

تستعرض هذه الحلقة تاريخ اليابان الغني والمتنوع، بدءًا من أصولها القديمة وتطورها كأمة فريدة، مرورًا بفترات الحكم العسكري والعزلة، وصولًا إلى صعودها كقوة اقتصادية عالمية، مع تسليط الضوء على ثقافتها المم