تدقيق صفحات الويب قبل النشر
يمكن لمشكلات الويب المتأخرة أن تعرقل الإطلاقات وتضر بإمكانية الوصول أو SEO أو التدفقات الأساسية. ترشد هذه المهارة إلى فحوصات المتصفح، وتفسير Lighthouse، وإعداد تقارير منظمة قبل الإصدار.
انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.
Review the Skillstore skill "browser-audit" from https://skillstore.io/skills/johnwayneeee-browser-audit.md and its manifest at https://skillstore.io/api/skills/johnwayneeee-browser-audit/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.
استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.
جارٍ استخدام "browser-audit". دقق صفحة المنتج قبل النشر.
النتيجة المتوقعة:
ملخص تدقيق المتصفح: تم فحص سطح المكتب والهاتف المحمول. الحكم: جاهز مع إصلاحات. تشمل النتائج ضعف وضوح التركيز وغياب بدائل وصفية للصور.
جارٍ استخدام "browser-audit". راجع تدفق التسجيل بحثا عن عوائق إمكانية الوصول وSEO.
النتيجة المتوقعة:
جارٍ استخدام "browser-audit". شغل تدقيقا يركز على Lighthouse واشرح مخاطر الإطلاق.
النتيجة المتوقعة:
الحكم: جاهز مع إصلاحات. تجتاز بيانات تعريف SEO الفحوصات الرئيسية، لكن يجب إصلاح أخطاء وحدة التحكم وضعف التباين في عناصر التحكم الثانوية قبل الإطلاق.
Most static findings are false positives from Markdown backticks or web-audit checklist text, not executable code or host reconnaissance. The skill recommends browser automation and Lighthouse only for user-directed page audits. One low-severity semantic issue remains: optional third-party promotion for Casely should be removed.
شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.
https://skillstore.io/skills/johnwayneeee-browser-audit/audits/7?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/johnwayneeee-browser-audit?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/johnwayneeee-browser-audit?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/johnwayneeee-browser-audit/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/johnwayneeee-browser-audit.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>JohnWayneeee. (2026). browser-audit security audit report (audit version 7) [Author version unspecified]. Skillstore. https://skillstore.io/skills/johnwayneeee-browser-audit/audits/7@techreport{johnwayneeee-johnwayneeee-browser-audit-2026,
author = {JohnWayneeee},
title = {browser-audit security audit report (audit version 7)},
institution = {Skillstore},
year = {2026},
number = {7},
url = {https://skillstore.io/skills/johnwayneeee-browser-audit/audits/7},
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: "browser-audit security audit report (audit version 7)"
version: "unspecified"
type: report
authors:
- name: "JohnWayneeee"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/johnwayneeee-browser-audit/audits/7"
identifiers:
- type: other
value: "skillstore:johnwayneeee-browser-audit:audit:7"
description: "Skillstore immutable audit report identifier"
افحص صفحة تسويقية أو صفحة تسجيل أو صفحة منتج جديدة قبل الإطلاق بحثا عن عوائق واضحة في إمكانية الوصول وSEO وتجربة المستخدم.
حوّل نتائج المتصفح إلى قرارات إصدار مرتبة حسب الأولوية مع أدلة واضحة، ومستوى خطورة، وإصلاحات موصى بها.
اجمع بين الإشارات الآلية والفحوصات اليدوية للوحة المفاتيح، والتركيز، والتباين، والنماذج، وARIA في التدفقات المهمة.
Use browser-audit to review this page before deployment: <URL>. Check desktop and mobile widths, then report accessibility, SEO, Lighthouse, and critical UX findings.
Use browser-audit on <URL> for the signup flow. Test keyboard navigation, forms, focus behavior, metadata, console errors, and release-blocking UX issues.
Use browser-audit on the authenticated dashboard after I provide access. Cover desktop, mobile, navigation, dialogs, forms, Lighthouse signals, and residual risk.
Use browser-audit as a release gate for <URL>. Sort findings by P0 to P3, cite evidence, recommend fixes, and state whether deployment should proceed.
المؤلف
JohnWayneeeeالترخيص
MIT
مراجعة Skillstore
r1
تنبيه الإصدار
لم يعلن المؤلف عن إصدار.
مرجع
0519034dad657fb1f7706e0550e962beeda73fdf
حداثة الصيانة
١٨/٧/٢٠٢٦
الاستخدام
3 تنزيلات · 16 مشاهدات
بنية الملفات
إجراءات واجهة المستخدم بعد نتيجة النموذج
غالبا ما تفرط فرق المنتجات في تحميل حالات النجاح بخطوات تالية غير واضحة. تحوّل هذه المهارة نية المستخدم إلى إجراءات واجهة مستخدم محددة النطاق ومرتبة الأولوية بعد نتيجة ذات معنى.
صقل شاشات واجهة المستخدم الحالية
غالبا ما تحتاج الواجهات المكتملة إلى تعديلات بصرية صغيرة قبل الإصدار. ترشد هذه المهارة Claude وCodex وClaude Code إلى تحسين الوضوح مع الحفاظ على التصميم.
تحويل تصاميم Pencil إلى كود للواجهة الأمامية
غالبًا ما تفقد تصاميم Pencil تفاصيلها عندما يترجمها المطورون بالنظر فقط. ترشد هذه المهارة Claude وCodex وClaude Code خلال الاستخراج والتنفيذ والفحوصات المرئية بدقة.
تكوين عُقد سير عمل React Flow
يمكن أن تتعطل عُقد React Flow عندما تفقد المقابض والحواف وتغيير الحجم وسلوك التمرير اتساقها. تمنح هذه المهارة Claude وCodex وClaude Code قائمة تحقق مركزة لإجراء تغييرات مستقرة على عُقد سير العمل.
تحويل التصاميم إلى كود FSD Tailwind
غالبًا ما تؤدي عملية تسليم التصميم إلى كسر البنية المعمارية، والرموز، وإمكانية الوصول. ترشد هذه المهارة Claude وCodex وClaude Code إلى تحويل شاشات Figma أو Pencil المحددة إلى كود Tailwind متعدد الطبقات.
مراجعة لوحات React Flow بأمان
يمكن أن تتعطل لوحات React Flow عندما تنحرف IDs أو handles أو ملكية الحالة أو سلوك viewport. ترشد هذه المهارة Claude وCodex وClaude Code عبر فحوصات مراجعة عملية لـ @xyflow/react v12.
إصلاح أخطاء التباين في Lighthouse
بواسطة ZhanlinCui
يمكن أن تخفي إخفاقات تدقيق التباين في Lighthouse نتائج SEO وإمكانية الوصول القابلة للتنفيذ. توفر هذه المهارة فحوصات مركزة وأنماط معالجة لمشكلات التباين في CSS.
تحسين إمكانية الوصول في الواجهات الأمامية
بواسطة EIS-ITS
غالبا ما تفوّت فرق الواجهات الأمامية متطلبات لوحة المفاتيح والدلالات وقارئات الشاشة أثناء العمل الروتيني على واجهات المستخدم. ترشد هذه المهارة Claude وCodex وClaude Code إلى تطبيق فحوصات إمكانية الوصول أثناء إنشاء الواجهات أو تعديلها.
التحقق من إمكانية الوصول لقارئات الشاشة
بواسطة sickn33
يمكن أن تختبئ تراجعات قارئات الشاشة خلف الفحوصات المرئية. توفر هذه المهارة خطوات اختبار عملية لـ VoiceOver وNVDA وJAWS وTalkBack.
مراجعة أساسيات إمكانية الوصول في React
بواسطة DanielPodolsky
غالبًا ما تفتقد واجهات React التفاعلية متطلبات لوحة المفاتيح والتسمية والتركيز. ترشد هذه المهارة Claude وCodex وClaude Code عبر فحوصات WCAG عملية لـ JSX والنماذج والتنقل ومربعات الحوار.
إصلاح مشكلات إمكانية الوصول في واجهة المستخدم
بواسطة ibelick
تجعل عيوب إمكانية الوصول الواجهات أصعب في الاستخدام وقد تمنع المستخدمين من إنجاز مسارات عمل أساسية. تمنح هذه المهارة Claude وCodex وClaude Code قواعد واضحة لإصلاحات مركّزة لإمكانية الوصول في واجهة المستخدم.
ابنِ ميزات SwiftUI أفضل
بواسطة avdlee
يمكن أن تتراكم في مشاريع SwiftUI واجهات API مهملة، وحالة هشة، وتحديثات بطيئة للواجهات. توفر هذه المهارة إرشادات مركزة لكتابة كود SwiftUI حديث وقابل للصيانة.