react-frontend-expert

Centralize query key and function definitions to prevent key collisions:

See references/component-templates.md for annotated component templates. See references/tanstack-query-patterns.md for CRUD query patterns.

أنماط تنفيذ الواجهة الأمامية لـ React/TypeScript. يُستخدم أثناء مرحلة التنفيذ عند إنشاء أو تعديل مكونات React أو الروابط المخصصة أو الصفحات أو منطق جلب البيانات باستخدام استعلام TanStack أو النماذج أو التوجيه. يغطي بنية المكونات، وقواعد الخطافات، وتصميم الخطاف المخصص (useAuth، useDebounce، usePagination)، واصطلاحات الوضع الصارم لـ TypeScript، ومعالجة النماذج، ومتطلبات إمكانية الوصول، وبنية المشروع. لا يغطي الاختبار (استخدم أنماط اختبار التفاعل)، أو اختبار E2E (استخدم اختبار e2e)، أو النشر. المصدر: hieutrtr/ai1-skills.

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/hieutrtr/ai1-skills --skill react-frontend-expert بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw