ما هي chrome-debug؟
كيفية استخدام Chrome DevTools MCP لتصحيح أخطاء المتصفح. استخدمه عندما تحتاج إلى فحص الصفحات، أو التقاط لقطات شاشة، أو تصحيح مشكلات واجهة المستخدم، أو التحقق من التغييرات المرئية. المصدر: akornmeier/claude-config.
كيفية استخدام Chrome DevTools MCP لتصحيح أخطاء المتصفح. استخدمه عندما تحتاج إلى فحص الصفحات، أو التقاط لقطات شاشة، أو تصحيح مشكلات واجهة المستخدم، أو التحقق من التغييرات المرئية.
ثبّت مهارة الذكاء الاصطناعي chrome-debug بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: akornmeier/claude-config.
This skill explains how to use the Chrome DevTools MCP for browser debugging and UI verification.
Before using Chrome DevTools MCP, you must launch Chrome in headless mode with remote debugging enabled:
This runs Chrome with the required flags for Docker/containerized environments:
كيفية استخدام Chrome DevTools MCP لتصحيح أخطاء المتصفح. استخدمه عندما تحتاج إلى فحص الصفحات، أو التقاط لقطات شاشة، أو تصحيح مشكلات واجهة المستخدم، أو التحقق من التغييرات المرئية. المصدر: akornmeier/claude-config.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/akornmeier/claude-config --skill chrome-debugكيفية استخدام Chrome DevTools MCP لتصحيح أخطاء المتصفح. استخدمه عندما تحتاج إلى فحص الصفحات، أو التقاط لقطات شاشة، أو تصحيح مشكلات واجهة المستخدم، أو التحقق من التغييرات المرئية. المصدر: akornmeier/claude-config.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/akornmeier/claude-config --skill chrome-debug بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/akornmeier/claude-config