react-observability
تحسين قابلية مراقبة React
غالبًا ما تختبئ إخفاقات React خلف عمليات إرجاع صامتة ورسائل خطأ ضعيفة. تمنح هذه المهارة Claude وCodex وClaude Code أنماطًا عملية للسجلات والتتبع والتشخيصات الأكثر أمانًا.
التثبيت باستخدام Agent لدي
انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.
Review the Skillstore skill "react-observability" from https://skillstore.io/skills/cjharmath-react-observability.md and its manifest at https://skillstore.io/api/skills/cjharmath-react-observability/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.
موارد مهيّأة لـ Agents
استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.
اختبرها
جارٍ استخدام "react-observability". يفشل تدفق دفع في React دون سجلات مفيدة.
النتيجة المتوقعة:
- قائمة بالفروع الصامتة التي تحتاج إلى سجلات تحذير أو خطأ.
- معرّفات تدفق موصى بها لخطوات الدفع ونقاط الفشل.
- حقول حساسة يجب تنقيحها قبل التسجيل أو الإبلاغ.
جارٍ استخدام "react-observability". يلتقط مكوّن الأخطاء لكنه يعرض رسالة عامة فقط.
النتيجة المتوقعة:
- بنية رسالة تشخيصية أوضح للمطورين.
- إرشادات بديل آمن للمستخدم للواجهة المرئية.
- سياق مقترح للإبلاغ عن أخطاء الإنتاج دون أسرار.
جارٍ استخدام "react-observability". يريد فريق اصطلاح تسجيل مشتركًا لـ React.
النتيجة المتوقعة:
- مستويات تسجيل موصى بها ومتى يُستخدم كل مستوى.
- قائمة تحقق لعمليات الإرجاع المبكر ولقطات الحالة وحدود الأخطاء.
- أنماط مضادة يجب تجنبها قبل دمج أدوات القياس الجديدة.
التدقيق الأمني
آمنAll static findings were adjudicated as false positives from Markdown formatting or TypeScript examples. I found no executable skill code, prompt injection attempt, credential access, shell execution, or malicious intent in SKILL.md.
عوامل الخطر
⚙️ الأوامر الخارجية (50)
🔑 متغيرات البيئة (4)
شارك واستشهد بهذا التقرير
شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.
نسخ رابط التقرير
https://skillstore.io/skills/cjharmath-react-observability/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportشارة Markdown
[](https://skillstore.io/skills/cjharmath-react-observability?utm_source=security_passport_badge)شارة HTML
<a href="https://skillstore.io/skills/cjharmath-react-observability?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/cjharmath-react-observability/security.svg" alt="Skillstore security assessment" loading="lazy"></a>بطاقة قابلة للتضمين
<iframe src="https://skillstore.io/embed/skills/cjharmath-react-observability.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
CJHarmath. (2026). react-observability security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/cjharmath-react-observability/audits/8اقتباس BibTeX
@techreport{cjharmath-cjharmath-react-observability-2026,
author = {CJHarmath},
title = {react-observability security audit report (audit version 8)},
institution = {Skillstore},
year = {2026},
number = {8},
url = {https://skillstore.io/skills/cjharmath-react-observability/audits/8},
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: "react-observability security audit report (audit version 8)"
version: "unspecified"
type: report
authors:
- name: "CJHarmath"
date-released: "2026-07-05"
url: "https://skillstore.io/skills/cjharmath-react-observability/audits/8"
identifiers:
- type: other
value: "skillstore:cjharmath-react-observability:audit:8"
description: "Skillstore immutable audit report identifier"
تقييم Skillstore
سبب هذا التقييم موثوقية الأدلة: مرتفعما الذي يمكنك بناؤه
إضافة تدفقات React قابلة للتصحيح
استخدم المهارة لإضافة سجلات واضحة حول التدفقات غير المتزامنة وتغييرات الحالة وعمليات الإرجاع المبكر.
تحسين سياق حوادث الإنتاج
استخدم الأنماط لالتقاط تفاصيل أخطاء مفيدة مع تجنب البيانات الحساسة في التقارير.
توحيد ممارسات التسجيل لدى الفريق
استخدم قائمة التحقق والأمثلة لمواءمة مساهمي React وReact Native حول كود قابل للمراقبة.
جرّب هذه الموجّهات
استخدم مهارة react-observability لمراجعة كود React هذا. حدِّد عمليات الإرجاع الصامتة ورسائل الخطأ الضعيفة وسجلات السياق المفقودة.
استخدم مهارة react-observability لإضافة تسجيل منظم إلى تدفق React هذا. ضمِّن مستويات السجلات وكائنات السياق وإرشادات تنقيح البيانات الحساسة.
استخدم مهارة react-observability لتصميم معالجة الأخطاء لهذه الميزة. ضمِّن مساعدات التأكيد وحدود الأخطاء ونقاط الإبلاغ في الإنتاج.
استخدم مهارة react-observability لتحليل مسار حادث الإنتاج هذا. أوصِ بالسجلات ولقطات الحالة ومعرّفات التدفق وقواعد التنقيح.
أفضل الممارسات
- سجّل سبب خروج الكود مبكرًا، وضمّن فقط السياق اللازم لتشخيص ذلك الفرع.
- نقّح الحقول الحساسة قبل إرسال السياق إلى وحدات التحكم أو خدمات الإبلاغ عن الأخطاء.
- استخدم معرّفات تدفق متسقة حتى يمكن تتبع إجراء مستخدم واحد عبر خطوات متعددة.
تجنب
- لا تضف تفريغات واسعة للحالة إلى سجلات الإنتاج دون مراجعة الخصوصية.
- لا تتجاهل الأخطاء الملتقطة بعد تسجيلها إلا إذا كان السلوك مقصودًا وموثقًا.
- لا تترك تسجيل التصحيح المؤقت مفعّلًا دون علامة أو خطة إزالة واضحة.