Install
npx skills add google-labs-code/stitch-skillsلمن يناسب
إن كنت تستخدم Google Stitch للواجهات أصلًا وتريد أن يولّد وكيل برمجي، وفق معيار Agent Skills المفتوح، شاشات جديدة أو يعدّل القائمة أو يخرج تنويعات تصميم، فهذا المجموعة تناسب. هي حزمة مهارات وإضافات لـ Google Stitch. صفحة الشرح هي
https://github.com/google-labs-code/stitch-skills
المنتج نفسه هو
https://stitch.withgoogle.com/
الأنسب من أنهى تسجيل Stitch MCP، وجهّز متغيرات البيئة وبيانات الاعتماد وفق ملاحظات التثبيت الرسمية، ويقبل أمر تثبيت المهارة أدناه فقط. تتطلب هذه المهارات أن يكون Stitch MCP مضبوطًا ويعمل في بيئة الوكيل؛ بلا MCP لا يوجد خلفية تصميم يمكن استدعاؤها. ملاحظات التثبيت
https://stitch.withgoogle.com/docs/mcp/setup/
المرة الأولى يجب أن تكون توليدًا أو تنويعًا صغيرًا قابلًا للفحص، لا تعديل منظومة تصميم إنتاج كاملة من البداية. النص الرسمي يسمّي عدة بيئات برمجة؛ واحدة تقول إن التثبيت يدوي دون إعطاء تلك الخطوات. لا تقرأ القائمة المسمّاة على أنها البيئات الوحيدة، ولا تخترع مثبّتات غير مكتوبة. تتبع الحزمة معيار Agent Skills المفتوح. تظهر أسماء المهارات كـ stitch::generate-design؛ لا تُكمل أسماء stitch:: أخرى غير مكتوبة. إن لم يكن لديك حساب Stitch أو بيانات اعتماد MCP بعد، اذهب أولًا إلى وثائق Setup ولا تشغّل npx أولًا.
أول تجربة في 3 دقائق
المهارات تسلك أمر التثبيت الاختياري الرسمي هذا فقط:
npx skills add google-labs-code/stitch-skills
لا تبحث عن سوق أو إضافة أو مثبّت مهارة ثانٍ. بعد التثبيت أعد تشغيل الوكيل وأكّد ظهور المهارة.
الشرط: Stitch MCP مسجّل وفق وثائق Setup أعلاه، ومتغيرات البيئة وبيانات الاعتماد مضبوطة، والعملية تعمل. إن لم يكن MCP جاهزًا فتوقف عند فحص الإعداد ولا تستدعِ التوليد. يجب أن تستطيع هذه الآلة تشغيل npx أيضًا.
في وكيل ثُبّتت فيه المهارة وMCP يعمل، نفّذ مهمة منخفضة المخاطر: استدعِ stitch::generate-design، صف شاشة تجريبية بنص قصير (مثل «صفحة حالة فارغة فيها عنوان وزر رئيسي فقط»)، واجعله أولًا يعيد الموجّه الذي سيُرسل إلى Stitch، وهل سيعدّل شاشة قائمة، وهل سيكتب ملفات محلية. بعد أن تؤكد أنه سيولّد مسودة جديدة فقط ولن يستبدل مسودة رسمية، اسمح له بالمتابعة.
إشارة النجاح: تظهر في Stitch شاشة جديدة مطابقة أو نتيجة تصميم يمكن فتحها، لا HTML مزيف لا صلة له بـ Stitch. إن قالت المهارة إن الخلفية غير متاحة فعد إلى ما إذا كان MCP يعمل وما إذا كانت بيانات الاعتماد وفق الوثائق الرسمية. لا تغيّر أمر التثبيت لتجربة مصادر غير موثّقة. إن طلبت عناصر نائبة لأسرار غير واردة في الوثائق فتوقف. استخدم فقط أسماء متغيرات البيئة المكتوبة في صفحة Setup.
حالات الاستخدام
الحالة 1: توليد شاشة جديدة من نص أو صورة. ملاحظة stitch::generate-design هي توليد شاشات جديدة من نص أو صور. حضّر وصف واجهة واحدًا، أو صورة مرجع تملك حق استخدامها، ودع المهارة تخرج المسودة الأولى في Stitch. توقف إن لم يكن مسار الصورة أو النص جاهزًا. يقع التوليد في جهة Stitch وهو استدعاء خارجي؛ أكّد الموجّه قبل التنفيذ. النص الرسمي لا يعطي قوالب موجّه ولا حدود حجم صورة. عند غياب هذه التفاصيل أبقِ الوصف قصيرًا ولا تختلق معاملات.
الحالة 2: تعديل شاشة قائمة أو إخراج تنويعات. المهارة نفسها تقول أيضًا إنها تستطيع تحرير شاشات قائمة وإنشاء تنويعات تصميم. عيّن مسودة قائمة في Stitch واطلب تنويعًا أو اثنين فقط؛ لا تستبدل بالجملة. النص الرسمي لا يعطي سقف عدد تنويعات ولا زر تراجع، لذا اجعله أولًا يوضح أي شاشة سيغيّر وهل سيحفظ تنويعًا على حدة؛ لا تنفّذ إلا بعد التأكيد. هذه عملية أخرى لنفس مهارة الحالة 1 وليست تثبيتًا آخر. إن اقترح الوكيل أمر إضافة غير موثّق لنفس العمل فارفضه واستمر باسم المهارة المثبّت فقط.
حدود الاستخدام
بلا Stitch MCP يعمل لا تُستخدم هذه المجموعة كمهارة رسم عادية. يجب أولًا إكمال تسجيل الخادم ومتغيرات البيئة وبيانات الاعتماد؛ النص الرسمي لا يعطي التفافًا إن نقص عنصر. ولا تعامل أمر تثبيت المهارة كأمر تثبيت MCP.
تثبيت المهارة الرسمي هو فقط npx skills add google-labs-code/stitch-skills. في الصفحة أيضًا صيغة npx plugins add مع --target لمضيف معيّن؛ ذلك مهبط إضافة لا مدخل تثبيت المهارة الذي يعتمده هذا الدليل. للبيئات التي تقول قائمتها «تثبيت يدوي» لا يعطي النص الرسمي خطوات قابلة للنسخ؛ لا تخترع نسخ مجلدات ولا أوامر سوق.
generate-design ينشئ أو يعدّل شاشات في Stitch وهو استدعاء خارجي له آثار جانبية. راجع الموجّه والشاشة المستهدفة وهل سيُحفظ على حدة قبل التنفيذ. النص الرسمي لا يأذن بدفع النتائج المولّدة مباشرة إلى تطبيق إنتاج، ولا يسرد أسماء مهارات خارج الجدول؛ لا تخمّن قدرات غير مكتوبة. عند التوليد من صورة استخدم فقط مرجعًا تملك حق استخدامه. قبل تحرير شاشة قائمة أكّد في Stitch أنها ما زالت مسودة حتى لا تستبدل واجهة سُلّمت.