Install
npx skills add vercel-labs/before-and-after#mainلمن يناسب
تناسب هذه المهارة من لديه لقطات شاشة أو تسجيلات شاشة ويريد إرفاقها بطلب سحب على GitHub ككتلة مقارنة قبل وبعد. إنها مهارة وكيل: تعالج الوسائط الموجودة فقط ولن تلتقط صفحة نيابة عنك. تناسب أيضًا من لديه agent-browser على الجهاز، وGitHub CLI بإصدار 2.99+ حتى يستطيع استخدام gh --attach.
لا تناسب من ليس لديه ملفات وسائط بعد ويتوقع أن تفتح عنوانًا وتسجّل الشاشة. المصدر يقول إنها لا تغلف agent-browser، ولا تجلب عناوين URL، ولا تدير مصادقة Vercel، ولا تعيد ترميز الفيديو، ولا تستضيف الوسائط. إن لم تستطع تشغيل npx بعد، أو كان إصدار CLI غير كافٍ، توقف عند قراءة الشرح.
المستودع الرسمي على https://github.com/vercel-labs/before-and-after اتبع الأوامر المكتوبة أصلًا في تلك الصفحة.
أول محاولة في 3 دقائق
اتبع فقط مسار تثبيت المهارة الذي كتبته الوثائق الرسمية.
الشروط المسبقة: يستطيع هذا الجهاز تشغيل npx، وagent-browser مثبت، وGitHub CLI بإصدار 2.99 أو أحدث. أكّد أولًا: الأمر أدناه سيثبّت المهارة في الوكيل الحالي. إن لم ترد تغيير دليل مهارات الوكيل بعد، فلا تنفّذه. في هذه الخطوة لا تُرفق بطلب سحب حقيقي ولا تستدعِ gh --attach.
موضع التثبيت: بعد تأكيد تلك الآثار الجانبية، نفّذ في جذر المشروع:
npx skills add vercel-labs/before-and-after#main
تحقق منخفض المخاطر: بعد التثبيت اطلب من الوكيل أن يعيد صياغة ما سيفعله فقط — إرفاق اللقطات والتسجيلات الموجودة بكتلة المقارنة قبل وبعد في طلب السحب، واستبدال علامة <!-- before-and-after:start/end --> واحدة بشكل متماثل، دون المساس بباقي الوصف. لا تدعه يعدّل طلب السحب. لا تدعه يفتح عنوانًا أو يحوّل فيديو.
علامة النجاح: ينتهي تثبيت المهارة، ويستطيع الوكيل أن يقول إنه يحتاج وسائط موجودة وgh --attach، ويعترف بأنه لن يجلب الملفات ولا يستضيفها. إن بدأ تسجيل الشاشة أو اخترع أوامر تثبيت أخرى، توقف.
حالات الاستخدام
الحالة 1: إضافة مقارنة قبل وبعد لطلب سحب لديه وسائط أصلًا. أمر التثبيت الرسمي هو npx skills add vercel-labs/before-and-after#main. بعد التثبيت جهّز اللقطات والتسجيلات الموجودة في التعليق أو الوصف ثم دع الوكيل يرفقها. gh --attach سيغيّر طلب السحب البعيد؛ قبل التنفيذ أكّد أنه طلب سحب تجريبي يمكن مناقشته علنًا وأن مسارات الوسائط موجودة فعلًا.
الحالة 2: عند التكرار حدّث كتلة العلامة فقط. المصدر يقول إنه يستبدل كتلة <!-- before-and-after:start/end --> واحدة بشكل متماثل ويترك باقي وصف طلب السحب دون تغيير. يناسب من أرفق مرة ويريد فقط تبديل منطقة المقارنة. تحقق أولًا للقراءة فقط إن كان الوصف يحمل تلك العلامة؛ إن لم توجد، المصدر لا يكتب كيف سينشئ وصفًا كاملًا جديدًا، فلا تفترض.
حدود الاستخدام
الاعتماديات صارمة: تحتاج agent-browser وGitHub CLI 2.99+ (من أجل gh --attach). إن نقص أي شرط فلا تُرفق قسرًا. لا تفعل صراحةً: تغليف agent-browser، جلب عناوين URL، إدارة مصادقة Vercel، تحويل الفيديو، استضافة الوسائط.
أمر التثبيت المكتوب في المصدر واحد فقط ويحمل #main: npx skills add vercel-labs/before-and-after#main. لا تستبدله بوسم أو مثبّت غير وارد. الصفحة الرسمية هي https://github.com/vercel-labs/before-and-after إن اقترح وكيل أمرًا ينقصه #main، فاعتد بتلك الصفحة.