تصحيح أخطاء تطبيقات الويب باستخدام Chrome DevTools
قد يصعب إعادة إنتاج أخطاء الواجهة الأمامية من الكود وحده. ترشد هذه المهارة Claude وCodex وClaude Code خلال جمع الأدلة عبر Chrome DevTools MCP.
انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.
Review the Skillstore skill "dev-tools-skill" from https://skillstore.io/skills/eccentric-jamaican-dev-tools-skill.md and its manifest at https://skillstore.io/api/skills/eccentric-jamaican-dev-tools-skill/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.
استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.
جارٍ استخدام "dev-tools-skill". يتم تحميل صفحة المنتج لدي كشاشة فارغة.
النتيجة المتوقعة:
تعرض وحدة التحكم أول خطأ في التطبيق أثناء التحميل. السبب المحتمل هو نقص البيانات قبل العرض. الإصلاح المقترح: حماية حالة المكون والتحقق بإعادة التحميل.
جارٍ استخدام "dev-tools-skill". تبدو الصفحة المقصودة بطيئة عند التحميل الأول.
النتيجة المتوقعة:
يشير التتبع إلى بطء LCP بسبب صورة بطل كبيرة. الإصلاح المقترح: تقديم أحجام صور متجاوبة وتأجيل السكربتات غير الحرجة.
جارٍ استخدام "dev-tools-skill". ينجح تسجيل الدخول إلى لوحة المعلومات، لكن لا تظهر أي بيانات.
النتيجة المتوقعة:
يعيد الطلب الفاشل خطأ في التفويض. الإصلاح المقترح: التحقق من رأس auth ومسار تحديث الرمز المميز، ثم إعادة اختبار المسار.
All static findings were false positives caused by Markdown inline code for DevTools MCP tool names or benign debugging guidance. No prompt injection, data exfiltration intent, or malicious automation instructions were found. The skill emphasizes evidence gathering, read-only inspection where possible, and confirmation before destructive actions.
شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.
https://skillstore.io/skills/eccentric-jamaican-dev-tools-skill/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/eccentric-jamaican-dev-tools-skill?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/eccentric-jamaican-dev-tools-skill?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/eccentric-jamaican-dev-tools-skill/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/eccentric-jamaican-dev-tools-skill.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Eccentric-jamaican. (2026). dev-tools-skill security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/eccentric-jamaican-dev-tools-skill/audits/8@techreport{eccentric-jamaican-eccentric-jamaican-dev-tools-skill-2026,
author = {Eccentric-jamaican},
title = {dev-tools-skill security audit report (audit version 8)},
institution = {Skillstore},
year = {2026},
number = {8},
url = {https://skillstore.io/skills/eccentric-jamaican-dev-tools-skill/audits/8},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "dev-tools-skill security audit report (audit version 8)"
version: "unspecified"
type: report
authors:
- name: "Eccentric-jamaican"
date-released: "2026-07-05"
url: "https://skillstore.io/skills/eccentric-jamaican-dev-tools-skill/audits/8"
identifiers:
- type: other
value: "skillstore:eccentric-jamaican-dev-tools-skill:audit:8"
description: "Skillstore immutable audit report identifier"
فحص اللقطات ولقطات الشاشة والأنماط المحسوبة وتفاعلات المتصفح للعثور على مشكلات التخطيط أو النقر.
مراجعة أخطاء وحدة التحكم وطلبات الشبكة لتحديد نقاط النهاية الفاشلة أو مشكلات الحمولة أو مشكلات CORS.
تشغيل تتبعات الأداء وتحليل أبرز الرؤى وربطها باختناقات الأصول أو السكربتات أو التخطيط.
استخدم مهارة DevTools لفحص هذه الصفحة وشرح سبب عدم استجابة الزر. يرجى وصف كل خطوة بلغة واضحة.
استخدم مهارة DevTools لمراجعة أدلة وحدة التحكم والشبكة لمسار تسجيل الدخول الفاشل هذا. اعثر على أول طلب فاشل واقترح إصلاحا بسيطا.
استخدم مهارة DevTools لتشغيل تتبع أداء مع إعادة التحميل، وتحديد الرؤية الأهم، وربطها بأدلة الشبكة أو التخطيط.
استخدم مهارة DevTools لمقارنة تخطيطات سطح المكتب والجوال، وفحص الأنماط المحسوبة، وإعادة إنتاج التفاعل، واقتراح خطة تصحيح قابلة للتراجع.
المؤلف
Eccentric-jamaicanالترخيص
MIT
مراجعة Skillstore
r1
تنبيه الإصدار
لم يعلن المؤلف عن إصدار.
مرجع
30c73eac2afe762f6aa9c4553158769369d47351
حداثة الصيانة
٢٠/٧/٢٠٢٦
الاستخدام
10 تنزيلات · 237 مشاهدات
بنية الملفات
تحسين جودة كود Vue 3
بواسطة vuejs-ai
غالبا ما تتراكم في مشاريع Vue أخطاء تتعلق بالتفاعلية والمكونات والأداء مع مرور الوقت. توفر هذه المهارة إرشادات موجهة لـ Vue 3 لاستخدام أنماط أكثر أمانا وكود أوضح.
تحسين أداء Go باستخدام تحليل الأداء
بواسطة 89jobrien
قد تصبح خدمات Go بطيئة أو كثيفة استهلاك الذاكرة دون أدلة واضحة. ترشدك هذه المهارة خلال تحليل الأداء، وتحليل التخصيصات، وضبط التزامن، والتحسين القائم على اختبارات القياس.
ابنِ ميزات SwiftUI أفضل
بواسطة avdlee
يمكن أن تتراكم في مشاريع SwiftUI واجهات API مهملة، وحالة هشة، وتحديثات بطيئة للواجهات. توفر هذه المهارة إرشادات مركزة لكتابة كود SwiftUI حديث وقابل للصيانة.
تصميم أدوات موثوقة للوكلاء
بواسطة Asmayaseen
تفشل الوكلاء عندما تكون أسماء الأدوات أو مدخلاتها أو مخرجاتها أو أخطاؤها غامضة. توفر هذه المهارة أنماطًا عملية لوصف الأدوات والمخططات وتنسيقات الاستجابة والاختبار.
إنشاء ميزات واجهة أمامية جاهزة للإنتاج
بواسطة davila7
تحتاج فرق الواجهة الأمامية إلى إرشادات متسقة حول React وNext.js عبر المشاريع. توفر هذه المهارة سير عمل مرجعيًا وممارسات للجودة وبرامج نصية مساعدة لتحليل الواجهة الأمامية.
تخطيط بنية Next.js App Router
بواسطة 89jobrien
قد تواجه فرق Next.js صعوبة في اختيار المسارات والمكونات وتحميل البيانات وخطوات الترحيل. توفر هذه المهارة إرشادات بنيوية منظمة لـ App Router وServer Components والأداء.