المهارات Frontend API Client with JWT
📦

Frontend API Client with JWT

v1.0.0 مراجعة المحتوى r2 آمن

بناء عملاء JWT API لـ Next.js

غالبا ما تكرر تطبيقات الواجهة الأمامية معالجة الرموز المميزة وتحليل الأخطاء. ترشد هذه المهارة Claude أو Codex أو Claude Code إلى تصميم عميل API واحد مدرك لـ JWT.

يدعم: Claude Codex Code(CC)
🥉 78 برونزي

التثبيت باستخدام Agent لدي

انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.

طلب الوكيل
Review the Skillstore skill "Frontend API Client with JWT" from https://skillstore.io/skills/abdul-haseeb360-frontend-api-client-with-jwt.md and its manifest at https://skillstore.io/api/skills/abdul-haseeb360-frontend-api-client-with-jwt/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.

موارد مهيّأة لـ Agents

استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.

تفاصيل Markdown GET /skills/abdul-haseeb360-frontend-api-client-with-jwt.md manifest موقَّع GET /api/skills/abdul-haseeb360-frontend-api-client-with-jwt/manifest lockfile موقَّع GET /api/skills/abdul-haseeb360-frontend-api-client-with-jwt/lockfile

اختبرها

جارٍ استخدام "Frontend API Client with JWT". صمم عميلا مدركا لـ JWT للوحة معلومات Next.js.

النتيجة المتوقعة:

  • يجب أن يتولى العميل المشترك التعامل مع عنوان URL الأساسي، وترويسات Authorization، والمهلات الزمنية، وتحليل الاستجابات.
  • يجب أن يعمل تحديث الرمز المميز مرة واحدة للطلبات المتزامنة، ثم يعيد محاولة الطلبات المؤهلة بعد نجاح التحديث.
  • يجب أن تؤدي حالات فشل المصادقة إلى مسح حالة الجلسة وتوجيه المستخدمين إلى تدفق تسجيل الدخول.

جارٍ استخدام "Frontend API Client with JWT". راجع سلوك تحديث الرمز المميز من حيث الموثوقية.

النتيجة المتوقعة:

  • تحقق من انتهاء صلاحية الرمز المميز قبل الطلبات، وتعامل مع استجابات 401 كمحفز محتمل للتحديث.
  • امنع استدعاءات تحديث متعددة ومتزامنة عندما تفشل طلبات كثيرة معا.
  • اختبر فشل التحديث، والرمز المميز غير الصالح، وانتهاء مهلة الشبكة، وسيناريوهات رفض الإذن.

جارٍ استخدام "Frontend API Client with JWT". اسرد اعتبارات الأمان لمعالجة الرموز المميزة في الواجهة الأمامية.

النتيجة المتوقعة:

  • استخدم HTTPS لكل طلب مصادق عليه وتجنب تسجيل قيم الرموز المميزة.
  • اختر التخزين بناء على متطلبات XSS وCSRF والتصيير من جانب الخادم.
  • أعد رسائل خطأ آمنة للمستخدم مع إبقاء التشخيصات الحساسة خارج واجهة المستخدم.

التدقيق الأمني

آمن
v10 • ١٨‏/٧‏/٢٠٢٦ فتح التقرير المرتبط بالإصدار

All six static detections are false positives caused by ordinary JWT, HTTP error-handling, React context, and testing language. SKILL.md provides conceptual defensive implementation guidance and contains no evidence of reconnaissance, data exfiltration, prompt injection, or harmful behavior.

1
الملفات التي تم فحصها
171
الأسطر التي تم تحليلها
0
عناصر المراجعة
0
تم تجاهل الإيجابيات الكاذبة
لم يكتشف أحدث تدقيق ثابت ودلالي مكتمل أي نتائج أمنية مؤكدة. ولا يثبت ذلك أن المهارة خالية من الآثار الجانبية.
دقّقه: claude عرض سجل التدقيق →
شارك واستشهد بهذا التقرير

شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.

فتح التقرير المرتبط بالإصدار
تقييم الأمان

نسخ رابط التقرير

https://skillstore.io/skills/abdul-haseeb360-frontend-api-client-with-jwt/audits/10?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

شارة Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/abdul-haseeb360-frontend-api-client-with-jwt/security.svg)](https://skillstore.io/skills/abdul-haseeb360-frontend-api-client-with-jwt?utm_source=security_passport_badge)

شارة HTML

<a href="https://skillstore.io/skills/abdul-haseeb360-frontend-api-client-with-jwt?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/abdul-haseeb360-frontend-api-client-with-jwt/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

بطاقة قابلة للتضمين

<iframe src="https://skillstore.io/embed/skills/abdul-haseeb360-frontend-api-client-with-jwt.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

Claude. (2026). Frontend API Client with JWT security audit report (audit version 10) [Author version 1.0.0]. Skillstore. https://skillstore.io/skills/abdul-haseeb360-frontend-api-client-with-jwt/audits/10

اقتباس BibTeX

@techreport{claude-abdul-haseeb360-frontend-api-client-with-jwt-2026, author = {Claude}, title = {Frontend API Client with JWT security audit report (audit version 10)}, institution = {Skillstore}, year = {2026}, number = {10}, url = {https://skillstore.io/skills/abdul-haseeb360-frontend-api-client-with-jwt/audits/10}, note = {Author version 1.0.0} }

CITATION.cff

cff-version: 1.2.0 message: "If you use this Skill, cite its author and this versioned security audit report." title: "Frontend API Client with JWT security audit report (audit version 10)" version: "1.0.0" type: report authors: - name: "Claude" date-released: "2026-07-18" url: "https://skillstore.io/skills/abdul-haseeb360-frontend-api-client-with-jwt/audits/10" identifiers: - type: other value: "skillstore:abdul-haseeb360-frontend-api-client-with-jwt:audit:10" description: "Skillstore immutable audit report identifier"

تقييم Skillstore

سبب هذا التقييم موثوقية الأدلة: مرتفع
55
الهندسة المعمارية
100
قابلية الصيانة
87
المحتوى
70
المجتمع
65
الامتثال للمواصفات

ما الذي يمكنك بناؤه

إنشاء طبقة API مشتركة

خطط لعميل قابل لإعادة الاستخدام يوحد الطلبات والاستجابات والأخطاء وسلوك المصادقة.

مراجعة بنية المصادقة

تحقق مما إذا كان تطبيق Next.js يتعامل مع تحديث الرمز المميز وإعادة التوجيه وحدود الخادم/العميل بشكل متسق.

تصميم تغطية اختبارات المصادقة

حدد سيناريوهات الاختبار للرموز المميزة الصالحة، والرموز المنتهية الصلاحية، وفشل التحديث، والطلبات المتزامنة، واستجابات الأخطاء.

جرّب هذه الموجّهات

تخطيط عميل أساسي 
صمم عميل API مركزيا وبسيطا لتطبيقي في Next.js. تضمّن إرفاق ترويسة JWT، والتعامل مع عنوان URL الأساسي، واستجابات الأخطاء الأساسية.
إضافة تحديث الرمز المميز 
وسّع تصميم عميل API لدي بفحوصات انتهاء صلاحية JWT، وتحديث الرمز المميز، وسلوك إعادة المحاولة، والتعامل مع إعادة التوجيه عند فشل التحديث.
دعم استخدام React 
اعرض كيفية إتاحة عميل API من خلال React hooks أو سياق React مع الحفاظ على اتساق معالجة الرمز المميز عبر المكونات.
تدقيق البنية 
راجع عميل Next.js JWT API المخطط له من حيث الأمان والأداء والتزامن ومعالجة الأخطاء وفجوات تغطية الاختبارات.

أفضل الممارسات

  • احتفظ بإرفاق الرمز المميز وتحديثه وتحليل الأخطاء في طبقة عميل مشتركة واحدة.
  • نمذج سياقات التنفيذ على جانب العميل وجانب الخادم قبل اختيار تخزين الرمز المميز.
  • اختبر انتهاء الصلاحية، وفشل التحديث، والطلبات المتزامنة، وأخطاء التفويض.

تجنب

  • لا تكرر منطق ترويسة Authorization عبر مكونات كثيرة.
  • لا تكشف قيم الرموز المميزة الخام أو تفاصيل الخادم الحساسة في السجلات أو أخطاء واجهة المستخدم.
  • لا تعد محاولة كل طلب فاشل دون التحقق من الحالة والطريقة وحالة التحديث.

الأسئلة المتكررة

هل تولد هذه المهارة عميل API كاملا؟
توفر إرشادات تنفيذ ومطالبات بنية، لكنها لا تقدم حزمة مصدر كاملة.
هل يمكن استخدامها مع Next.js App Router؟
نعم. تغطي الإرشادات سياقات جانب العميل وجانب الخادم ذات الصلة بمشاريع App Router.
هل تتطلب مصادقة JWT؟
نعم. صممت المهارة لرموز الوصول القائمة على JWT وتدفقات التحديث.
هل يمكنها المساعدة في اختيار تخزين الرمز المميز؟
يمكنها مقارنة خيارات مثل ملفات تعريف الارتباط وتخزين المتصفح، لكن الاختيار النهائي يعتمد على نموذج التهديد لديك.
هل تغطي معالجة الأخطاء؟
نعم. توضح التعامل مع أخطاء المصادقة، وأخطاء التفويض، وأخطاء HTTP العامة، وفشل الشبكة.
هل هي مفيدة للاختبار؟
نعم. تسرد مجالات اختبار إرفاق الرمز المميز، وسلوك التحديث، والرموز غير الصالحة، والتعامل مع الطلبات المتزامنة.

تفاصيل المطور

المؤلف

Claude

الترخيص

MIT

إصدار المؤلف

v1.0.0

مراجعة Skillstore

r2

المستودع

https://github.com/Abdul-Haseeb360/Hackathon-II-AI-Native-Systems/tree/main/.claude/skills/frontend-api-client

مرجع

80999bf530a7874d7bedf8ce202001ecb4c4f5e0

حداثة الصيانة

٢٠‏/٧‏/٢٠٢٦

الاستخدام

5 تنزيلات · 177 مشاهدات

بنية الملفات

📄 SKILL.md

المزيد من Claude

مهارات ذات صلة

عرض الكل
📦

playwright-testing

86

تحسين تغطية اختبارات Playwright

بواسطة C0ntr0lledCha0s

يمكن أن تصبح مجموعات اختبارات Playwright غير مستقرة عندما تكون الإعدادات والمحددات وfixtures غير متسقة. تمنحك هذه المهارة أنماطًا عملية لاختبارات متصفح موثوقة، وتصحيح الأخطاء، وكائنات صفحات قابلة لإعادة الاستخدام.

البرمجة والتطوير عرض