·visual-testing

الاختبار المرئي والتحقق من واجهة المستخدم ومقارنة التصميم باستخدام لقطات الشاشة وتكامل Figma. يُستخدم عندما يريد المستخدم التحقق من مظهر واجهة المستخدم، أو المقارنة مع تصميمات Figma، أو اختبار التخطيطات سريعة الاستجابة، أو التحقق من الانحدارات المرئية، أو التحقق من صحة تنفيذ التصميم.

17التثبيتات·2الرائج·@serkan-ozal

التثبيت

$npx skills add https://github.com/serkan-ozal/browser-devtools-skills --skill visual-testing

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

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

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

المصدر: serkan-ozal/browser-devtools-skills.

Perform visual testing, UI verification, and design comparison using screenshots, responsive testing, and Figma integration.

| Mobile S | 320px | 568px | --width 320 --height 568 | | Mobile M | 375px | 667px | --width 375 --height 667 | | Mobile L | 425px | 812px | --width 425 --height 812 | | Tablet | 768px | 1024px | --width 768 --height 1024 | | Laptop | 1366px | 768px | --width 1366 --height 768 | | Desktop | 1920px | 1080px | --width 1920 --height 1080 |

الاختبار المرئي والتحقق من واجهة المستخدم ومقارنة التصميم باستخدام لقطات الشاشة وتكامل Figma. يُستخدم عندما يريد المستخدم التحقق من مظهر واجهة المستخدم، أو المقارنة مع تصميمات Figma، أو اختبار التخطيطات سريعة الاستجابة، أو التحقق من الانحدارات المرئية، أو التحقق من صحة تنفيذ التصميم. المصدر: serkan-ozal/browser-devtools-skills.

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

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

أمر التثبيت
npx skills add https://github.com/serkan-ozal/browser-devtools-skills --skill visual-testing
الفئة
</>أدوات التطوير
موثق
أول ظهور
2026-02-05
آخر تحديث
2026-03-10

Browse more skills from serkan-ozal/browser-devtools-skills

إجابات سريعة

ما هي visual-testing؟

الاختبار المرئي والتحقق من واجهة المستخدم ومقارنة التصميم باستخدام لقطات الشاشة وتكامل Figma. يُستخدم عندما يريد المستخدم التحقق من مظهر واجهة المستخدم، أو المقارنة مع تصميمات Figma، أو اختبار التخطيطات سريعة الاستجابة، أو التحقق من الانحدارات المرئية، أو التحقق من صحة تنفيذ التصميم. المصدر: serkan-ozal/browser-devtools-skills.

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

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

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

https://github.com/serkan-ozal/browser-devtools-skills

التفاصيل

الفئة
</>أدوات التطوير
المصدر
skills.sh
أول ظهور
2026-02-05