senior-frontend
إنشاء ميزات واجهة أمامية جاهزة للإنتاج
تحتاج فرق الواجهة الأمامية إلى إرشادات متسقة حول React وNext.js عبر المشاريع. توفر هذه المهارة سير عمل مرجعيًا وممارسات للجودة وبرامج نصية مساعدة لتحليل الواجهة الأمامية.
التثبيت باستخدام Agent لدي
انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.
Review the Skillstore skill "senior-frontend" from https://skillstore.io/skills/davila7-senior-frontend.md and its manifest at https://skillstore.io/api/skills/davila7-senior-frontend/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.
موارد مهيّأة لـ Agents
استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.
اختبرها
جارٍ استخدام "senior-frontend". راجع مكوّن لوحة معلومات React هذا من حيث قابلية الصيانة.
النتيجة المتوقعة:
مراجعة مرتبة حسب الأولوية تغطي حدود المكونات والحالة المتكررة وثغرات إمكانية الوصول وخطوات إعادة الهيكلة المستهدفة.
جارٍ استخدام "senior-frontend". حلّل مسار Next.js هذا بحثًا عن مشكلات في الأداء.
النتيجة المتوقعة:
تقرير أداء موجز يتضمن مخاوف التصيير وفرص التخزين المؤقت وملاحظات الأصول وخطوات القياس.
جارٍ استخدام "senior-frontend". ساعد في تحديد قواعد الواجهة الأمامية لمشروع فريق جديد.
النتيجة المتوقعة:
قائمة تحقق للفريق تغطي البنية والتسمية وملكية الحالة وأساسيات الأمان والاختبار وتوقعات المراجعة.
التدقيق الأمني
آمنAll static findings were adjudicated as false positives. The skill contains local documentation, sample developer commands, and simple scripts that write user-requested JSON output, with no evidence of prompt injection, credential exfiltration, or hidden command execution.
عوامل الخطر
📁 الوصول إلى نظام الملفات (3)
⚙️ الأوامر الخارجية (24)
شارك واستشهد بهذا التقرير
شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.
نسخ رابط التقرير
https://skillstore.io/skills/davila7-senior-frontend/audits/13?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportشارة Markdown
[](https://skillstore.io/skills/davila7-senior-frontend?utm_source=security_passport_badge)شارة HTML
<a href="https://skillstore.io/skills/davila7-senior-frontend?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/davila7-senior-frontend/security.svg" alt="Skillstore security assessment" loading="lazy"></a>بطاقة قابلة للتضمين
<iframe src="https://skillstore.io/embed/skills/davila7-senior-frontend.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>الاستشهادات الأكاديمية (APA · BibTeX · CFF)
اقتباس APA
davila7. (2026). senior-frontend security audit report (audit version 13) [Author version unspecified]. Skillstore. https://skillstore.io/skills/davila7-senior-frontend/audits/13اقتباس BibTeX
@techreport{davila7-davila7-senior-frontend-2026,
author = {davila7},
title = {senior-frontend security audit report (audit version 13)},
institution = {Skillstore},
year = {2026},
number = {13},
url = {https://skillstore.io/skills/davila7-senior-frontend/audits/13},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "senior-frontend security audit report (audit version 13)"
version: "unspecified"
type: report
authors:
- name: "davila7"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/davila7-senior-frontend/audits/13"
identifiers:
- type: other
value: "skillstore:davila7-senior-frontend:audit:13"
description: "Skillstore immutable audit report identifier"
مقارنة المتغيرات
2 متغيرات قابلة للتثبيتتبقى مهارة كل مؤلف عنصراً مستقلاً قابلاً للتثبيت. يُرتب المتغير الموصى به وفق أدلة Skillstore.
سبب تصدر هذا المتغير
davila7-senior-frontend
2026-09-09
alirezarezvani-senior-frontend
2026-09-09
تقييم Skillstore
سبب هذا التقييم موثوقية الأدلة: مرتفعما الذي يمكنك بناؤه
تخطيط ميزة للواجهة الأمامية
استخدم المراجع لاختيار بنية React وحدود الحالة وفحوصات الجودة قبل التنفيذ.
مراجعة أداء تطبيق ويب
شغّل أداة التحليل المساعدة واستخدم دليل التحسين لتنظيم أعمال المتابعة.
توحيد ممارسات الفريق
حوّل الإرشادات المضمنة بشأن الجودة والأمان وقابلية الصيانة إلى قواعد مشتركة للمشروع.
جرّب هذه الموجّهات
استخدم هذه المهارة لمراجعة خطة مكوّن React الخاصة بي. حدّد مشكلات البنية والحالات المفقودة ومتطلبات إمكانية الوصول والتحسينات البسيطة.
استخدم هذه المهارة لمراجعة صفحة Next.js هذه بحثًا عن تحسينات في الأداء وتحميل البيانات والتخزين المؤقت والتصيير. أعطِ الأولوية للتغييرات القابلة للتنفيذ.
استخدم هذه المهارة لصياغة معايير للواجهة الأمامية تشمل React وTypeScript وTailwind CSS والاختبار وقابلية الصيانة. اجعل القواعد عملية.
استخدم هذه المهارة لتدقيق بنية واجهة أمامية. قيّم إدارة الحالة وحدود المكونات ومخاطر الحزمة وممارسات الأمان وخطوات الترحيل.
أفضل الممارسات
- راجع الإرشادات المُنشأة وفقًا للإصدار الفعلي لإطار العمل وقيود المشروع.
- اطلب التأكيد قبل تشغيل أوامر التثبيت أو النشر أو كتابة الملفات الواردة في الوثائق.
- استخدم البرامج النصية المساعدة لإعداد التقارير فقط بعد تأكيد مسارات الهدف والإخراج.
تجنب
- لا تتعامل مع البرامج النصية النائبة باعتبارها أدوات تحليل إنتاجية متكاملة.
- لا تشغّل أوامر Docker أو kubectl أو npm أو pip تلقائيًا من خلال هذه المهارة.
- لا تنسخ ملفات البيئة فوق الإعدادات المحلية الموجودة دون التحقق أولًا.
الأسئلة المتكررة
هل تُنشئ هذه المهارة مكونات React متكاملة؟
هل يمكنها تحسين تطبيق Next.js تلقائيًا؟
هل تدعم Claude وCodex وClaude Code؟
هل تصل المهارة إلى الشبكة؟
لماذا تمثل أمثلة الأوامر خطرًا؟
هل ينبغي للمستخدمين تشغيل البرامج النصية المساعدة مباشرةً؟
تفاصيل المطور
المؤلف
davila7الترخيص
MIT
مراجعة Skillstore
r1
تنبيه الإصدار
لم يعلن المؤلف عن إصدار.
مرجع
b959ebfd1043a07c0c4378ab94ca4342cb0259f5
حداثة الصيانة
٢٢/٧/٢٠٢٦
الاستخدام
16 تنزيلات · 197 مشاهدات