frontend-components
79بناء مكونات واجهة أمامية قابلة لإعادة الاستخدام
تحتاج فرق الواجهة الأمامية إلى بنية مكونات متسقة عبر أطر العمل. ترشد هذه المهارة Claude وCodex وClaude Code إلى تصميم مكونات واجهة مستخدم مركزة وقابلة لإعادة الاستخدام.
تحسين معالجة أخطاء التطبيق
يمكن أن تخفي معالجة الأخطاء غير المتسقة الإخفاقات وتربك المستخدمين. توجه هذه المهارة Claude وCodex وClaude Code نحو استثناءات واضحة، والتحقق من الصحة، والتنظيف، ومسارات الاسترداد.
انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.
Review the Skillstore skill "global-error-handling" from https://skillstore.io/skills/eis-its-global-error-handling.md and its manifest at https://skillstore.io/api/skills/eis-its-global-error-handling/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.
استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.
جارٍ استخدام "global-error-handling". راجع معالج رفع ملفات يلتقط كل استثناء ويعيد فشلاً عامًا.
النتيجة المتوقعة:
تحدد المراجعة غياب التحقق من صحة الملفات، ومعالجة الاستثناءات الواسعة أكثر من اللازم، وغياب تنظيف الملفات المؤقتة، ورسائل المستخدم غير الواضحة.
جارٍ استخدام "global-error-handling". صمم معالجة الأخطاء لـ payment API يستدعي مزودًا خارجيًا.
النتيجة المتوقعة:
The static path traversal signal is a markdown documentation link, not executable filesystem access. No prompt injection, data exfiltration intent, or malicious behavior was found in SKILL.md.
شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.
https://skillstore.io/skills/eis-its-global-error-handling/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/eis-its-global-error-handling?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/eis-its-global-error-handling?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/eis-its-global-error-handling/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/eis-its-global-error-handling.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>EIS-ITS. (2026). global-error-handling security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/eis-its-global-error-handling/audits/8@techreport{eis-its-eis-its-global-error-handling-2026,
author = {EIS-ITS},
title = {global-error-handling security audit report (audit version 8)},
institution = {Skillstore},
year = {2026},
number = {8},
url = {https://skillstore.io/skills/eis-its-global-error-handling/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: "global-error-handling security audit report (audit version 8)"
version: "unspecified"
type: report
authors:
- name: "EIS-ITS"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/eis-its-global-error-handling/audits/8"
identifiers:
- type: other
value: "skillstore:eis-its-global-error-handling:audit:8"
description: "Skillstore immutable audit report identifier"
تبقى مهارة كل مؤلف عنصراً مستقلاً قابلاً للتثبيت. يُرتب المتغير الموصى به وفق أدلة Skillstore.
سبب تصدر هذا المتغير
eis-its-global-error-handling
2026-09-09
devanb-global-error-handling
2026-09-09
مراجعة معالجات API للتحقق من الصحة، والأخطاء المصنفة، والاستجابات الآمنة، وإعادة المحاولة، والتنظيف.
تصميم سلوك بديل سهل الاستخدام لمكونات React أو مكونات واجهة أمامية مشابهة.
تطبيق نهج واحد لمعالجة الأخطاء عبر الخدمات والأدوات والمكتبات المشتركة.
استخدم مهارة global-error-handling لمراجعة هذه الدالة بحثًا عن التحقق المفقود، والأخطاء غير الواضحة، وفجوات التنظيف.
استخدم مهارة global-error-handling لتصميم استجابات أخطاء API متسقة للتحقق من الصحة، والتفويض، والاعتماديات، والإخفاقات غير المتوقعة.
استخدم مهارة global-error-handling لإعادة هيكلة هذه الوحدة بحيث تستخدم أنواع استثناءات محددة، وتحافظ على الأسباب، وتتجنب ابتلاع الأخطاء.
استخدم مهارة global-error-handling لإنشاء استراتيجية أخطاء لإعادة المحاولة، والمهلات الزمنية، والسلوك البديل، والمراقبة، وتنظيف الموارد.
المؤلف
EIS-ITSالترخيص
MIT
مراجعة Skillstore
r1
تنبيه الإصدار
لم يعلن المؤلف عن إصدار.
مرجع
72d5025b022c77f7a51bdf5c1637c689c80e89d1
حداثة الصيانة
٢١/٧/٢٠٢٦
الاستخدام
7 تنزيلات · 208 مشاهدات
بنية الملفات
📄 SKILL.md
بناء مكونات واجهة أمامية قابلة لإعادة الاستخدام
تحتاج فرق الواجهة الأمامية إلى بنية مكونات متسقة عبر أطر العمل. ترشد هذه المهارة Claude وCodex وClaude Code إلى تصميم مكونات واجهة مستخدم مركزة وقابلة لإعادة الاستخدام.
تحسين إمكانية الوصول في الواجهات الأمامية
غالبا ما تفوّت فرق الواجهات الأمامية متطلبات لوحة المفاتيح والدلالات وقارئات الشاشة أثناء العمل الروتيني على واجهات المستخدم. ترشد هذه المهارة Claude وCodex وClaude Code إلى تطبيق فحوصات إمكانية الوصول أثناء إنشاء الواجهات أو تعديلها.
تطبيق أسلوب ترميز متسق
تؤدي الشيفرة غير المتسقة إلى إبطاء المراجعات وتجعل الصيانة أصعب. تمنح هذه المهارة Claude وCodex وClaude Code قواعد واضحة لكتابة شيفرة قابلة للقراءة ومتسقة.
اكتب اختبارات سلوك مركزة
غالبا ما تضيف الفرق اختبارات هشة تعكس تفاصيل التنفيذ بدلا من سلوك المستخدم. ترشد هذه المهارة Claude وCodex وClaude Code إلى كتابة اختبارات مركزة لسير العمل الحرج.
بناء CSS متسق للواجهات الأمامية
غالبا ما تنحرف تنسيقات الواجهة الأمامية عبر الملفات والمكونات وأطر العمل. توجه هذه المهارة Claude وCodex وClaude Code نحو أساليب CSS ورموز تصميم متسقة.
التحقق من المدخلات عبر نقاط الدخول
غالبا ما يصبح التحقق من المدخلات غير متسق عبر النماذج وواجهات API وقواعد الأعمال. توجه هذه المهارة Claude وCodex وClaude Code نحو أنماط تحقق آمنة.
مراجعة أساسيات معالجة الأخطاء
بواسطة DanielPodolsky
تخفي معالجة الأخطاء الضعيفة حالات الفشل، وتربك المستخدمين، وتبطئ تصحيح الأخطاء في الإنتاج. ترشد هذه المهارة المراجعات نحو رسائل واضحة، ومسارات استرداد، وسجلات مفيدة.
بناء وكلاء Claude Code
بواسطة C0ntr0lledCha0s
يتطلب إنشاء وكلاء AI موثوقين مخططات واضحة وأدوات آمنة وخطوات مراجعة قابلة للتكرار. ترشد هذه المهارة تصميم الوكلاء والتحقق منهم وترحيلهم وصيانتهم ضمن سير عمل Claude Code.
تنسيق JSON مع تحقق واضح
بواسطة EnactProtocol
يصعب مراجعة JSON المضغوط، كما أن البيانات غير الصالحة تبطئ تصحيح الأخطاء. تتحقق هذه المهارة من JSON وتعيد نسخة نظيفة ذات إزاحة بادئة مع عرض الأخطاء.
تحسين معالجة أخطاء Rust
بواسطة EmilLindfors
تخفي العديد من قواعد كود Rust حالات الفشل خلف panics أو أخطاء غامضة. تراجع هذه المهارة الأنماط وتقترح تحسينات اصطلاحية باستخدام Result وthiserror وanyhow.
تحديث معالجة Core DSL بأمان
بواسطة 7nohe
يمكن أن تؤدي تغييرات Core DSL إلى كسر سلوك التحقق، والتطبيع، والمقارنة، والتصحيح. تمنح هذه المهارة Claude وCodex وClaude Code سير عمل مركزا لتحديثات الحزمة الأساسية بأمان.
إنشاء أمثلة برمجية جاهزة للتعليم
بواسطة 92Bilal26
تعرض العديد من أمثلة الكود الصياغة دون بناء الفهم. تساعد هذه المهارة Claude وCodex وClaude Code على إنشاء أمثلة تتضمن السياق والتحقق والملاءمة للمتعلم.