دليل Google Antigravity للمبتدئين: ابنِ تطبيقاً بالذكاء الاصطناعي

Google Antigravity هو محرر أكواد من Google يعتمد على الوكلاء أولاً. تصف التطبيق الذي تريده، فيكتب وكيل ذكاء اصطناعي خطة، فتراجعها، ثم يكتب الوكيل الكود ويختبره داخل نافذة Chrome حقيقية. في هذا الدليل نثبّت البرنامج، ونتعرف إلى المحرر ومدير الوكلاء (Agent Manager)، ونبني لوحة تذاكر لمكتب المساعدة باستخدام Next.js وTailwind من خلال أمر واحد. الخطة المجانية تكفي لمتابعة الدليل، ويعمل Antigravity في السعودية.

شاهد الفيديو (حوالي 8 دقائق):

كيف تحققتُ من المعلومات. كل معلومة في هذا الدليل مأخوذة من وثائق Google الرسمية وأسئلتها الشائعة الخاصة بـ Antigravity، وتم التحقق منها بتاريخ 6 نوفمبر 2026. يتغير Antigravity بسرعة، لذلك قد يكون أحد الأزرار في مكان مختلف قليلاً على جهازك. الشاشات في الفيديو تقريبية ومبسطة، وليست تسجيلاً مباشراً للشاشة.

ما تحتاجه

  • جهاز يعمل بنظام Windows أو macOS أو Linux.
  • حساب Google شخصي (Gmail). يعمل على الخطة المجانية.
  • معرفة بسيطة بـ HTML أو JavaScript. لا تحتاج إلى معرفة Next.js، فالوكيل سيكتبه عنك.
  • تثبيت Node.js، لأن الوكيل سيشغّل الأمر npx create-next-app في هذا المثال.
  • متصفح Google Chrome، من أجل وكيل المتصفح الذي يختبر تطبيقك.

الخطوة 1: تثبيت Antigravity وتسجيل الدخول

  1. ادخل إلى antigravity.google/download واختر المثبّت المناسب لنظام Windows أو macOS أو Linux.
  2. ستجد أكثر من نسخة من Antigravity:
    • Antigravity App: تطبيق سطح المكتب الذي يعتمد على الوكلاء أولاً.
    • Antigravity IDE: يشبه VS Code، ويتضمن وكلاء مدمجين. سنستخدم هذه النسخة لأنك تستطيع رؤية كل ملف يكتبه الوكيل.
    • Antigravity CLI: وكلاء يعملون داخل الطرفية (Terminal). كما توجد إضافة لـ VS Code وحزمة تطوير بايثون (Python SDK).
  3. شغّل المثبّت، وافتح Antigravity، وسجّل الدخول بحساب Google الخاص بك.
  4. عند التشغيل الأول يمكنك استيراد إعدادات VS Code أو البدء من جديد. كلا الخيارين مناسب.
  5. افتح مجلداً فارغاً. سمّيت مجلدي help-desk-board. المجلد الفارغ يعني أن الوكيل يبدأ من الصفر، ولا يلمس مشاريع أخرى لديك.

الخطوة 2: المحرر ومدير الوكلاء والوضعان

يتكون IDE من نافذتين رئيسيتين:

  • المحرر (Editor): ملفاتك على اليسار (شجرة الملفات والبحث وإدارة الإصدارات)، والكود في الوسط، ولوحة الوكيل على اليمين، وهي المكان الذي تتحدث فيه مع الوكيل.
  • مدير الوكلاء (Agent Manager): مركز التحكم. يعرض كل محادثات الوكلاء في كل مساحة عمل، ويوضح ما يقوم به كل وكيل.

للتنقل بين النافذتين استخدم Ctrl+E على Windows وLinux، أو Cmd+E على جهاز Mac.

قبل أن ترسل مهمة، اختر وضعاً (Mode):

الوضعماذا يفعلمتى تستخدمه
Planning (التخطيط)يفكر أولاً، ويكتب خطة (artifact) يمكنك مراجعتهاأي عمل يمس أكثر من ملف
Fast (السريع)ينفذ فوراً دون خطةتعديلات صغيرة، مثل تغيير اسم زر

في النسخ الأحدث يمكنك أيضاً كتابة /plan في المحادثة لبدء وضع التخطيط.

ثم اختر نموذجاً (Model). في الخطة المجانية أستخدم Gemini 3.8 Flash، فهو سريع ومتاح ضمن الخطة.

الخطوة 3: اكتب أول أمر لك (وضع التخطيط)

هذا هو نص الأمر بالضبط من الفيديو. انسخه إلى لوحة الوكيل بعد اختيار وضع Planning:

Build a help desk ticket board with Next.js and Tailwind.
Three columns: Open, In progress, Closed.
Each ticket has a title, a priority and a requester.
Use sample tickets from Abd almouhimen Shamout.
Then run it and test it in the browser.

لاحظ ما يحدده الأمر: الأدوات المستخدمة، والأعمدة، والبيانات. الأمر الغامض يعطي تطبيقاً غامضاً. إذا كتبت فقط “اصنع لي تطبيق تذاكر”، سيضطر الوكيل إلى تخمين الإطار والحقول والتصميم، وستقضي الساعة التالية في تصحيح ما فعله.

الخطوة 4: راجع خطة التنفيذ

في وضع Planning لا يكتب الوكيل الكود مباشرة. بل ينشئ وثيقة خطة التنفيذ (implementation plan) تتضمن:

  • الملفات التي سينشئها، مثل app/page.tsx وcomponents/Board.tsx وcomponents/Column.tsx وcomponents/TicketCard.tsx وdata/tickets.ts.
  • الخطوات بالترتيب.
  • التحقق: كيف سيتأكد من النتيجة (هنا، يفتح localhost:3000 في Chrome وينقل تذكرة).

هذه لحظتك للمراجعة. يمكنك التعليق على أي سطر، تماماً كما في مستند Google. أضفت تعليقاً واحداً: “Let me drag a ticket between columns.” وحدّث الوكيل الخطة بإضافة خطوة جديدة للسحب والإفلات.

تعديل الخطة يستغرق ثوانٍ، أما تعديل كود منتهٍ فيستغرق وقتاً أطول بكثير. عندما تبدو الخطة سليمة، اضغط Proceed.

الخطوة 5: شاهد الوكيل يبني ويختبر

بعد الضغط على Proceed:

  1. تظهر قائمة مهام، وكل عنصر يُعلَّم بعلامة صح عندما ينتهي الوكيل منه.
  2. يطلب الوكيل تشغيل أمر في الطرفية، مثل: npx create-next-app@latest . --ts --tailwind يسأل Antigravity قبل تشغيل الأوامر، إلا إذا غيّرت ذلك في الإعدادات. بصفتك مبتدئاً، أبقِ هذا الخيار مفعلاً، واقرأ كل أمر قبل أن توافق عليه. إذا فشل أمر، يقرأ الوكيل رسالة الخطأ ويحاول إصلاحه بنفسه.
  3. في المحرر يمكنك مشاهدة المكونات تظهر: اللوحة والعمود وبطاقة التذكرة.
  4. يفتح وكيل المتصفح برنامج Chrome، ويحمّل localhost:3000، وينقر عبر اللوحة لاختبارها. في المرة الأولى يطلب منك تثبيت إضافة Antigravity لـ Chrome. هذا أمر متوقع.
  5. عند الانتهاء تحصل على وثيقة walkthrough تشرح ما تغيّر، وتتضمن لقطات شاشة، وطريقة تشغيل التطبيق بنفسك: npm run dev # then open http://localhost:3000

هل تريد تعديلاً؟ اطلبه في المحادثة نفسها. غيّرت إلى وضع Fast وطلبت “red badges on high-priority tickets”. عدّل الوكيل ملفاً واحداً في بضع ثوانٍ.

نصيحتي من عملي مع العملاء: اقرأ الفرق (diff) قبل أن توافق عليه. الوكيل سريع، لكنك أنت المسؤول عن الكود. إذا وصل الكود إلى عميل، فأنت من يجيب عنه.

المجاني مقابل المدفوع: ماذا تحصل عليه فعلاً

الخطةالسعر (الولايات المتحدة)حصة الوكيلالنماذج
Free (المجانية)$0حصة أسبوعية (لا تنشر Google الرقم). إكمالات Tab غير محدودةGemini 3.8 Flash وGPT-OSS-120b
Google AI Pro$19.99 شهرياًتتجدد كل 5 ساعات، حتى حد أسبوعي. يمكن شراء رصيد ذكاء اصطناعيتضيف Gemini 4 Argon وClaude Sonnet 5.5 وClaude Opus 5.5
Google AI Ultraمن $99.99 شهرياًأعلى حصةجميع النماذج

الأسعار خارج الولايات المتحدة مختلفة، لذا تحقق من السعر في بلدك من صفحة اشتراكك في Google. قوائم النماذج تتغير كثيراً، وتقول وثائق Google إن توفرها قد يتغير.

دعم اللغة العربية والسعودية

  • السعودية: مدعومة. وهي ضمن القائمة الرسمية لدى Google للدول التي يتوفر فيها Antigravity.
  • سوريا: غير مدعومة حتى الآن. طلب المستخدمون من Google إضافتها.
  • لغة الواجهة: الإنجليزية. لا تذكر Google العربية ضمن لغات الواجهة.
  • الأوامر بالعربية: نعم. يمكنك كتابة الأوامر بالعربية، ونماذج Gemini تفهمها. أما بالنسبة للكود فما زلت أكتب الأوامر بالإنجليزية، لأن النتائج تكون أكثر توقعاً.

الأخطاء وحلولها

1. “Your current account is not eligible for Antigravity, because it is not currently available in your location”
تتحقق Google من الدولة المسجلة في حساب Google الخاص بك، وليس فقط من شبكة الإنترنت التي تتصل بها. استخدم حساب Gmail شخصياً من دولة مدعومة، أو اطلب من Google تغيير المنطقة إذا كانت دولة الحساب غير صحيحة.

2. “Agent terminated due to error”
أعد المحاولة مرة واحدة. إذا تكرر الخطأ، ابدأ محادثة جديدة أو غيّر النموذج. إذا أضفت خوادم MCP، فعطّلها كلها، ثم أعدها واحداً تلو الآخر لتعرف أيها يسبب المشكلة.

3. الوصول إلى الحد المسموح أو 429 RESOURCE_EXHAUSTED
انتظر حتى تتجدد الحصة (أسبوعياً في الخطة المجانية، وكل 5 ساعات في Pro)، أو غيّر النموذج إلى Gemini 3.8 Flash. اختبار المتصفح يستهلك الحصة بسرعة، لذا اختبر في النهاية، لا بعد كل تعديل صغير.

4. وكيل المتصفح لا يستطيع فتح صفحتك
ثبّت Chrome، ووافق على إضافة Antigravity، وتأكد من أن خادم التطوير يعمل على المنفذ الصحيح (npm run dev، وعادةً localhost:3000).

قائمة التحقق

  • ثبّتُّ Antigravity وسجلت الدخول بحساب Google شخصي
  • فتحت مجلد مشروع فارغاً
  • اخترت وضع Planning ونموذجاً
  • كتبت أمراً يتضمن الأدوات والميزات والبيانات
  • راجعت خطة التنفيذ وعلّقت عليها قبل الضغط على Proceed
  • قرأت كل أمر في الطرفية قبل الموافقة عليه
  • قرأت الفرق (diff) ووثيقة walkthrough قبل النشر

الأسئلة الشائعة

هل Google Antigravity مجاني؟
نعم. الخطة المجانية بسعر $0، وتتضمن إكمالات Tab غير محدودة وحصة وكيل أسبوعية مع Gemini 3.8 Flash وGPT-OSS-120b. تقدم Google AI Pro (بسعر $19.99 شهرياً في الولايات المتحدة) حصة أكبر ونماذج أكثر.

هل Antigravity متاح في السعودية؟
نعم. السعودية ضمن القائمة الرسمية لدى Google للدول المدعومة. ويجب أن تكون دولة حساب Google الخاص بك ضمن الدول المدعومة.

هل يدعم Antigravity اللغة العربية؟
الواجهة بالإنجليزية. يمكنك كتابة الأوامر بالعربية، ونماذج Gemini تفهمها، لكن الأوامر بالإنجليزية تعطي كوداً أكثر توقعاً.

ما الفرق بين وضع Planning والوضع السريع (Fast)؟
وضع Planning يكتب خطة يمكنك مراجعتها والتعليق عليها قبل كتابة أي كود. أما الوضع السريع فينفذ فوراً. استخدم Planning للعمل الذي يمس عدة ملفات، واستخدم Fast للتعديلات الصغيرة.

هل يمكنني استخدام نماذج Claude في Antigravity؟
نعم، في خطتي Google AI Pro وUltra: نموذجا Claude Sonnet 5.5 وClaude Opus 5.5 موجودان في قائمة النماذج. أما الخطة المجانية فتستخدم Gemini 3.8 Flash وGPT-OSS-120b.

واصل التعلم

شاهد الفيديو كاملاً: [VIDEO LINK HERE]

المصادر


هذا المقال ترجمة عربية للمقال الأصلي باللغة الإنجليزية للكاتب عبد المهيمن شموط على mouhimen.dev.

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *


الإتصال بنا

عملاء المركز التقني الكرام نتشرف بتواصلكم معنا حيث يمكن طلب خدمة او استفسار أو طلب دعم ... نفخر بثقتكم.

البريد الإلكتروني:
info@tec-c.net

إدارة و برمجة و تطوير :

عبد المهيمن محمد هشام شموط