إعادة بناء مكونات React عالية التعقيد في الواجهة الأمامية. يُستخدم عندما يطلب المستخدم تقسيم التعليمات البرمجية، أو استخراج الخطاف، أو تقليل التعقيد، أو عندما تصادف مكونًا معقدًا جدًا بحيث يتعذر عليك فهمه وإعادة هيكلته.
ثبّت مهارة الذكاء الاصطناعي component-refactoring بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: pageai-pro/ralph-loop.
Refactor high-complexity React components with the patterns and workflow below.
When: Component has complex state management, multiple useState/useEffect, or business logic mixed with UI.
Dify Convention: Place hooks in a hooks/ subdirectory or alongside the component as use- .ts.
إعادة بناء مكونات React عالية التعقيد في الواجهة الأمامية. يُستخدم عندما يطلب المستخدم تقسيم التعليمات البرمجية، أو استخراج الخطاف، أو تقليل التعقيد، أو عندما تصادف مكونًا معقدًا جدًا بحيث يتعذر عليك فهمه وإعادة هيكلته. المصدر: pageai-pro/ralph-loop.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/pageai-pro/ralph-loop --skill component-refactoringإعادة بناء مكونات React عالية التعقيد في الواجهة الأمامية. يُستخدم عندما يطلب المستخدم تقسيم التعليمات البرمجية، أو استخراج الخطاف، أو تقليل التعقيد، أو عندما تصادف مكونًا معقدًا جدًا بحيث يتعذر عليك فهمه وإعادة هيكلته. المصدر: pageai-pro/ralph-loop.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/pageai-pro/ralph-loop --skill component-refactoring بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/pageai-pro/ralph-loop