frontend-components
79بناء مكونات واجهة أمامية قابلة لإعادة الاستخدام
تحتاج فرق الواجهة الأمامية إلى بنية مكونات متسقة عبر أطر العمل. ترشد هذه المهارة Claude وCodex وClaude Code إلى تصميم مكونات واجهة مستخدم مركزة وقابلة لإعادة الاستخدام.
مواءمة قرارات الحزمة التقنية
قد تُدخل الفرق أطر عمل أو خدمات أو أدوات بناء متعارضة عندما تكون قرارات الحزمة التقنية متفرقة. ترشد هذه المهارة Claude وCodex وClaude Code إلى اتباع معايير التقنية الموثقة.
انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.
Review the Skillstore skill "global-tech-stack" from https://skillstore.io/skills/eis-its-global-tech-stack.md and its manifest at https://skillstore.io/api/skills/eis-its-global-tech-stack/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.
استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.
جارٍ استخدام "global-tech-stack". هل يمكننا إضافة SDK جديد للدفع من أجل checkout؟
النتيجة المتوقعة:
التوصية: استخدم مزود الدفع المعتمد ما لم تتطلب المتطلبات SDK آخر. تشمل المخاطر تداخل الموردين، وتكرار webhooks، ومراجعة الامتثال.
جارٍ استخدام "global-tech-stack". أي إطار اختبار يجب أن يغطي API route جديدا؟
النتيجة المتوقعة:
استخدم إطار اختبار API الحالي في المشروع. أضف تغطية تكامل لسلوك route وتجنب إدخال مشغل ثان.
جارٍ استخدام "global-tech-stack". هل يجب أن تستخدم هذه الخدمة قاعدة بيانات جديدة؟
النتيجة المتوقعة:
ابدأ بقاعدة البيانات المعتمدة ما لم يبرر الحجم أو شكل البيانات أو متطلبات الامتثال تغييرا. وثق المفاضلات قبل الاعتماد.
One static filesystem finding is confirmed because SKILL.md line 29 uses a ../../../ relative link that escapes the skill directory. The system reconnaissance finding is a false positive; line 3 describes technology decision guidance, not host reconnaissance. No prompt injection or other semantic threats were found in SKILL.md.
هذه قدرات محلية حقيقية قد يُتوقع وجودها لهذه المهارة، لذا فهي تتطلب مراجعة ولكن لا تُحتسب كسلوك خبيث مؤكد.
شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.
https://skillstore.io/skills/eis-its-global-tech-stack/audits/10?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/eis-its-global-tech-stack?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/eis-its-global-tech-stack?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/eis-its-global-tech-stack/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/eis-its-global-tech-stack.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-tech-stack security audit report (audit version 10) [Author version unspecified]. Skillstore. https://skillstore.io/skills/eis-its-global-tech-stack/audits/10@techreport{eis-its-eis-its-global-tech-stack-2026,
author = {EIS-ITS},
title = {global-tech-stack security audit report (audit version 10)},
institution = {Skillstore},
year = {2026},
number = {10},
url = {https://skillstore.io/skills/eis-its-global-tech-stack/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-tech-stack 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-tech-stack/audits/10"
identifiers:
- type: other
value: "skillstore:eis-its-global-tech-stack:audit:10"
description: "Skillstore immutable audit report identifier"
تبقى مهارة كل مؤلف عنصراً مستقلاً قابلاً للتثبيت. يُرتب المتغير الموصى به وفق أدلة Skillstore.
سبب تصدر هذا المتغير
eis-its-global-tech-stack
2026-09-09
devanb-global-tech-stack
2026-09-09
قارن مكتبة مقترحة بمعايير المشروع قبل إضافتها إلى التطبيق.
تحقق من قرارات الخدمة وقاعدة البيانات وإطار العمل الجديدة مقابل إرشادات الحزمة المعتمدة.
ساعد المساهمين الجدد على فهم الأدوات والأنماط التي يتوقعها المشروع.
استخدم global-tech-stack لمراجعة ما إذا كانت [library] تلائم هذا المشروع. قارنها بمعايير الحزمة الحالية واسرد المخاوف.
استخدم global-tech-stack لاختيار أدوات لـ [feature]. أوص بخيارات تطابق أطر العمل الحالية وأدوات الاختبار وعملية البناء.
استخدم global-tech-stack لتخطيط تكامل مع [service]. حدد اصطلاحات الحزمة ومناطق الإعداد المطلوبة ومخاطر المراجعة.
استخدم global-tech-stack لتدقيق تغيير الحزمة هذا: [proposal]. قارنه بالمعايير المعتمدة وأوص بالقبول أو المراجعة أو الرفض.
المؤلف
EIS-ITSالترخيص
MIT
مراجعة Skillstore
r1
تنبيه الإصدار
لم يعلن المؤلف عن إصدار.
مرجع
26421118b848d9f1efc0aa169d8a7a9e7e0a877e
حداثة الصيانة
٢١/٧/٢٠٢٦
الاستخدام
7 تنزيلات · 207 مشاهدات
بنية الملفات
📄 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 نحو أنماط تحقق آمنة.
تحليل بنية المشروع
بواسطة CloudAI-X
من الصعب فهم قواعد الشيفرة الجديدة من دون عملية مراجعة قابلة للتكرار. تمنح هذه المهارة Claude وCodex وClaude Code سير عمل منظما لرسم خريطة المكدس والبنية والأوامر والاصطلاحات.
أنشئ تطبيقات متكاملة باستخدام أنماط هندسية متقدمة
بواسطة davila7
غالبًا ما تضيع الفرق وقتًا في مواءمة خيارات المكدس وإعداد المشروع وفحوصات الجودة. تمنح هذه المهارة Claude وCodex وClaude Code إرشادات متكاملة قابلة لإعادة الاستخدام ونصوصًا مساعدة.
تخطيط بنية Next.js App Router
بواسطة 89jobrien
قد تواجه فرق Next.js صعوبة في اختيار المسارات والمكونات وتحميل البيانات وخطوات الترحيل. توفر هذه المهارة إرشادات بنيوية منظمة لـ App Router وServer Components والأداء.
إعادة هيكلة Python باستخدام أنماط عملية
بواسطة wshobson
غالبا ما تتراكم في مشاريع Python أصناف متشابكة، ومسؤوليات مختلطة، وتجريدات سابقة لأوانها. توجه هذه المهارة Claude وCodex وClaude Code نحو بنية أبسط، وحدود أوضح، ومكونات قابلة للاختبار.
تصميم معماريات تطبيقات LangChain
بواسطة sickn33
يمكن أن تصبح تطبيقات LLM صعبة التنظيم مع نمو الوكلاء والذاكرة والاسترجاع والأدوات. ترشدك هذه المهارة في اختيارات تصميم LangChain وفحوصات الإنتاج.
تحليل قواعد الشيفرة لاستخراج منطق الأعمال
بواسطة DoubleslashSE
غالبا ما تخفي الأنظمة القائمة المتطلبات داخل الشيفرة والاختبارات والإعدادات. ترشد هذه المهارة إلى تحليل منظم يحول ملاحظات الشيفرة إلى توثيق أعمال واضح.