·responsiveness-check
</>

responsiveness-check

✓
jezweb/claude-skillsGitHub: jezweb/claude-skillsالمصدر: jezweb/claude-skills

اختبر استجابة موقع الويب عبر عروض إطار العرض باستخدام أتمتة المتصفح. تغيير حجم جلسة واحدة من خلال نقاط التوقف، والتقاط لقطات شاشة لكل عرض، واكتشاف انتقالات التخطيط (تغييرات الأعمدة، ومفاتيح التنقل، والتجاوز). يُنتج تقارير مقارنة توضح بالضبط مكان انقطاع التخطيطات. قم بتشغيل "التحقق من الاستجابة" أو "التحقق من الاستجابة" أو "اختبار نقطة التوقف" أو "اختبار إطار العرض" أو "مسح الاستجابة" أو "التحقق من نقاط التوقف" أو "الاختبار على الهاتف المحمول".

jezweb·responsiveness·check
175التثبيتات·12الرائج·@jezweb

التثبيت

GitHub: jezweb/claude-skills
$npx skills add https://github.com/jezweb/claude-skills --skill responsiveness-check

كيفية تثبيت responsiveness-check

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

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

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

SKILL.md

عرض النص الخام

Test how a website's layout responds to viewport width changes. Resizes through breakpoints in a single browser session, screenshots each width, compares adjacent sizes, and reports where layouts break.

What this tests: Layout responsiveness — overflow, stacking, navigation transitions, content reflow.

What this does NOT test: General accessibility (ARIA, semantic HTML, heading hierarchy, colour contrast). Those don't vary by viewport width — use the ux-audit skill instead.

اختبر استجابة موقع الويب عبر عروض إطار العرض باستخدام أتمتة المتصفح. تغيير حجم جلسة واحدة من خلال نقاط التوقف، والتقاط لقطات شاشة لكل عرض، واكتشاف انتقالات التخطيط (تغييرات الأعمدة، ومفاتيح التنقل، والتجاوز). يُنتج تقارير مقارنة توضح بالضبط مكان انقطاع التخطيطات. قم بتشغيل "التحقق من الاستجابة" أو "التحقق من الاستجابة" أو "اختبار نقطة التوقف" أو "اختبار إطار العرض" أو "مسح الاستجابة" أو "التحقق من نقاط التوقف" أو "الاختبار على الهاتف المحمول". المصدر: jezweb/claude-skills.

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

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

أمر التثبيت
npx skills add https://github.com/jezweb/claude-skills --skill responsiveness-check
المصدر
jezweb/claude-skills
الفئة
</>أدوات التطوير
موثق
✓
أول ظهور
2026-02-26
آخر تحديث
2026-03-10
الرابط
https://www.learn-skills.dev/ar/skills/jezweb/claude-skills/responsiveness-check

Browse more skills from jezweb/claude-skills

إجابات سريعة

ما هي responsiveness-check؟

اختبر استجابة موقع الويب عبر عروض إطار العرض باستخدام أتمتة المتصفح. تغيير حجم جلسة واحدة من خلال نقاط التوقف، والتقاط لقطات شاشة لكل عرض، واكتشاف انتقالات التخطيط (تغييرات الأعمدة، ومفاتيح التنقل، والتجاوز). يُنتج تقارير مقارنة توضح بالضبط مكان انقطاع التخطيطات. قم بتشغيل "التحقق من الاستجابة" أو "التحقق من الاستجابة" أو "اختبار نقطة التوقف" أو "اختبار إطار العرض" أو "مسح الاستجابة" أو "التحقق من نقاط التوقف" أو "الاختبار على الهاتف المحمول". المصدر: jezweb/claude-skills.

كيف أثبّت responsiveness-check؟

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

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

https://github.com/jezweb/claude-skills

التفاصيل

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

مهارات ذات صلة

tailwind-v4-shadcn
2.7K التثبيتات
tanstack-query
2.5K التثبيتات
fastapi
2.0K التثبيتات
zustand-state-management
1.2K التثبيتات
react-hook-form-zod
1.2K التثبيتات
tailwind-patterns
1.1K التثبيتات