frontend-components
79بناء مكونات واجهة أمامية قابلة لإعادة الاستخدام
تحتاج فرق الواجهة الأمامية إلى بنية مكونات متسقة عبر أطر العمل. ترشد هذه المهارة Claude وCodex وClaude Code إلى تصميم مكونات واجهة مستخدم مركزة وقابلة لإعادة الاستخدام.
اكتب تعليقات كود واضحة
تصبح التعليقات الضعيفة قديمة وتخفي نية التصميم المهمة. تساعد هذه المهارة Claude وCodex وClaude Code على كتابة تعليقات موجزة تشرح المنطق غير البديهي.
انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.
Review the Skillstore skill "global-commenting" from https://skillstore.io/skills/eis-its-global-commenting.md and its manifest at https://skillstore.io/api/skills/eis-its-global-commenting/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.
استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.
جارٍ استخدام "global-commenting". تحتوي دالة على تعليق يقول إنها تغيرت أثناء ترحيل حديث.
النتيجة المتوقعة:
استبدله بتفسير ثابت للثابت المنطقي الذي أدخله الترحيل.
جارٍ استخدام "global-commenting". يجمع فحص صلاحيات معقد بين دور المستخدم وحالة الحساب وfeature flags.
النتيجة المتوقعة:
جارٍ استخدام "global-commenting". يسأل مراجع ما إذا كان كل helper يحتاج إلى docstring.
النتيجة المتوقعة:
أضف docstrings فقط عندما يحتاج المستدعون إلى معلومات عن العقد أو الأثر الجانبي أو الحدود.
The static filesystem finding is confirmed because SKILL.md references a parent-directory standards file outside the skill folder. No evidence of prompt injection or other semantic abuse was found in the scanned file, but the external reference makes the effective instructions unaudited.
هذه قدرات محلية حقيقية قد يُتوقع وجودها لهذه المهارة، لذا فهي تتطلب مراجعة ولكن لا تُحتسب كسلوك خبيث مؤكد.
شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.
https://skillstore.io/skills/eis-its-global-commenting/audits/10?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/eis-its-global-commenting?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/eis-its-global-commenting?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/eis-its-global-commenting/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/eis-its-global-commenting.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-commenting security audit report (audit version 10) [Author version unspecified]. Skillstore. https://skillstore.io/skills/eis-its-global-commenting/audits/10@techreport{eis-its-eis-its-global-commenting-2026,
author = {EIS-ITS},
title = {global-commenting security audit report (audit version 10)},
institution = {Skillstore},
year = {2026},
number = {10},
url = {https://skillstore.io/skills/eis-its-global-commenting/audits/10},
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-commenting security audit report (audit version 10)"
version: "unspecified"
type: report
authors:
- name: "EIS-ITS"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/eis-its-global-commenting/audits/10"
identifiers:
- type: other
value: "skillstore:eis-its-global-commenting:audit:10"
description: "Skillstore immutable audit report identifier"
تبقى مهارة كل مؤلف عنصراً مستقلاً قابلاً للتثبيت. يُرتب المتغير الموصى به وفق أدلة Skillstore.
سبب تصدر هذا المتغير
devanb-global-commenting
2026-09-09
eis-its-global-commenting
2026-09-09
أضف تعليقات موجزة للخوارزميات وقواعد العمل والمفاضلات غير البديهية.
راجع التعليقات أثناء الصيانة واستبدل الملاحظات القديمة بتفسيرات قابلة للاستمرار.
تحقق مما إذا كانت التعليقات المضافة تشرح النية دون تكرار الكود المقروء.
راجع هذا الملف وحدد المواضع التي ستضيف فيها التعليقات سياقًا دائمًا. فضل تحسين الأسماء أو البنية عندما يكون التعليق غير ضروري.
راجع التعليقات الحالية في هذا التغيير. أعد كتابة التعليقات القديمة أو المؤقتة أو التي تركز على التعديلات الحديثة.
أضف تعليقات لقواعد العمل غير البديهية في هذه الوحدة. اشرح النية والقيود والمفاضلات دون إعادة صياغة كل سطر.
دقق جودة التعليقات في هذا المكون عبر الدوال والفئات وAPIs. اقترح نهجًا موجزًا لكتابة التعليقات للتغييرات المستقبلية.
المؤلف
EIS-ITSالترخيص
MIT
مراجعة Skillstore
r1
تنبيه الإصدار
لم يعلن المؤلف عن إصدار.
مرجع
26421118b848d9f1efc0aa169d8a7a9e7e0a877e
حداثة الصيانة
٢١/٧/٢٠٢٦
الاستخدام
7 تنزيلات · 216 مشاهدات
بنية الملفات
📄 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 نحو أنماط تحقق آمنة.
مراجعة الكود باستخدام فحوصات جودة منظمة
بواسطة alirezarezvani
قد تفوّت مراجعات الكود مشكلات في الجودة والأمان وقابلية الصيانة. ترشد هذه المهارة إلى إجراء مراجعات منظمة باستخدام نصوص برمجية وقوائم تحقق وإنشاء التقارير.
إدارة التطوير المعتمد على السياق
بواسطة wshobson
تفقد المشاريع المدعومة بالذكاء الاصطناعي اتساقها عندما تكون أهداف المنتج، وخيارات الحزمة التقنية، وقواعد سير العمل مبعثرة. ترشد هذه المهارة Claude وCodex وClaude Code عبر عناصر سياق Conductor.
إدارة سير عمل وكلاء البرمجة
بواسطة kiwi-phantomworks
قد تنحرف مشاريع وكلاء البرمجة عندما تكون المهام والنطاق والفحوصات غير واضحة. توفر هذه المهارة قوالب لإدارة المنتجات وقواعد مراجعة تُبقي عمل Claude وCodex وClaude Code محدد النطاق وقابلاً للتحقق.
راجع طلبات السحب على GitHub بشكل أسرع
بواسطة Bind
غالبًا ما يتطلب تنسيق مراجعة الكود فحوصات وتعليقات متكررة باستخدام GitHub CLI. توثق هذه المهارة مساعدات مراجعة PR للفرز، والبحث عن الإرشادات، والملاحظات المضمنة.
تحسين أداء React و Next.js
بواسطة vercel-labs
غالبا ما تفقد تطبيقات React و Next.js سرعتها بسبب waterfalls، والحزم الكبيرة، وعمليات إعادة التصيير التي يمكن تجنبها. تمنح هذه المهارة الوكلاء قواعد ملموسة لإجراء تغييرات أكثر أمانا تركز على الأداء.
مراجعة التعليمات البرمجية المتغيرة من حيث الأمان والجودة
بواسطة DavidDworetzky
قد تخفي تغييرات التعليمات البرمجية مخاطر تتعلق بالأمان والأداء والصحة. تراجع هذه المهارة فروق Git وفق إرشادات OWASP وORM.