frontend-components
79بناء مكونات واجهة أمامية قابلة لإعادة الاستخدام
تحتاج فرق الواجهة الأمامية إلى بنية مكونات متسقة عبر أطر العمل. ترشد هذه المهارة Claude وCodex وClaude Code إلى تصميم مكونات واجهة مستخدم مركزة وقابلة لإعادة الاستخدام.
تطبيق أسلوب ترميز متسق
تؤدي الشيفرة غير المتسقة إلى إبطاء المراجعات وتجعل الصيانة أصعب. تمنح هذه المهارة Claude وCodex وClaude Code قواعد واضحة لكتابة شيفرة قابلة للقراءة ومتسقة.
انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.
Review the Skillstore skill "global-coding-style" from https://skillstore.io/skills/eis-its-global-coding-style.md and its manifest at https://skillstore.io/api/skills/eis-its-global-coding-style/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.
استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.
جارٍ استخدام "global-coding-style". يطلب مطور مراجعة أسلوب module مساعد قبل إرسال pull request.
النتيجة المتوقعة:
جارٍ استخدام "global-coding-style". يسأل قائد فريق عما إذا كانت عدة ملفات تتبع معايير قابلية القراءة المشتركة.
النتيجة المتوقعة:
The only static finding is a parent-directory sequence in a Markdown link in SKILL.md. I judged it a false positive because it is a fixed documentation reference, not executable filesystem access or a user-controlled path. No prompt injection, exfiltration intent, or business-logic abuse was found in the scanned file.
شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.
https://skillstore.io/skills/eis-its-global-coding-style/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/eis-its-global-coding-style?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/eis-its-global-coding-style?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/eis-its-global-coding-style/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/eis-its-global-coding-style.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-coding-style security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/eis-its-global-coding-style/audits/8@techreport{eis-its-eis-its-global-coding-style-2026,
author = {EIS-ITS},
title = {global-coding-style security audit report (audit version 8)},
institution = {Skillstore},
year = {2026},
number = {8},
url = {https://skillstore.io/skills/eis-its-global-coding-style/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-coding-style 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-coding-style/audits/8"
identifiers:
- type: other
value: "skillstore:eis-its-global-coding-style:audit:8"
description: "Skillstore immutable audit report identifier"
تبقى مهارة كل مؤلف عنصراً مستقلاً قابلاً للتثبيت. يُرتب المتغير الموصى به وفق أدلة Skillstore.
سبب تصدر هذا المتغير
eis-its-global-coding-style
2026-09-09
devanb-global-coding-style
2026-09-09
تنظيف التسمية والتنسيق والبنية قبل فتح طلب pull request.
تطبيق قواعد مشتركة لقابلية القراءة عبر ملفات كتبها مساهمون مختلفون.
الحفاظ على اتساق التغييرات المولدة بالذكاء الاصطناعي مع توقعات عملية لقابلية الصيانة.
راجع الملف المحدد بحثا عن أسماء غير واضحة للمتغيرات والدوال والفئات والملفات. اقترح أسماء أوضح مع أسباب موجزة.
أعد هيكلة هذه الشيفرة لتحسين قابلية القراءة. أبق السلوك دون تغيير، وأزل الشيفرة الميتة، واجعل الدوال أسهل فهما.
ابحث عن المنطق المتكرر في هذه الملفات. اقترح دوال مساعدة مركزة أو تغييرات بنيوية تقلل التكرار دون إخفاء القصد.
دقق هذا module من حيث اتساق أسلوب الترميز العام. غط التسمية، وحجم الدوال، وافتراضات التنسيق، والتكرار، والشيفرة الميتة، ومخاطر قابلية الصيانة.
المؤلف
EIS-ITSالترخيص
MIT
مراجعة Skillstore
r1
تنبيه الإصدار
لم يعلن المؤلف عن إصدار.
مرجع
72d5025b022c77f7a51bdf5c1637c689c80e89d1
حداثة الصيانة
١٨/٧/٢٠٢٦
الاستخدام
14 تنزيلات · 249 مشاهدات
بنية الملفات
📄 SKILL.md
بناء مكونات واجهة أمامية قابلة لإعادة الاستخدام
تحتاج فرق الواجهة الأمامية إلى بنية مكونات متسقة عبر أطر العمل. ترشد هذه المهارة Claude وCodex وClaude Code إلى تصميم مكونات واجهة مستخدم مركزة وقابلة لإعادة الاستخدام.
تحسين إمكانية الوصول في الواجهات الأمامية
غالبا ما تفوّت فرق الواجهات الأمامية متطلبات لوحة المفاتيح والدلالات وقارئات الشاشة أثناء العمل الروتيني على واجهات المستخدم. ترشد هذه المهارة Claude وCodex وClaude Code إلى تطبيق فحوصات إمكانية الوصول أثناء إنشاء الواجهات أو تعديلها.
اكتب اختبارات سلوك مركزة
غالبا ما تضيف الفرق اختبارات هشة تعكس تفاصيل التنفيذ بدلا من سلوك المستخدم. ترشد هذه المهارة Claude وCodex وClaude Code إلى كتابة اختبارات مركزة لسير العمل الحرج.
بناء CSS متسق للواجهات الأمامية
غالبا ما تنحرف تنسيقات الواجهة الأمامية عبر الملفات والمكونات وأطر العمل. توجه هذه المهارة Claude وCodex وClaude Code نحو أساليب CSS ورموز تصميم متسقة.
التحقق من المدخلات عبر نقاط الدخول
غالبا ما يصبح التحقق من المدخلات غير متسق عبر النماذج وواجهات API وقواعد الأعمال. توجه هذه المهارة Claude وCodex وClaude Code نحو أنماط تحقق آمنة.
تحسين معالجة أخطاء التطبيق
يمكن أن تخفي معالجة الأخطاء غير المتسقة الإخفاقات وتربك المستخدمين. توجه هذه المهارة Claude وCodex وClaude Code نحو استثناءات واضحة، والتحقق من الصحة، والتنظيف، ومسارات الاسترداد.
تحليل أنماط الكود والمعمارية
بواسطة C0ntr0lledCha0s
تخفي قواعد الكود الكبيرة بُنى متكررة وخيارات معمارية غير واضحة. تعثر هذه المهارة على الأنماط، وتشرح الهدف منها، وتبرز فرص إعادة الهيكلة العملية.
إعادة هيكلة الكود بأمان
بواسطة supercent-io
الكود المعقد يبطئ إجراء التغييرات ويزيد خطر الانحدارات. ترشد هذه المهارة إلى عمليات إعادة هيكلة تحافظ على السلوك باستخدام الاختبارات وأنماط الاستخراج وخطوات التحقق.
تحسين جودة الكود من خلال مراجعات Clean Code
بواسطة sickn33
الكود الفوضوي يبطئ المراجعات، وإعادة الهيكلة، والعمل على الميزات. ترشد هذه المهارة Claude وCodex وClaude Code عبر فحوصات عملية وفق مبادئ Clean Code.
البحث في الشيفرة حسب بنية AST
بواسطة 0xDarkMatter
تُغفل عمليات البحث النصي العلاقات الدلالية وتنتج تطابقات كثيرة غير دقيقة. تستخدم هذه المهارة أنماط ast-grep لتحديد بُنى الشيفرة والتحضير لعمليات إعادة هيكلة مركزة.
مراجعة الكود باستخدام فحوصات جودة منظمة
بواسطة alirezarezvani
قد تفوّت مراجعات الكود مشكلات في الجودة والأمان وقابلية الصيانة. ترشد هذه المهارة إلى إجراء مراجعات منظمة باستخدام نصوص برمجية وقوائم تحقق وإنشاء التقارير.
العثور على سياق الكود بشكل أسرع
بواسطة 89jobrien
غالبًا ما يضيع المطورون وقتًا في تتبع سبب وجود الكود وما الذي يعتمد عليه. توجه هذه المهارة Claude أو Codex أو Claude Code إلى جمع معرفة الرسم البياني ذات الصلة، والمستدعين، والاستيرادات، والاختبارات قبل إجراء التغييرات.