قم بتطبيق أفضل ممارسات React عند كتابة كود React أو مراجعته. يُستخدم عند إنشاء مكونات، أو مراجعة العلاقات العامة، أو إعادة هيكلة تعليمات React البرمجية، أو إصلاح مشكلات الأداء، أو تصحيح أخطاء عمليات إعادة التصيير، أو هيكلة الحالة وتدفق البيانات، أو تحويل useEffect إلى أدوات تحميل، أو بناء النماذج، أو طرح السؤال "كيف يمكنني هيكلة هذا المكون".
ثبّت مهارة الذكاء الاصطناعي react-best-practices بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: yonderlab/kota.agent.skills.
If the codebase uses a different data fetching approach (TanStack Query, SWR, etc.), adapt the data fetching guidance accordingly.
User prompt: "This component has too many useEffects, can you clean it up?"
User prompt: "Migrate this component to use React Router loaders"
قم بتطبيق أفضل ممارسات React عند كتابة كود React أو مراجعته. يُستخدم عند إنشاء مكونات، أو مراجعة العلاقات العامة، أو إعادة هيكلة تعليمات React البرمجية، أو إصلاح مشكلات الأداء، أو تصحيح أخطاء عمليات إعادة التصيير، أو هيكلة الحالة وتدفق البيانات، أو تحويل useEffect إلى أدوات تحميل، أو بناء النماذج، أو طرح السؤال "كيف يمكنني هيكلة هذا المكون". المصدر: yonderlab/kota.agent.skills.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/yonderlab/kota.agent.skills --skill react-best-practicesقم بتطبيق أفضل ممارسات React عند كتابة كود React أو مراجعته. يُستخدم عند إنشاء مكونات، أو مراجعة العلاقات العامة، أو إعادة هيكلة تعليمات React البرمجية، أو إصلاح مشكلات الأداء، أو تصحيح أخطاء عمليات إعادة التصيير، أو هيكلة الحالة وتدفق البيانات، أو تحويل useEffect إلى أدوات تحميل، أو بناء النماذج، أو طرح السؤال "كيف يمكنني هيكلة هذا المكون". المصدر: yonderlab/kota.agent.skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/yonderlab/kota.agent.skills --skill react-best-practices بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/yonderlab/kota.agent.skills