أسرع طريقة تتعلم بيها الـ AI إنك تبني حاجة صغيرة تستخدمها بجد. في Claude فيه حاجة اسمها Artifacts: لما تطلب صفحة أو أداة، بتظهرلك شغالة جنب الشات، تدوس عليها وتجربها على طول. مشروع كل يوم، وفي آخر الأسبوع هيبقى عندك 5.
قبل ما تبدأ
- حساب على claude.ai. المجاني فيه Artifacts.
- المتصفح على الكمبيوتر أو تطبيق Claude (على الكمبيوتر أسهل في التجربة).
- فكرة صغيرة لكل مشروع، وهتلاقي أمثلة تحت.
نصيحةلو الأداة مظهرتش جنب الشات، زوّد في آخر طلبك: «اعملها كـ Artifact في ملف HTML واحد».
إزاي تطوّر أي حاجة (أهم جزء في الملف)
- تعديل واحد في كل رسالة. لو طلبت 6 حاجات مرة واحدة، ممكن يعمل 4 وينسى 2، ومش هتعرف أنهي اللي بوّظ.
- اوصف اللي شايفه، مش الكود: «الزرار لازق في الكلام ولونه باهت» أحسن من «صلّح الـ CSS».
- لو حاجة شكلها غلط، خد سكرين شوت وارفعها وقوله: «شايف الحتة دي؟ عايزها كده».
- اسأله يشرح: «اشرحلي في 3 سطور الحاسبة دي بتحسب إزاي». كده بتتعلم وانت بتبني.
- لو تعديل بوّظ حاجة: ارجع للنسخة اللي قبلها من الـ Artifact، أو قوله «رجّعها زي النسخة اللي فاتت، وغيّر بس كذا».
- لو الشات طوّل جدًا وبدأ يلخبط: افتح شات جديد، والصق آخر نسخة، وقوله «كمّل من هنا».
صفحتك الشخصية
صفحة واحدة بتعرّف بيك: انت مين، بتعمل إيه، وإزاي حد يكلمك. تنفع للشغل الحر أو للـ CV.
اعمللي صفحة شخصية كـ Artifact في ملف HTML واحد. - اسمي: [الاسم]، وبشتغل: [شغلك أو دراستك] في [المدينة]. - عني: [3 سطور بكلامك] - 3 حاجات بعرف أعملها: [1، 2، 3] - تواصل: [إيميل، LinkedIn، واتساب] الشكل: عربي من اليمين للشمال، بسيط ونضيف، ألوان [لونين]، وحلو على الموبايل. متألّفش أي خبرة أو رقم مش مكتوب هنا.
ليه شغال؟«متألّفش» بتخلي الصفحة صادقة، وده اللي بيبني ثقة في أي حد يشوفها.
زوّد قسم «شغلي» فيه 3 كروت: اسم المشروع، سطر عنه، ولينك. سيب الكلام بين [ ] وأنا هملاه.
زوّد زرار صغير فوق يقلب الصفحة بين الوضع الفاتح والغامق.
هتشوفهتظهر الصفحة جنب الشات. دوس على اللينكات وجرّب الزرار.
حاسبة مصاريف الشهر
تكتب مرتبك، وتسجّل كل مصروف ببنده، وهي تقولك فاضلك كام، وفلوسك بتروح فين.
اعمللي حاسبة مصاريف شهرية بالجنيه كـ Artifact. - خانة للدخل الشهري. - أضيف مصروف: المبلغ، البند (أكل، مواصلات، فواتير، خروج، تانية)، وملاحظة. - جدول بكل المصاريف، مع زرار مسح لكل صف. - فوق: إجمالي المصروف، والفاضل، ومجموع كل بند. - رسم أعمدة بسيط للبنود. - زرار «نزّل CSV» عشان أحفظ البيانات عندي. عربي من اليمين للشمال، وحلوة على الموبايل.
ليه شغال؟زرار «نزّل CSV» مهم: الأداة ممكن متفتكرش اللي كتبته بعد ما تقفلها، فبيه بتحفظ بياناتك عندك.
خليني أحط حد أقصى لكل بند، ولو عدّيته البند يتلوّن أحمر.
زوّد زرار «انسخ ملخص الشهر» ينسخ 5 سطور: الدخل، المصروف، الفاضل، وأكبر بندين.
هتشوفجرّب تزوّد 3 مصاريف، وشوف الأرقام والرسم بيتغيروا لوحدهم.
كروت مذاكرة + كويز
تلصق محاضرة أو ملخص، وتاخد كروت تقلبها، وكويز بدرجة.
ده كلام من محاضرة [المادة]: [الصق الكلام] اعمللي أداة مذاكرة كـ Artifact من الكلام ده بس: - 15 كارت: سؤال على وش، وإجابة على الضهر لما أدوس. - زرار «كويز»: 10 أسئلة اختيار من متعدد، وبعد كل إجابة يقولي صح ولا غلط وليه في سطر. - في الآخر الدرجة من 10. متجيبش معلومات من برّه الكلام اللي بعتهولك.
ليه شغال؟«من الكلام ده بس» بتخلي الأسئلة على المنهج بتاعك، مش معلومات عامة ممكن متكونش مطلوبة منك.
الأسئلة اللي غلطت فيها تتعاد في آخر الكويز لحد ما أجاوبها صح.
زوّد وضع «امتحان»: تايمر 10 دقايق، والإجابات تظهر في الآخر بس.
هتشوفقلّب كارتين، وبعدين ادخل الكويز وغلّط في سؤال بقصد، وشوف الشرح.
حاسبة أسعار لمشروع صغير
الزبون (أو انت) يختار الطلب، والسعر يتحسب لوحده، ورسالة الطلب تبقى جاهزة للواتساب.
اعمللي حاسبة أسعار لمشروعي كـ Artifact. المشروع: [بتبيع إيه] الاختيارات والأسعار (بالجنيه): - [الاختيار الأول، مثلًا الحجم]: [اختيار = سعر، اختيار = سعر] - [إضافات]: [إضافة = سعر] - [التوصيل]: [منطقة = سعر، منطقة = سعر] اعرض الإجمالي ويتغيّر أول ما أغيّر أي اختيار. وتحت: رسالة طلب جاهزة فيها كل الاختيارات والإجمالي، وزرار «انسخ الرسالة». استخدم الأسعار اللي هنا بس.
ليه شغال؟الأسعار انت اللي بتكتبها، فالحاسبة بتطلع أرقامك انت مش أرقام من عنده.
زوّد سطر «العربون» = 30% من الإجمالي، يتحسب لوحده.
حط الأسعار كلها في مكان واحد واضح في أول الكود، واشرحلي أغيّرها إزاي لما الأسعار تتغير.
هتشوفغيّر الاختيارات وشوف الإجمالي بيتغير. دوس «انسخ الرسالة» والصقها في واتساب.
صفحة لينكات للبايو
صفحة واحدة تحط لينكها في بايو إنستجرام أو تيك توك، فيها كل زراير التواصل.
اعمللي صفحة لينكات للبايو كـ Artifact في ملف HTML واحد. - الاسم: [اسمك أو اسم المشروع]، وسطر تحته: [بتعمل إيه]. - دايرة فوق مكان الصورة (هحط صورتي بعدين). - زراير كبيرة: واتساب ([الرقم])، إنستجرام ([اللينك])، المنيو أو الأسعار ([اللينك])، الموقع على الخريطة ([اللينك]). - ألوان [لونين]، عربي، ومعمولة للموبايل الأول.
ليه شغال؟زراير كبيرة واحد تحت التاني هي أسهل حاجة تتداس بصباع على الموبايل.
زوّد قسم صغير «عرض الأسبوع» فوق الزراير، أقدر أغيّر كلامه بسهولة.
خلي كل زرار له أيقونة بسيطة، ولما أدوس عليه يتحرك حركة خفيفة.
هتشوفعشان تحطها في البايو: دوس Publish لو ظاهرلك وخد لينك عام يفتح مع أي حد. أو نزّل الملف وارميه على app.netlify.com/drop، واعمل حساب ببلاش واعمل Claim عشان اللينك يفضل.
هبة بتعمل تورت في البيت. ملت حاسبة الأسعار كده: - الحجم: 1 كيلو = 450، 2 كيلو = 850 - النكهة: فانيليا، شوكولاتة، ريد فيلفت (نفس السعر) - إضافات: كتابة على التورتة = 50، شمع = 20 - التوصيل: مدينة نصر = 40، مصر الجديدة = 60، استلام من البيت = 0
ظهرلها جنب الشات صفحة فيها اختيارات بتدوس عليها، والإجمالي بيتغير لحظيًا. اختارت: 2 كيلو شوكولاتة + كتابة + توصيل مدينة نصر ← الإجمالي 940 جنيه. وتحت رسالة جاهزة: «مساء الخير، عايزة تورتة 2 كيلو شوكولاتة + كتابة على التورتة. التوصيل: مدينة نصر. الإجمالي: 940 جنيه.» تطوير 1 ← ظهر سطر «العربون: 282 جنيه». بعدها قالت: «الزرار لازق في الإجمالي على الموبايل» ← اتصلّح في رسالة واحدة. وفي الآخر دوست Publish وحطت اللينك في البايو.
لو حاجة مش مظبوطة
لو حاجة مش مظبوطة
الأداة مظهرتش، طلع كود بس
قوله: «اعملها كـ Artifact في ملف HTML واحد».
زرار مش شغال
قوله إيه اللي حصل بالظبط: «دوست على إضافة ومحصلش حاجة». ولو فيه رسالة غلط ظهرت، انسخها والصقها.
تعديل بوّظ حاجة كانت شغالة
ارجع للنسخة اللي قبلها من الـ Artifact، أو قوله «رجّعها زي النسخة اللي فاتت، وغيّر بس…».
الكلام العربي اتجاهه غلط
قوله: «خلي الصفحة كلها من اليمين للشمال (RTL)، والأرقام تفضل مظبوطة».
البيانات اختفت لما قفلت
طبيعي في أدوات كتير من النوع ده. استخدم زرار «نزّل CSV» أو «انسخ الملخص» قبل ما تقفل.
كلمات هتقابلك
- Artifact
- صفحة أو أداة شغالة بتظهر جنب الشات.
- HTML
- اللغة اللي صفحات الويب معمولة بيها.
- Publish
- تطلّع لينك عام للـ Artifact.
- RTL
- من اليمين للشمال، زي العربي.
- CSV
- جدول بسيط يفتح في Excel.
عايز واحدة من دول تبقى موقع حقيقي بملفات على جهازك، تكبر وتتعدّل براحتك؟ ده شغل Claude Code. ابدأ بملف «Claude Code للمبتدئين: أول موقع ليك».
المصادر: نشر ومشاركة الـ Artifacts · خطط Claude (المجاني فيه Artifacts) · Netlify Drop