vercel-labs

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

يتطلب إضافة انتقالات سلسة بين الصفحات ورسوم متحركة للعناصر المشتركة إلى تطبيقات React فهم واجهة View Transitions API وأنماط تكاملها. توفر هذه المهارة إرشادات خطوة بخطوة وصفحات أنماط CSS وأنماط Next.js من مختبرات Vercel.

يتطلب بناء تطبيقات React Native عالية الأداء اتباع أنماط خاصة بالمنصة للقوائم والرسوم المتحركة وإدارة الحالة. توفر هذه المهارة أكثر من 35 قاعدة للوكلاء الذكاء الاصطناعي لتطوير محسّن للهواتف المحمولة.

غالبًا ما تعاني تطبيقات React من مشاكل في الأداء مثل إعادة العرض غير الضرورية، وأحجام الحزم الكبيرة، وتتابع جلب البيانات المتسلسل. توفر هذه المهارة 45 قاعدة مرتبة حسب الأولوية من فريق هندسة Vercel للقضاء على هذه العقبات وبناء تطبيقات ويب عالية الأداء.

إن بناء مكونات React باستخدام خصائص منطقية يؤدي إلى رمز غير قابل للصيانة. توفر هذه المهارة إرشادات جاهزة للذكاء الاصطناعي لاستخدام المكونات المركبة، ورفع الحالة، وتركيب المكونات الداخلية لإنشاء معماريات مكونات قابلة للتوسع.

يتطلب نشر تطبيقات الويب إلى Vercel المصادقة وتكوين المشروع. يتيح لك هذا الـ skill إدارة عمليات النشر في Vercel باستخدام رموز الوصول، دون الحاجة إلى مطالبات تسجيل الدخول التفاعلية.

التحقق يدويًا من رسائل Slack والبحث في المحادثات يستغرق وقتًا. تقوم هذه المهارة بأتمتة التفاعل مع Slack من خلال أتمتة المتصفح دون الحاجة إلى مصادقة API أو رموز البوت.

يحتاج المستخدمون إلى إرشادات حول إنشاء مهارات فعالة لكود كلود. يوفر هذا الدليل الشامل لبناء مهارات هيكلية وتعبئتها بأفضل الممارسات المثبتة.

مهارة ذكاء اصطناعي لـ Claude وCodex وClaude Code

مهارة ذكاء اصطناعي ��ـ Claude و Codex و Claude Code

تطبيقات Next.js غالباً ما تجلب البيانات بشكل متكرر، مما يسبب بطء في تحميل الصفحات. تتيح مكونات التخزين المؤقت العرض الجزئي الجزئي واستراتيجيات التخزين المؤقت الذكية لتقديم المحتوى المخزن مؤقتاً على الفور أثناء بث الأجزاء الديناميكية.

توقف عن التخمين حول أنماط Next.js واكتب كوداً قابلاً للتوسع. توفر هذه المهلة إرشادات موثوقة من Vercel حول اتفاقيات الملفات، ومكونات خادم React، وجلب البيانات، والتعامل مع الأخطاء، وأفضل ممارسات النشر.

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

تحكم في تطبيقات Electron مثل VS Code و Slack و Discord و Figma من خلال Chrome DevTools Protocol. اتصل بتطبيقات سطح المكتب قيد التشغيل، وأتمتة تفاعلات واجهة المستخدم، واختبر تطبيقات Electron الأصلية.

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

النشر اليدوي للمشاريع على Vercel يستغرق وقتاً ويتطلب التنقل في لوحة التحكم. هذه المهارة تُؤتمت عملية النشر بالكامل مع الكشف التلقائي عن الإطار وإنشاء عناوين URL للمعاينة.

أتمتة تفاعلات الويب يدويًا تستغرق وقتًا طويلًا وعرضة للأخطاء. يوفر agent-browser واجهة سطر أوامر لأتمتة المتصفح تتيح ملء النماذج تلقائيًا، والتقاط لقطات الشاشة، وكشط الويب، ومسارات الاختبارات من البداية إلى النهاية.