في الأول من أكتوبر 2026 أعلن فريق Stitch من جوجل عن أداة سطر أوامر رسمية باسم @google/stitch. قبلها كان لدى Stitch خادم MCP وحزمة SDK، لكن لم تكن هناك أداة طرفية تربط التصميم بوكلاء البرمجة المحليين مباشرة. الخبر يبدو صغيراً، لكنه يلمس مشكلة قديمة: وكيل البرمجة يكتب منطقاً جيداً وواجهة متواضعة.

في هذا المقال نشرح ما تفعله الأداة، وكيف تعمل مع الوكلاء، ومتى تستحق التجربة.

ما الذي تقدّمه أداة Stitch CLI؟

Stitch CLI من جوجل: حين يحصل وكيل البرمجة على ذاكرة بصرية اسمها DESIGN.md — أدوات الذكاء الاصطناعي

بحسب ما نُشر عن الإعلان، تغطي الأداة ثلاثة محاور:

  • توليد الشاشات وتعديلها من الطرفية أو عبر وكيل مثل Antigravity.
  • نظام تصميم يقرؤه الوكلاء: ملف DESIGN.md يمكن استخراجه ومزامنته، فيعرف الوكيل الألوان والخطوط والمسافات المعتمدة.
  • ربط مستودعك الحقيقي وإرسال لقطة من خادم التطوير المحلي إلى Stitch لبناء نماذج أولية فوق منتجك.

الهدف المعلن هو الانتقال من مجلد فارغ إلى تصميم تفاعلي حي على localhost خلال دقائق.

التثبيت والمصادقة

الخطوة الأمر
التثبيت npm install -g @google/stitch
التشغيل دون تثبيت npx @google/stitch
تسجيل الدخول stitch login (حساب جوجل مرة واحدة)
بيئات CI متغير STITCH_API_KEY

تتطلب الأداة Node.js بإصدار 20 أو أحدث.

المشكلة في واجهات الوكلاء ليست قدرتهم على كتابة CSS، بل غياب مرجع بصري ثابت يعودون إليه في كل طلب.

مهارة الوكيل: أمر /stitch

تأتي الأداة بمهارة (Skill) جاهزة تُضاف بالأمر stitch agent-skills add --user، وتعمل مع Claude Code وCursor وGemini CLI وAntigravity. بعد التثبيت تستدعي /stitch داخل محادثة الوكيل لتولّد شاشات، أو تستخرج DESIGN.md، أو تفحص تطبيقك أثناء تشغيله.

لماذا يهمّ ملف DESIGN.md؟

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

كيف تجرّبها بأمان؟

  1. ابدأ بمشروع تجريبي لا بمشروع إنتاجي.
  2. راجع DESIGN.md يدوياً بعد توليده، فهو سيصبح مرجعاً لكل ما بعده.
  3. لا تضع مفتاح API في المستودع؛ استخدم متغيرات البيئة في CI.
  4. راجع ما يُرسل إلى Stitch عند مشاركة لقطة خادم التطوير، خاصة إن احتوت واجهتك بيانات حقيقية.
  5. أبقِ الحكم النهائي بشرياً على الاتساق وإمكانية الوصول.

حدود ينبغي الانتباه لها

الأداة جديدة، ومعظم ما يُقال عن سرعتها وجودة مخرجاتها مصدره الإعلان والأدلة المبكرة. توجد أيضاً أدوات مجتمعية غير رسمية، مثل stitch-mcp وstitch-kit، تقدّم أفكاراً مشابهة، لكن لا ينبغي الخلط بينها وبين الأداة الرسمية عند تقييم الأمان والدعم.

أسئلة شائعة

هل أحتاج وكيل برمجة لاستخدام Stitch CLI؟

لا. يمكن استخدامها مباشرة من الطرفية، لكن قيمتها الأكبر تظهر حين تُربط بوكيلك عبر المهارة.

ما الإصدار المطلوب من Node.js؟

الإصدار 20 أو أحدث.

هل تناسب بيئات التكامل المستمر؟

نعم، عبر تعيين STITCH_API_KEY بدلاً من تسجيل الدخول التفاعلي.

الخلاصة

Stitch CLI محاولة عملية لسدّ الفجوة بين التصميم ووكلاء البرمجة عبر ملف DESIGN.md ومهارة جاهزة وأوامر طرفية بسيطة. جرّبها على مشروع صغير، وقيّم النتيجة بنفسك قبل أن تعتمد عليها في سير عملك الأساسي.