انتقل إلى المحتوى
↑↓للتنقل↵للفتحescللإغلاق
Claude+372Whisper+228LangChain+168Codex+223NotebookLM+276DALL-E 3+192DeepL+249n8n+208Topaz Video AI+153LlamaIndex+161
Composition Patterns logo
مهارة

Composition Patterns

أنشئ واجهات React أنظف وقابلة للتركيب

0
حفظزيارة الموقع ↗

التثبيت

رسمية
npx skills add vercel-labs/agent-skills
تُفعّل عند

Use when an agent designs, refactors or reviews reusable React components and their public APIs.

المؤلف
Vercel
الترخيص
MIT

تمنح Composition Patterns وكيل البرمجة بالذكاء الاصطناعي إطارًا عمليًا لتحسين بنية مكونات React القابلة لإعادة الاستخدام. وتفيد خصوصًا عندما يتراكم في المكوّن عدد كبير من خيارات الإعداد، أو تصبح حالته شديدة الترابط، أو تزداد واجهته صعوبة مع كل حالة استخدام جديدة. كما تراعي المادة الأساليب ذات الصلة في React 19.

أبرز الميزات

  • توجّه القرارات المعمارية الخاصة بالمكونات المركبة وواجهاتها العامة
  • تساعد على فصل ملكية الحالة عن الأجزاء المرئية التي تستهلكها
  • تشجع على إنشاء متغيرات مستقلة عندما تتطلب السلوكيات المختلفة واجهات منفصلة
  • تغطي التنسيق القائم على السياق بين أجزاء المكوّن المرتبطة
  • تتضمن ملفات قواعد مركزة مع أمثلة برمجية لمشكلات تصميم محددة

تناسب المهارة مهندسي الواجهات الأمامية، والقائمين على صيانة أنظمة التصميم، والفرق التي تطلب من وكلاء البرمجة إعادة هيكلة الأسس المشتركة لواجهات المستخدم. ويمكن استخدامها في التنفيذ والمراجعة المعمارية دون الحاجة إلى خادم MCP أو أداة خارجية خاصة. ثبّتها من مجموعة Vercel العامة agent-skills باستخدام أمر Skills CLI الموثق؛ إذ يحتوي مجلد المهارة نفسه على إرشادات ومراجع للقواعد بدلًا من نصوص مساعدة قابلة للتنفيذ.

التعليقات(0)

سجّل الدخول للتعليق

لا توجد تعليقات بعد، كن أول من يعلّق.

مهارات مشابهة

الإبلاغ عن هذا التعليق

لماذا تُبلغ عن هذا؟