frontend-components
79بناء مكونات واجهة أمامية قابلة لإعادة الاستخدام
تحتاج فرق الواجهة الأمامية إلى بنية مكونات متسقة عبر أطر العمل. ترشد هذه المهارة Claude وCodex وClaude Code إلى تصميم مكونات واجهة مستخدم مركزة وقابلة لإعادة الاستخدام.
تصميم نقاط نهاية REST API
تحتاج فرق Backend إلى مسارات ورموز حالة وأنماط طلبات متسقة. ترشد هذه المهارة تصميم REST API وتغييرات نقاط النهاية والتوثيق.
انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.
Review the Skillstore skill "backend-api" from https://skillstore.io/skills/eis-its-backend-api.md and its manifest at https://skillstore.io/api/skills/eis-its-backend-api/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.
استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.
جارٍ استخدام "backend-api". صمم نقاط نهاية لطلبات العملاء مع ترقيم صفحي ومرشحات حالة.
النتيجة المتوقعة:
جارٍ استخدام "backend-api". راجع تسمية المسارات لـ API مخزون ذي إصدارات.
النتيجة المتوقعة:
One static finding was confirmed. SKILL.md instructs the agent to follow a relative link outside the skill directory, which creates an unsafe filesystem dependency. No evidence of prompt injection, network activity, command execution, or data exfiltration was found.
هذه قدرات محلية حقيقية قد يُتوقع وجودها لهذه المهارة، لذا فهي تتطلب مراجعة ولكن لا تُحتسب كسلوك خبيث مؤكد.
شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.
https://skillstore.io/skills/eis-its-backend-api/audits/10?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/eis-its-backend-api?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/eis-its-backend-api?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/eis-its-backend-api/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/eis-its-backend-api.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). backend-api security audit report (audit version 10) [Author version unspecified]. Skillstore. https://skillstore.io/skills/eis-its-backend-api/audits/10@techreport{eis-its-eis-its-backend-api-2026,
author = {EIS-ITS},
title = {backend-api security audit report (audit version 10)},
institution = {Skillstore},
year = {2026},
number = {10},
url = {https://skillstore.io/skills/eis-its-backend-api/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: "backend-api 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-backend-api/audits/10"
identifiers:
- type: other
value: "skillstore:eis-its-backend-api:audit:10"
description: "Skillstore immutable audit report identifier"
تبقى مهارة كل مؤلف عنصراً مستقلاً قابلاً للتثبيت. يُرتب المتغير الموصى به وفق أدلة Skillstore.
سبب تصدر هذا المتغير
devanb-backend-api
2026-09-09
eis-its-backend-api
2026-09-09
تحديد المسارات والطرق وحقول الطلبات وسلوك الاستجابة ورموز الحالة لمورد Backend جديد.
مراجعة أسماء المسارات والتداخل والإصدارات ومعاملات الاستعلام لضمان الاتساق عبر خدمة.
تحويل سلوك نقاط النهاية إلى توثيق واضح لفرق العملاء ومواصفات OpenAPI.
صمم نقاط نهاية REST لمورد جديد باسم [resource]. قم بتضمين المسارات والطرق ورموز الحالة وسلوك الاستجابة.
راجع مسارات API هذه للتأكد من اتساقها مع REST. تحقق من التسمية والتداخل والطرق ومعاملات الاستعلام والإصدارات.
اقترح middleware للمصادقة والتحقق من الصحة وتحديد معدل الطلبات وتتبع الاستخدام لسطح API هذا.
أعد هيكلة عقد API هذا لتحقيق اتساق الموارد والترقيم الصفحي واستجابات الأخطاء ورموز الحالة وتحديثات التوثيق.
المؤلف
EIS-ITSالترخيص
MIT
مراجعة Skillstore
r1
تنبيه الإصدار
لم يعلن المؤلف عن إصدار.
مرجع
26421118b848d9f1efc0aa169d8a7a9e7e0a877e
حداثة الصيانة
٢٢/٧/٢٠٢٦
الاستخدام
12 تنزيلات · 235 مشاهدات
بنية الملفات
📄 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 نحو أنماط تحقق آمنة.
تصميم REST وGraphQL APIs بشكل أفضل
بواسطة supercent-io
تحتاج فرق API إلى عقود متسقة قبل بدء التنفيذ. ترشد هذه المهارة تصميم الموارد، وتنسيقات الطلبات، والأخطاء، وإدارة الإصدارات، والتوثيق.
تصميم واجهات REST وGraphQL موثوقة
بواسطة AutumnsGrove
تحتاج فرق API إلى نقاط نهاية ومصادقة وتوثيق متسقة. ترشد هذه المهارة قرارات تصميم REST وGraphQL وOpenAPI وإدارة الإصدارات والأمان.
بناء واجهات API خلفية موثوقة
بواسطة alirezarezvani
غالبًا ما تحتاج مشاريع الواجهة الخلفية إلى تخطيط متسق عبر APIs وقواعد البيانات والأمان والنشر. تمنح هذه المهارة Claude وCodex وClaude Code إرشادات منظمة للواجهة الخلفية مع سكربتات مساعدة بسيطة ومراجع.
تصميم عقود API جاهزة للإنتاج
بواسطة ArieGoldkin
غالبا ما تصمم الفرق واجهات API بموارد وأخطاء وإصدارات غير متسقة. توفر هذه المهارة أنماطا وقوائم تحقق وقوالب للعمل على REST وGraphQL وgRPC وOpenAPI وAsyncAPI.
بناء عملاء CloudBase HTTP API
بواسطة tencentcloudbase
تحتاج فرق CloudBase إلى تكاملات HTTP خام موثوقة عندما لا تكون SDKs متاحة. ترشد هذه المهارة إلى اختيار نقاط النهاية، والمصادقة، والبحث في OpenAPI، وإنشاء الطلبات بأمان.
بناء ميزات Laravel جاهزة للإنتاج
بواسطة sickn33
تحتاج مشاريع Laravel إلى بنية متسقة، والتحقق من صحة البيانات، والأمان، والانضباط في الأداء. توجه هذه المهارة Claude وCodex وClaude Code نحو حلول Laravel اصطلاحية.