قم بتصحيح أخطاء تطبيقات React من خلال فحص المكونات والدعائم وشجرة المكونات. يُستخدم عندما يقوم المستخدم بتصحيح أخطاء تطبيقات React، أو يريد فحص خصائص/حالة المكون، أو العثور على المكون الذي يعرض عنصرًا، أو فهم التسلسل الهرمي لمكونات React.
ثبّت مهارة الذكاء الاصطناعي react-debugging بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: serkan-ozal/browser-devtools-skills.
Debug React applications by inspecting components, props, and the component tree.
Without the extension, tools use best-effort DOM scanning which is less reliable.
قم بتصحيح أخطاء تطبيقات React من خلال فحص المكونات والدعائم وشجرة المكونات. يُستخدم عندما يقوم المستخدم بتصحيح أخطاء تطبيقات React، أو يريد فحص خصائص/حالة المكون، أو العثور على المكون الذي يعرض عنصرًا، أو فهم التسلسل الهرمي لمكونات React. المصدر: serkan-ozal/browser-devtools-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/serkan-ozal/browser-devtools-skills --skill react-debugging بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/serkan-ozal/browser-devtools-skills --skill react-debuggingقم بتصحيح أخطاء تطبيقات React من خلال فحص المكونات والدعائم وشجرة المكونات. يُستخدم عندما يقوم المستخدم بتصحيح أخطاء تطبيقات React، أو يريد فحص خصائص/حالة المكون، أو العثور على المكون الذي يعرض عنصرًا، أو فهم التسلسل الهرمي لمكونات React. المصدر: serkan-ozal/browser-devtools-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/serkan-ozal/browser-devtools-skills --skill react-debugging بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/serkan-ozal/browser-devtools-skills