playwright-responsive-screenshots

4.1. Basic Screenshot Capture 4.2. Custom Breakpoints 4.3. Multiple Pages 4.4. With Comparison Report

This skill provides an automated workflow for capturing screenshots at multiple viewport sizes:

| Device Category | Width × Height | Common Devices |

يلتقط لقطات شاشة عند نقاط توقف متعددة لإطار العرض للتحقق من صحة التصميم سريع الاستجابة الوثائق. يُستخدم عندما تحتاج إلى اختبار التخطيطات سريعة الاستجابة، والتحقق من صحة الهاتف المحمول/الجهاز اللوحي/سطح المكتب طرق العرض أو نقاط توقف نظام تصميم المستندات أو إنشاء خطوط أساس لاختبار الانحدار المرئي. مشغلات على "اختبار التصميم سريع الاستجابة"، و"لقطة الشاشة عند نقاط التوقف"، و"التقاط الهاتف المحمول و طرق عرض سطح المكتب أو "اختبار التصميم سريع الاستجابة" أو "لقطات شاشة لأجهزة متعددة". يعمل مع أدوات الكاتب المسرحي MCP (browser_navigate، browser_resize، browser_take_screenshot). المصدر: dawiddutoit/custom-claude.