·visual-debugger

تصحيح الأخطاء المرئية التفاعلية باستخدام أتمتة متصفح Playwright. يُستخدم عندما يُطلب منك فحص مواقع الويب/التطبيقات بصريًا، أو اختبار عناصر واجهة المستخدم، أو التحقق من وظائف الزر، أو التحقق من التصميم سريع الاستجابة، أو تصحيح مشكلات التخطيط، أو مراقبة أخطاء وحدة التحكم، أو إجراء أي اختبار مرئي يعتمد على المتصفح. تتضمن المشغلات الشائعة طلبات التحقق من عمل الأزرار، والتحقق من تحميل الصفحة، واختبار النماذج، وفحص العناصر، وتصحيح أخطاء الصفحات، والانتقال إلى عناوين URL والتحقق من السلوك، أو أي طلب يتضمن فحصًا واختبارًا مرئيًا للمتصفح.

6التثبيتات·0الرائج·@jarrodmedrano

التثبيت

$npx skills add https://github.com/jarrodmedrano/jarrod-claude-skills --skill visual-debugger

كيفية تثبيت visual-debugger

ثبّت مهارة الذكاء الاصطناعي visual-debugger بسرعة في بيئة التطوير لديك عبر سطر الأوامر

  1. افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
  2. نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/jarrodmedrano/jarrod-claude-skills --skill visual-debugger
  3. تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

المصدر: jarrodmedrano/jarrod-claude-skills.

Interactive visual debugging tool using Playwright MCP browser automation to inspect, test, and debug web applications and websites.

Before using this skill, verify Playwright MCP tools are available:

Security Note: Never hardcode real credentials. Ask user for test credentials or use environment variables.

تصحيح الأخطاء المرئية التفاعلية باستخدام أتمتة متصفح Playwright. يُستخدم عندما يُطلب منك فحص مواقع الويب/التطبيقات بصريًا، أو اختبار عناصر واجهة المستخدم، أو التحقق من وظائف الزر، أو التحقق من التصميم سريع الاستجابة، أو تصحيح مشكلات التخطيط، أو مراقبة أخطاء وحدة التحكم، أو إجراء أي اختبار مرئي يعتمد على المتصفح. تتضمن المشغلات الشائعة طلبات التحقق من عمل الأزرار، والتحقق من تحميل الصفحة، واختبار النماذج، وفحص العناصر، وتصحيح أخطاء الصفحات، والانتقال إلى عناوين URL والتحقق من السلوك، أو أي طلب يتضمن فحصًا واختبارًا مرئيًا للمتصفح. المصدر: jarrodmedrano/jarrod-claude-skills.

حقائق جاهزة للاقتباس

حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.

أمر التثبيت
npx skills add https://github.com/jarrodmedrano/jarrod-claude-skills --skill visual-debugger
الفئة
*وسائط إبداعية
موثق
أول ظهور
2026-02-01
آخر تحديث
2026-03-10

Browse more skills from jarrodmedrano/jarrod-claude-skills

إجابات سريعة

ما هي visual-debugger؟

تصحيح الأخطاء المرئية التفاعلية باستخدام أتمتة متصفح Playwright. يُستخدم عندما يُطلب منك فحص مواقع الويب/التطبيقات بصريًا، أو اختبار عناصر واجهة المستخدم، أو التحقق من وظائف الزر، أو التحقق من التصميم سريع الاستجابة، أو تصحيح مشكلات التخطيط، أو مراقبة أخطاء وحدة التحكم، أو إجراء أي اختبار مرئي يعتمد على المتصفح. تتضمن المشغلات الشائعة طلبات التحقق من عمل الأزرار، والتحقق من تحميل الصفحة، واختبار النماذج، وفحص العناصر، وتصحيح أخطاء الصفحات، والانتقال إلى عناوين URL والتحقق من السلوك، أو أي طلب يتضمن فحصًا واختبارًا مرئيًا للمتصفح. المصدر: jarrodmedrano/jarrod-claude-skills.

كيف أثبّت visual-debugger؟

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

أين مستودع المصدر؟

https://github.com/jarrodmedrano/jarrod-claude-skills