📦
component-refactoring
75إعادة هيكلة مكونات React بأمان
تؤدي مكونات React الكبيرة إلى إبطاء المراجعة والاختبار والصيانة. يوجه هذا skill استخراج hooks، وتقسيم المكونات، والتحقق المتوافق مع Dify.
البرمجة والتطوير عرض
المهارات frontend-code-review
📦
frontend-code-review
مراجعة المحتوى r1 آمن 🌐 الوصول إلى الشبكة⚙️ الأوامر الخارجية
مراجعة تغييرات واجهة Dify الأمامية
غالبا ما تفوت مراجعات الواجهة الأمامية مشكلات إمكانية الوصول، وحدود البيانات، وملكية المكوّنات. تمنح هذه المهارة Claude وCodex قائمة تحقق مركزة لمراجعات كود Dify React وNext.js.
يدعم: Claude Codex Code(CC)
التثبيت باستخدام Agent لدي
انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.
طلب الوكيل
Review the Skillstore skill "frontend-code-review" from https://skillstore.io/skills/langgenius-frontend-code-review.md and its manifest at https://skillstore.io/api/skills/langgenius-frontend-code-review/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.
موارد مهيّأة لـ Agents
استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.
اختبرها
جارٍ استخدام "frontend-code-review". راجع التغييرات المعلقة في مربع حوار الإعدادات.
النتيجة المتوقعة:
- يتم ترتيب النتائج حسب درجة الخطورة.
- تتضمن كل نتيجة ملفا وسطرًا عند توفرهما.
- تشرح الاستجابة سبب أهمية المشكلة وتقدم اتجاه إصلاح ملموسا.
جارٍ استخدام "frontend-code-review". راجع إعادة هيكلة مكوّن لم يتم العثور فيها على مشكلات.
النتيجة المتوقعة:
لم يتم العثور على مشكلات. تذكر الاستجابة أيضا الاختبارات التي لم يتم تشغيلها وأي حدود متبقية للمراجعة.
جارٍ استخدام "frontend-code-review". دقق نموذجا يستخدم عناصر تحكم مخصصة.
النتيجة المتوقعة:
- تتحقق المراجعة من الأسماء القابلة للوصول، وتسميات الحقول، وسلوك لوحة المفاتيح، والحالات المعطلة، والتعافي من الأخطاء.
- تتجنب الملاحظات المتعلقة بالأسلوب فقط ما لم تتسبب في مشكلة مرئية للمستخدم.
التدقيق الأمني
آمنv6 • ٩/٧/٢٠٢٦ فتح التقرير المرتبط بالإصدار
All static findings are false positives from Markdown formatting, repository path references, a public guideline URL, and frontend review prose. No evidence found of executable command use, covert network behavior, prompt injection, or malicious intent in the reviewed files.
9
الملفات التي تم فحصها
753
الأسطر التي تم تحليلها
0
عناصر المراجعة
0
تم تجاهل الإيجابيات الكاذبة
عوامل الخطر
🌐 الوصول إلى الشبكة (3)
لم يكتشف أحدث تدقيق ثابت ودلالي مكتمل أي نتائج أمنية مؤكدة. ولا يثبت ذلك أن المهارة خالية من الآثار الجانبية.
دقّقه: claude عرض سجل التدقيق →
شارك واستشهد بهذا التقرير
شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.
نسخ رابط التقرير
https://skillstore.io/skills/langgenius-frontend-code-review/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportشارة Markdown
[](https://skillstore.io/skills/langgenius-frontend-code-review?utm_source=security_passport_badge)شارة HTML
<a href="https://skillstore.io/skills/langgenius-frontend-code-review?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/langgenius-frontend-code-review/security.svg" alt="Skillstore security assessment" loading="lazy"></a>بطاقة قابلة للتضمين
<iframe src="https://skillstore.io/embed/skills/langgenius-frontend-code-review.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
langgenius. (2026). frontend-code-review security audit report (audit version 6) [Author version unspecified]. Skillstore. https://skillstore.io/skills/langgenius-frontend-code-review/audits/6اقتباس BibTeX
@techreport{langgenius-langgenius-frontend-code-review-2026,
author = {langgenius},
title = {frontend-code-review security audit report (audit version 6)},
institution = {Skillstore},
year = {2026},
number = {6},
url = {https://skillstore.io/skills/langgenius-frontend-code-review/audits/6},
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: "frontend-code-review security audit report (audit version 6)"
version: "unspecified"
type: report
authors:
- name: "langgenius"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/langgenius-frontend-code-review/audits/6"
identifiers:
- type: other
value: "skillstore:langgenius-frontend-code-review:audit:6"
description: "Skillstore immutable audit report identifier"
تقييم Skillstore
سبب هذا التقييم موثوقية الأدلة: مرتفع 45
الهندسة المعمارية
85
قابلية الصيانة
87
المحتوى
70
المجتمع
83
الامتثال للمواصفات
ما الذي يمكنك بناؤه
مراجعة pull request قبل الدمج
تحقق من ملفات React وNext.js المتغيرة بحثا عن تراجعات مرئية للمستخدم، ومشكلات إمكانية الوصول، وفجوات الاختبار.
تدقيق إعادة هيكلة مكوّن Dify UI
تحقق من بقاء ملكية المكوّن، واستخدام العناصر الأولية، وسلوك التركيز، وعقود التفاعل صحيحة.
التحقق من تدفقات بيانات الواجهة الأمامية عالية المخاطر
راجع مفاتيح الاستعلام، والتحويرات، وحدود SSR، وحالة URL، وافتراضات مساحة العمل أو المصادقة قبل الإصدار.
جرّب هذه الموجّهات
راجع تغييرات الواجهة الأمامية المعلقة لدي
Use the frontend-code-review skill to review my pending Dify frontend changes. Focus on correctness, accessibility, and clear fixes.
راجع ملف مكوّن محددا
Use the frontend-code-review skill to review web/path/to/component.tsx. Check component ownership, Dify UI usage, accessibility, and test coverage.
دقق تدفق طبقة متراكبة أو نموذج
Use the frontend-code-review skill to audit this dialog or form flow. Verify labels, focus behavior, keyboard access, disabled states, and popup reachability.
نفذ مراجعة واجهة أمامية مانعة للإصدار
Use the frontend-code-review skill for a thorough release-blocking review. Prioritize P0 and P1 issues in data contracts, SSR behavior, accessibility, performance, and tests.
أفضل الممارسات
- قدم الملفات أو الفرق أو نطاق pull request الدقيق الذي تريد مراجعته.
- اذكر ما إذا كان يجب أن تكون المراجعة سريعة أو شاملة أو مانعة للإصدار.
- شغّل الاختبارات ذات الصلة أو شارك قيود الاختبار حتى تتمكن المراجعة من تضمين المخاطر المتبقية.
تجنب
- لا تستخدمها للكود الخاص بالخلفية فقط ضمن مسارات api.
- لا تطلب تفضيلات أسلوب واسعة من دون خطر واجهة أمامية ملموس.
- لا تعامل المقاطع الملصقة على أنها كاملة عندما يكون سياق الملكية أو إمكانية الوصول المحيط مهما.
الأسئلة المتكررة
ما المشاريع التي صممت هذه المهارة من أجلها؟
إنها مصممة لكود واجهة Dify الأمامية، خاصة تغييرات web، وpackages/dify-ui، وReact، وNext.js، وTypeScript.
هل يمكنها مراجعة مشكلات إمكانية الوصول؟
نعم. تتعامل مع الوصول عبر لوحة المفاتيح، وسلوك التركيز، والتسميات، والحالات المعطلة، وإمكانية الوصول إلى النوافذ المنبثقة بوصفها مسائل صحة.
هل تشغل الاختبارات تلقائيا؟
لا. إنها توجه المراجعة وقد توصي باختبارات، لكن تنفيذ الاختبارات يعتمد على طلب المستخدم وإعداد المشروع المتاح.
هل ستصلح النتائج؟
ليس افتراضيا. تطلب المهارة من المساعد الإبلاغ عن النتائج ما لم يطلب المستخدم التنفيذ صراحة.
لماذا تشير إلى إرشادات خارجية؟
تطلب من المراجعين جلب Web Interface Guidelines الحالية عندما تحتاج نتائج واجهة المستخدم أو إمكانية الوصول إلى أحدث خط أساس.
هل يمكن لـ Codex استخدام هذه المهارة؟
نعم. يدرج التقرير Claude وCodex وClaude Code كأدوات مدعومة.
تفاصيل المطور
المؤلف
langgeniusالترخيص
MIT
مراجعة Skillstore
r1
تنبيه الإصدار
لم يعلن المؤلف عن إصدار.
مرجع
1ffa7643651792ccb4bd3b15d924d2c97edff755
حداثة الصيانة
٢٠/٧/٢٠٢٦
الاستخدام
103 تنزيلات · 212 مشاهدات
بنية الملفات
المزيد من langgenius
عرض الكلمهارات ذات صلة
عرض الكل📦
vercel-react-best-practices
80تحسين أداء React و Next.js
بواسطة vercel-labs
غالبا ما تفقد تطبيقات React و Next.js سرعتها بسبب waterfalls، والحزم الكبيرة، وعمليات إعادة التصيير التي يمكن تجنبها. تمنح هذه المهارة الوكلاء قواعد ملموسة لإجراء تغييرات أكثر أمانا تركز على الأداء.
البرمجة والتطوير عرض
📦
vercel-react-view-transitions
82تنفيذ React View Transitions
بواسطة vercel-labs
من السهل وضع انتقالات عرض React في المكان غير المناسب، مما يؤدي إلى رسوم متحركة صامتة أو مزعجة. ترشد هذه المهارة اختيارات الرسوم المتحركة للمسارات وSuspense والقوائم والعناصر المشتركة.
البرمجة والتطوير عرض
📦
senior-frontend
81إنشاء ميزات واجهة أمامية جاهزة للإنتاج
بواسطة davila7
تحتاج فرق الواجهة الأمامية إلى إرشادات متسقة حول React وNext.js عبر المشاريع. توفر هذه المهارة سير عمل مرجعيًا وممارسات للجودة وبرامج نصية مساعدة لتحليل الواجهة الأمامية.
البرمجة والتطوير عرض
📦
senior-fullstack
82أنشئ تطبيقات Fullstack بإرشاد خبير
بواسطة alirezarezvani
غالبًا ما تحتاج مشاريع Fullstack إلى إعداد متسق، وخيارات معمارية، وفحوصات جودة. توفر هذه المهارة سكربتات ومراجع للعمل على React وNext.js وNode.js وGraphQL وPostgreSQL.
البرمجة والتطوير عرض
📦
code-reviewer
83مراجعة الكود باستخدام فحوصات جودة منظمة
بواسطة alirezarezvani
قد تفوّت مراجعات الكود مشكلات في الجودة والأمان وقابلية الصيانة. ترشد هذه المهارة إلى إجراء مراجعات منظمة باستخدام نصوص برمجية وقوائم تحقق وإنشاء التقارير.
البرمجة والتطوير عرض
📦
swiftui-expert-skill
82ابنِ ميزات SwiftUI أفضل
بواسطة avdlee
يمكن أن تتراكم في مشاريع SwiftUI واجهات API مهملة، وحالة هشة، وتحديثات بطيئة للواجهات. توفر هذه المهارة إرشادات مركزة لكتابة كود SwiftUI حديث وقابل للصيانة.
البرمجة والتطوير عرض