المؤلف: دينيس آي بيتاي فريق المحتوى، فريق تشغيل Bbo I XHunt
مؤخرًا، عندما كنت أتابع X رأيت أن Clawdbot الجميع يستخدمون الذكاء الاصطناعي لأداء مختلف المهام، وفجأة شعرت أن الطلاب في العلوم الإنسانية يمكنهم أيضًا اللعب بالكود بأسلوب “vibe”، فبدأت هذه التجربة العملية بدون خبرة سابقة.
يُعتبر Vibe Coding بمثابة نمط جديد من التطوير يُعرف بـ “الطلب هو الكود”، ويُتوقع أن يُسهم في “تمكين غير المبرمجين من بناء أدوات”.
لكن هناك سؤال واقعي دائمًا: مع انخفاض حاجز التقنية، هل ستأتي القدرة على التنفيذ الحقيقي أيضًا؟
للإجابة على هذا السؤال، قمت بتجربة كاملة لثلاث أدوات رئيسية لـ Vibe Coding كمستخدم لا يملك خبرة في الكود.
لم تكن العملية سهلة: أخطاء، فشل، وإعادة المحاولة مرارًا وتكرارًا، لكن بفضل ذلك، استطعت تحديد المناطق الأكثر عرضة للمشاكل وكيفية تجنبها.
هذه المقالة ليست تقييمًا للأدوات، بل سجل حقيقي من المعرفة إلى التطبيق.
1. فهم المفهوم: ما هو Vibe coding؟
هو نمط تطوير جديد يعتمد على “الطلب فقط، بدون كتابة الكود”.
تم تقديم هذا المفهوم لأول مرة بواسطة أندريه كارباتي، أحد مؤسسي OpenAI السابق، وقال:
“هذه طريقة برمجة جديدة أطلق عليها Vibe Coding. أنت تعتمد تمامًا على الأحاسيس (Vibes)، وتتبنى زيادة الكفاءة بشكل أسي، حتى تنسى وجود الكود.”
في نمط Vibe Coding، أنت لست “عامل بناء”، بل أكثر كأنك “مدير منتج” أو حتى “المالك”.
مهمتك هي أن تخبر الذكاء الاصطناعي بدقة: “أريد بناء منزل، هنا نوافذ أرضية، وهناك حمام سباحة.”
وإذا لم تكن راضيًا، تقول: “الإحساس غير صحيح، دعنا نعدله.”
هذه هي Vibe!
2. دليل تجنب الأخطاء: الخطوط الحمراء في Vibe Coding الآمن
قبل أن تفتح باب البرمجة بالذكاء الاصطناعي، يجب أن تغلق خزانتك جيدًا. كثير من المبتدئين عند التفاعل مع AI يرسلون معلومات حساسة بشكل غير واعٍ، وهذا خطير جدًا.
1. أنواع البيانات التي لا يجب الكشف عنها أبدًا
- مفتاح API: يشبه بطاقة الائتمان على المنصات المختلفة، وإذا تم تسريبه، فإن الرصيد يُنفد فورًا.
- المفتاح الخاص / كلمات التذكير: لا ترسلها أبدًا إلى AI أو تكتبها في ملفات الكود. إذا تسربت، ستفقد أصولك على السلسلة.
- بيانات الكوكيز: بعض الدروس تعلمك كيف تحصل على الكوكيز من المتصفح لأتمتة المهام، لكن الكوكيز تحتوي على حالة تسجيل الدخول، وإذا تسربت، يمكن للآخرين تسجيل الدخول إلى حساباتك على تويتر، Discord، أو حتى البورصات بدون كلمة مرور.
2. المبدأ الأساسي: عزل البيئة، وتطهير البيانات
لا تكتب أبدًا مفتاح API أو معلومات حساسة مباشرة في الكود أو في أوامر التوجيه.
الطريقة الصحيحة هي استخدام “متغيرات البيئة”، بحيث يقرأ الكود من متغيرات النظام بدلاً من المحتوى المباشر للمفاتيح.
إعدادات نظام Windows كالتالي:
- اضغط على win+s، وأدخل “متغيرات البيئة”
- أنشئ متغيرًا جديدًا
- أدخل اسم المتغير وقيمته ثم احفظ
إعدادات نظام MacOS كالتالي:
- اضغط على Command + Space، وابحث عن 【الطرفية】 وافتحها.
- في النافذة السوداء، انسخ وألصق الأمر التالي (وتأكد من استبدال المفتاح الحقيقي الخاص بك):
echo ‘export CRYPTOHUNT_API_KEY=“مفتاحك sk-xxxxxx”’ >> ~/.zshrc
- لتفعيل التغييرات فورًا، أدخل الأمر التالي واضغط Enter:
source ~/.zshrc
- (اختياري) للتحقق من النجاح، أدخل: echo $CRYPTOHUNT_API_KEY، وإذا ظهرت لك مفتاحك، فالتكوين صحيح.
3. التطبيق العملي (الفشل) وتحليل الأخطاء: ثلاث أدوات، ثلاث تجارب
بعد أن انتهينا من المفهوم، نبدأ مباشرة بالتطبيق. لاختيار الأداة الأنسب، جربت ثلاث أدوات رئيسية، لأنها تمثل ثلاث نماذج رئيسية لـ Vibe Coding:
- Google AI Studio: تمثل “توليد النماذج بسرعة” بطريقة خفيفة
- Antigravity: تمثل “الوكيل + التطوير الكامل على الجهاز” بطريقة هندسية
- Lovable: تمثل “الحوار هو التطبيق” بطريقة تجريدية
إذا كنت تريد معرفة أي أداة تناسب المبتدئ وتحقق التنفيذ المباشر، يمكنك الانتقال مباشرة إلى أداة Lovable؛ وإذا أردت تقليل الأخطاء، يُنصح بقراءة هذا القسم بالكامل. لنبدأ بمراجعة كل واحدة على حدة.
1. Google AI Studio
الموقع: https://aistudio.google.com/apps
استخدمتها لأول مرة في عيد الميلاد. الجميع يصنع أشجار عيد ميلاد سايبربانك، وأنا جربت. أرسلت كلمة توجيه عشوائية، وخلال 5 دقائق، أنتجت صفحة ثلاثية الأبعاد جميلة جدًا، تتدفق فيها الجسيمات مع الإيماءات، وتأثيرها سلس جدًا.
هذا جعلني أقول: حقًا تغير الزمن.
(تخيل أن مهندسًا في العلوم والتقنية كان يقضي ليالي طويلة يكتب كودًا ليُسعد فتاة، ويخرج قلبًا ينبض بعد نصف يوم، ويشعر بالفخر. والآن؟ يمكنك أن تترك الأمر لـ Vibe Coding، فهو يرفع القيمة العاطفية خلال دقائق.)
بدعم من حالات النجاح، بدأت أتشبع بالثقة، وبدأت أعمل بشكل جدي: استدعاء API من Cryptohunt لإنشاء لوحة بيانات تويتر.
أرسلت وثائق API بثقة. البداية كانت جيدة، والمنطق الخلفي يعمل بسرعة، والبيانات تم جلبها بنجاح. فكرت: هذا كل شيء؟
لكن عندما طلبت منه عرض البيانات بشكل جميل على الواجهة الأمامية، بدأ الكابوس:
- الرسوم البيانية لا تظهر؟ يغير الكود
- تظهر ولكن غير مكتملة؟ يغير الكود مرة أخرى، وتتعطل التفاعلات
- بعد إصلاح التفاعلات، تتوقف بيانات API عن التحميل
وقعت في حلقة لا نهائية من “تصحيح الأخطاء—إحداث أخطاء جديدة”. استغرقت يومين وقررت التوقف.
الصورة النهائية (الذكاء الاصطناعي بدأ يرسم لي رموز غريبة)
ملخص الأخطاء: Google AI Studio هو أداة متخصصة. إذا كنت تريد عمل إبداعي، أو نموذج صفحة واحد، فهو ممتاز. لكن عند الحاجة إلى تكامل عميق بين الواجهة والخلفية (مثل تدفق بيانات API، أو عرض معقد)، فإنه يواجه صعوبة. إذا لم تكن تفهم منطق الكود، قد تعلق في زوايا ضيقة مثلما حدث لي.
2. Antigravity
الموقع: أداة تطوير كاملة تعتمد على التبديل بين نماذج متعددة
الميزات: التبديل بين النماذج، تقسيم المهام، الاختبار التلقائي
الموقع: https://antigravity.google/
خلال الاستخدام، لم أبدأ في كتابة الكود، وكنت على وشك أن أُحبط بسبب عملية تسجيل الدخول. لا يشبه الأدوات الأخرى التي تفتح الصفحة وتبدأ مباشرة، بل تتطلب شروطًا صارمة على الحساب والبيئة الشبكية.
القيود على الحساب ليست من عنوان IP الخاص بك، بل من “الدولة/المنطقة” المرتبطة بحساب Google الخاص بك. إذا كانت المنطقة غير مدعومة (مثل الصين، هونغ كونغ)، يتم رفض تسجيل الدخول مباشرة. حاولت تغيير المنطقة عدة مرات، لكن الطلبات رُفضت.
بعد تجربة طويلة، يمكنني وصف الأمر بكلمة واحدة: “مذهول”.
بعد أن تم حظر 3 حسابات وتبديل بيئات، اكتشفت طريقة تسجيل دخول خاصة: أدوات Antigravity
- تحتاج إلى إعداد IP أمريكي + وضع VPN عالمي
- تحميل أدوات Antigravity
رابط مشاركة من تويتر: https://x.com/idoubicc/status/2004848130693759213
3. بعد التحميل، أضف الحساب وابدأ تفويض OAuth
- بعد التفويض، يمكنك الانتقال إلى صفحة تسجيل الدخول، ورؤية حصة نماذجك بشكل واضح
(تحذير: أدوات Antigravity مشروع مفتوح المصدر، يسهل ربط نماذج Antigravity بأدوات مثل Claude Code. لكن أثناء Vibe Coding، يُنصح بعزل بيئة التشغيل والأصول من جهاز الحاسوب الذي يحتوي على المحافظ أو الحسابات المهمة، لتقليل المخاطر الأمنية.)
داخل الأداة، استخلصت نصائح مهمة للمبتدئين:
- تثبيت إضافة اللغة الصينية: ابحث في الشريط الأيسر عن Chinese، وثبّت حزمة اللغة الصينية المبسطة، وأعد تشغيل البرنامج. هذه الخطوة تُحوّل الواجهة إلى الصينية، وتقلل من تكلفة الفهم بشكل كبير.
- إدخال “القواعد العالمية”: تسمح لك أدوات Antigravity بتحديد “قاعدة عامة” تُفرض على الذكاء الاصطناعي دائمًا. طريقة العمل: اضغط على أيقونة Rules على اليمين → اختر + Workspace (إضافة قاعدة عمل) ثم الصق “قاعدة عامة” في مربع الإدخال، بحيث يُجبره على استخدام الصينية، ويُحسن جودة إخراج الكود.
لكن، حتى بعد إتمام تسجيل الدخول والإعدادات الأساسية، عندما حاولت تشغيل الكود، تلقيت صدمة من الواقع. لا يمكنه المعاينة مباشرة مثل Google AI Studio. يتطلب تحميل برامج معاينة إضافية مثل Node.js، VS Code، أو عرض النتائج داخل HTML. والأداء بطيء بشكل ملحوظ، وكل طلب أطلبه يُظهر مؤشر تحميل مستمر.
لكن، لدى Antigravity ميزة مذهلة: الاختبار التلقائي. بعد كتابة الكود، يُشغل معاينة فيديو، ويقوم بالنقر على الصفحة بشكل مشابه للبشر، للتحقق من صحة المنطق. مشاهدة الذكاء الاصطناعي يضغط ويتحرك على الشاشة، يعطي شعورًا بأن “المستقبل قد أتى”.
حاولت أن أصنع مشروعًا: “مُلتقط إشارات ألفا للعملات المشفرة، باستخدام API من Cryptohunt لمراقبة تويتر، وجمع التغريدات التي تحتوي على Ticks، وتحليل العملات التي يناقشها الناس، وترتيبها حسب الاهتمام.”
لكن الواقع كان قاسيًا. رغم أن الذكاء الاصطناعي حاول جاهدًا كتابة الكود واختباره، إلا أنني اصطدمت في نقطة ربط API. ربما بسبب تعقيد الشبكة المحلية، أو فهم الذكاء الاصطناعي لوثائق API بشكل خاطئ، البيانات لم تكن تصل بشكل صحيح.
عرض تجريبي: عرض البيانات باستخدام بيانات وهمية
عندما رأيت رسائل الخطأ الحمراء في الطرفية، وخيال الذكاء الاصطناعي يعتقد أن “هذه المرة ستنجح”، أدركت أن: على الرغم من أن التطوير الكامل جيد، إلا أن وجود بيئة شبكة وظروف غير معروفة يجعل من الصعب جدًا على المبتدئ بناء أداة عملية. لأن Antigravity يفترض أنك مطور بالفعل.
3. Lovable
الموقع: منصة “الحوار هو التطبيق”
الميزات: لا حاجة لإعداد بيئة محلية، كل شيء مباشر
الموقع: https://lovable.dev/
استخدام Lovable جعلني أختبر ما هو حقًا “المالك الكبير”، هل لأنه الوحيد الذي يدفع؟ (نصيحة: اشتريت 100 رصيد مقابل 15 يوان على Taobao، وما زلت لم أستخدمها كلها)
على Lovable، لم أغير سطر كود واحد، ونجحت في إنشاء أداة مراقبة تويتر للعملات المشفرة - Crypto Pulse (نبض التشفير) لوحة المراقبة.
نعم، لم تخطئ، نجحت أخيرًا.
رابط التجربة المباشرة: https://tweet-whisperer-dash.lovable.app/
「شرح الميزات」
أ. البيانات الشاملة وملخص الذكاء الاصطناعي
عند دخول الصفحة الرئيسية، تظهر “مؤشر الحرارة” للمحتوى:
- بطاقة البيانات الحية: تعرض إجمالي التغريدات خلال 24 ساعة، التفاعلات، عدد المؤثرين النشطين، ومؤشر الحالة السوقية. لا حاجة لقراءة المحتوى بالتفصيل، فقط بمقارنة البيانات مع الـ24 ساعة الماضية، والنظر إلى اللون الأحمر أو الأخضر، ستعرف هل السوق في حالة هلع أم جشع.
- ملخص الذكاء الاصطناعي: أسرع ميزة. يدمج Gemini AI، ويقرأ آلاف التغريدات خلال ساعات قليلة، ثم يكتب لك موجزًا للسوق.
ب. رادار الاتجاهات
هل تريد ألا تفوت عملة مضاعفة خلال فترة قصيرة؟
- التصنيف الذكي: يختار تلقائيًا المواضيع الساخنة ويصنفها إلى Topic (موضوع)، Project (مشروع)، Token (رمز)، وKOL (مؤثرون).
- مؤشر الصعود والهبوط: بجانب كل تصنيف، يظهر معدل التغير في التكرار خلال 24 ساعة (صعود/هبوط). حيث يكون الحديث مكثفًا، هناك فرصة.
ج. تدفق المعلومات الذكي
وداعًا لجدول الزمن المزدحم، هنا أربعة علامات تبويب نظيفة:
- المميز: محتوى عالي القيمة تم تصفيته بواسطة AI، مع استبعاد المحتوى غير المفيد.
- الشائع: التغريدات التي تتلقى أعلى تفاعلات (إعجابات + إعادة تغريد).
- المؤثرون: كلمات من كبار الشخصيات (مثل Elon Musk، Vitalik) في الوقت الحقيقي.
- الأحدث: التغريدات الجديدة من حسابات متعلقة بـ CT، مع تحديث مستمر.
*ملاحظة تجربة: يدعم التصفية حسب المنطقة (الناطقون بالإنجليزية/الصينيون)، ويمكن النقر على البطاقة للانتقال مباشرة إلى تويتر الأصلي.
「تذكير الاستخدام」نظرًا لأن البيانات تعتمد على مفتاح API الخاص بي، فإن استهلاك البيانات يستهلك رصيد API، والحد محدود، يُنصح بالتجربة بسرعة.
4. استراتيجيات عملية لـ Cryptohunt API
خلال عملية Vibe coding، اخترت قاعدة بيانات Cryptohunt ذات القيمة مقابل السعر. لم أكن خبيرًا في البرمجة، لكني استوعبت API جيدًا، وسأكتب هنا بعض النصائح.
الرابط الرسمي: https://pro.cryptohunt.ai/
1. التزويد الدقيق بالمعلومات
كثير من المبتدئين يرسلون وثائق API كاملة إلى AI، ويفقدون التركيز.
- مثال خاطئ: هذه وثائق API، فافعل ما تريد.
- مثال صحيح: أريد عمل وظيفة مراقبة رموز التشفير. يرجى قراءة قسم post /tweet/mention_tweets في وثائق Cryptohunt API. كيف أحصل على بيانات الساعة الأخيرة؟
مثال على الطلب: “يرجى استدعاء واجهة /tweet/mention_tweets، والبحث عن تغريدات برمز SOL، مع تحديد آخر 24 ساعة. ساعدني في تصفية أعلى 5 تغريدات من حيث التفاعل (إعجابات + إعادة تغريد)، وأرني كيف يشعر الناس تجاه SOL.”
2. أداة التصحيح
خلال Vibe Coding، أكثر شيء يثير الإحباط هو: أن أضغط على زر، ولا يحدث شيء على الشاشة. هنا، غالبًا ما يبدأ المبتدئ في الشك: هل الكود الذي كتبه AI خاطئ؟ هل الشبكة تعطلت؟ أم API متوقف؟
يمكنك فتح استهلاك API وتحديث الحالة:
- إذا كانت هناك سجلات، وتم خصم النقاط: هذا يعني أن استدعاء API ناجح، والبيانات أُرسلت بنجاح إلى حاسوبك. المشكلة إذن في العرض الأمامي. يمكنك أن تقول لـ AI: “تم استلام البيانات، لكن لم تظهر على الشاشة، يرجى فحص كود العرض.”
- إذا لم يكن هناك سجل: هذا يعني أن الطلب لم يُرسل على الإطلاق، وهو مشكلة منطقية أو شبكية. قل لـ AI: “عند الضغط على الزر، لا يحدث شيء، الطلب لم يُرسل، يرجى فحص حدث النقر.”
أعطِ النتيجة مباشرة لـ AI، وسرعة تصحيحها ستكون أسرع. خلال Vibe Coding، لم يعد الأمر يتعلق بكتابة الكود فقط، بل بتحديد مصدر المشكلة.
عندما نترك للذكاء الاصطناعي التعامل مع التفاصيل المعقدة، يعود التركيز إلى السيطرة على المعلومات.
لذا، يقول الجميع إن نهاية Vibe Coding ليست في الكود، بل في البيانات.
5. الختام: أهم استراتيجيتين لامتلاك Vibe Coding
بعد تجربة Google AI Studio، ثم المعاناة مع Antigravity، ثم الانفجار مع Lovable، أدركت أخيرًا: الأدوات مجرد سيوف في يدك، وVibe هو طريقك في القلب.
عند محاولة Vibe Coding، تذكر هاتين النقطتين الأساسيتين، فهما أهم من أي كود:
1. الجرأة على التخيل: الخيال هو سقفك الوحيد
- في عصر Vibe Coding، حواجز التقنية انهارت. لم نعد نخاف من بناء أدوات، لأننا أدركنا أن المنطق واضح، والذكاء الاصطناعي يمكنه أن يكتب الكود.
- لا تكن مجرد “عامل بناء”، بل كن “مهندسًا”: فكر بشكل جريء في المنتجات التي لم تكن تجرؤ على تصورها من قبل. هل هو رادار لمراقبة البيانات عبر الإنترنت؟ أم روبوت تلقائي للمضاربة؟ كل ما عليك هو تحويل “ما تريد” غير الواضح إلى “خطة واضحة”.
2. القدرة على التواصل: كلمات التوجيه (Prompt) هي رمز المصدر الخاص بك
السبب الرئيسي لفشل الكثير من المبتدئين ليس أن الذكاء الاصطناعي غبي، بل لأنك تتعامل معه بـ"تردد" أو غموض.
الطلبات غير الواضحة = نتائج غير واضحة
- تجنب الغموض: لا تقل لـ AI “ساعدني في عمل صفحة ويب جيدة”. (AI: ما المقصود بـ جيدة؟)
- كن دقيقًا: مثلما فعلت في لوحة البيانات، قل: “أريد لوحة تحكم ذات وضع داكن، في الأعلى أربع بطاقات بيانات، في الوسط استدعِ هذا API، على اليمين استخدم ملخص الذكاء الاصطناعي…”
تذكر، أنت الآن المالك. هيبتك تأتي من وضوح الطلبات وردود الفعل المستمرة. إذا أخطأ AI، لا تشتت نفسك، فقط أخبره: “غير صحيح، أعد المحاولة، أريد A وليس B.”
إذا وصلت إلى هنا، فغالبًا أنت تملك القدرة على بناء أدوات باستخدام Vibe Coding.
لا تتردد—حَوّل Vibe الخاص بك إلى كود.
