إعادة بناء مكونات React عالية التعقيد في واجهة Dify الأمامية. يُستخدم عندما يُظهر `pnpm Analysis-component --json` التعقيد> 50 أو lineCount> 300، عندما يطلب المستخدم تقسيم التعليمات البرمجية أو استخراج الخطاف أو تقليل التعقيد، أو عندما يحذر `pnpm Analysis-component` من إعادة البناء قبل الاختبار؛ تجنب استخدام المكونات البسيطة/المنظمة بشكل جيد، أو أغلفة الجهات الخارجية، أو عندما يريد المستخدم صراحةً الاختبار دون إعادة البناء.
ثبّت مهارة الذكاء الاصطناعي component-refactoring بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: langgenius/dify.
Refactor high-complexity React components in the Dify frontend codebase with the patterns and workflow below.
Complexity Threshold: Components with complexity > 50 (measured by pnpm analyze-component) should be refactored before testing.
Use paths relative to web/ (e.g., app/components/...). Use refactor-component for refactoring prompts and analyze-component for testing prompts and metrics.
إعادة بناء مكونات React عالية التعقيد في واجهة Dify الأمامية. يُستخدم عندما يُظهر `pnpm Analysis-component --json` التعقيد> 50 أو lineCount> 300، عندما يطلب المستخدم تقسيم التعليمات البرمجية أو استخراج الخطاف أو تقليل التعقيد، أو عندما يحذر `pnpm Analysis-component` من إعادة البناء قبل الاختبار؛ تجنب استخدام المكونات البسيطة/المنظمة بشكل جيد، أو أغلفة الجهات الخارجية، أو عندما يريد المستخدم صراحةً الاختبار دون إعادة البناء. المصدر: langgenius/dify.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/langgenius/dify --skill component-refactoringإعادة بناء مكونات React عالية التعقيد في واجهة Dify الأمامية. يُستخدم عندما يُظهر `pnpm Analysis-component --json` التعقيد> 50 أو lineCount> 300، عندما يطلب المستخدم تقسيم التعليمات البرمجية أو استخراج الخطاف أو تقليل التعقيد، أو عندما يحذر `pnpm Analysis-component` من إعادة البناء قبل الاختبار؛ تجنب استخدام المكونات البسيطة/المنظمة بشكل جيد، أو أغلفة الجهات الخارجية، أو عندما يريد المستخدم صراحةً الاختبار دون إعادة البناء. المصدر: langgenius/dify.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/langgenius/dify --skill component-refactoring بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/langgenius/dify