Install
npx skills add addyosmani/web-quality-skillsلمن يناسب
يناسب من يحسّن جودة الويب من القياسات لا من الإحساس في التنسيق. النص الرسمي: هذه مجموعة Agent Skills غير رسمية تعطي القياس أولوية، لتحسين مشاريع الويب مع Google Lighthouse وChrome DevTools الموجهة للوكيل وCore Web Vitals وWCAG وإرشادات مرتبطة بالبحث.
الأنسب: من لديه أصلًا موقع يمكن فتحه أو مشروع محلي ويريد أولًا فحص جودة مبني على أدلة. المهارة المسماة في المصدر هي web-quality-audit: تفحص عبر فئات Lighthouse والكود المصدري. عبارات التشغيل تشمل “Audit my site” و“Review this for quality” و“Check web quality”.
تدّعي أنها مستقلة عن المكدس وقابلة للاستخدام مع React وVue وAngular وSvelte وNext.js وNuxt وAstro وHTML الصرف وما شابه. لا تقرأ هذه المجموعة على أنها «هذه الأطر فقط».
قبل البدء يجب أن تستطيع تشغيل npx skills add. لا تبدّل المسار الرئيسي بمثبّت آخر.
إكمال أول محاولة في 3 دقائق
اتبع مسار npx الرئيسي المعطى في المستودع فقط. أول محاولة فحص فقط؛ لا تغيّر كود الإنتاج.
شرط مسبق: هذا الجهاز فيه npm/npx أصلًا، ولديك مشروع ويب موجود أو موقع يمكن الوصول إليه. لا تخترع عنوانًا للفحص.
موضع التثبيت: نفّذ في مساحة العمل:
npx skills add addyosmani/web-quality-skills
المستودع الرسمي:
https://github.com/addyosmani/web-quality-skills
مرساة شرح المهارة:
https://github.com/addyosmani/web-quality-skills#web-quality-audit
نظرة Lighthouse:
https://developer.chrome.com/docs/lighthouse/overview/
مشغّل منخفض المخاطر: بعد التثبيت قل على مشروع موجود “Check web quality” أو “Review this for quality”. النص الرسمي يصف هذا فحصًا مبنيًا على أدلة. اقرأ التقرير أولًا ثم قرر هل تغيّر الملفات. صفحة مواصفة Agent Skills مؤشر من المصدر فقط:
https://agentskills.io/
علامة النجاح: يعطي المساعد نتائج فحص حسب فئات Lighthouse والكود المصدري بدل تسليم رقعة فورًا. إن كانت الخطوة التالية ستغيّر كود أداء أو إتاحة فأكّد أولًا أي ملفات ستتغير.
حالات الاستخدام
الحالة الأولى: شغّل web-quality-audit على موقع موجود. استخدم إحدى جمل التشغيل الرسمية واجعل المساعد يفحص عبر Lighthouse والكود المصدري. تناسب من لديه موقع أصلًا ويريد أولًا أساس قياس. الدليل يصف صف المهارة هذا فقط ولا يسمي مهارات أخرى. عامل المخرج كنتيجة فحص؛ لا ترسله تلقائيًا.
الحالة الثانية: نفّذ الفحص نفسه الذي يعطي القياس أولوية في مشاريع بأطر مختلفة. النص الرسمي يقول مستقل عن المكدس ويمثل React وVue وAngular وSvelte وNext.js وNuxt وAstro وHTML الصرف. تناسب من ثبت مكدسه أصلًا ويريد فقط إضافة فحص جودة. لا تستنتج أن أحد تلك الأطر إلزامي ولا تضف أسماء مهارات لم تظهر.
حدود الاستخدام
أمر التثبيت الرئيسي هو npx skills add addyosmani/web-quality-skills. المصدر يكتب أيضًا أوامر إضافة Claude Code: /plugin marketplace add addyosmani/web-quality-skills ثم /plugin install web-quality-skills@addy-web-quality-skills. لا تخلط المسارين في عملية أولى واحدة.
المهارة المسماة في هذه الصفحة فقط web-quality-audit. لا تُكمل أسماء مهارات أخرى بنفسك.
هذه مجموعة غير رسمية. النص الرسمي لا يعد بتغطية كل بنود WCAG ولا يطلب فتح إرشادات البحث وDevTools معًا.