📦
tailwind-css
78بناء واجهات Tailwind CSS متجاوبة
يمكن أن تصبح مشاريع Tailwind غير متسقة عبر المكونات ونقاط التوقف. ترشد هذه المهارة إلى فئات الأدوات المتجاوبة، وإعداد السمة، والوضع الداكن، وفحوصات إمكانية الوصول.
البرمجة والتطوير عرض
المهارات chatkit-widget
📦
chatkit-widget
مراجعة المحتوى r1 مخاطر عالية ⚡ يحتوي على سكربتات⚙️ الأوامر الخارجية🌐 الوصول إلى الشبكة🔑 متغيرات البيئة
دمج ودجتات ChatKit في React
تتطلب إضافة ودجت دردشة إلى تطبيق React تحميلًا دقيقًا على جهة العميل، وإعدادًا صحيحًا، وتعاملًا آمنًا مع بيانات الاعتماد. توفر هذه المهارة أنماط تنفيذ مركزة لودجتات ChatKit في Next.js وReact.
يدعم: Claude Codex Code(CC)
توقف واطلب التأكيد قبل التثبيت.
راجع الخطة واحصل على موافقة صريحة من المستخدم قبل تغيير الملفات.
التثبيت باستخدام Agent لدي
انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.
طلب الوكيل
Review the Skillstore skill "chatkit-widget" from https://skillstore.io/skills/awais68-chatkit-widget.md and its manifest at https://skillstore.io/api/skills/awais68-chatkit-widget/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.
موارد مهيّأة لـ Agents
استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.
اختبرها
جارٍ استخدام "chatkit-widget". أضف ودجت دردشة إلى تخطيط Next.js App Router.
النتيجة المتوقعة:
خطة تنفيذ موجزة تتضمن موقع المكوّن، ونقطة تكامل التخطيط، ومتغيرات البيئة، وملاحظات التحميل على جهة العميل فقط.
جارٍ استخدام "chatkit-widget". اجعل الودجت متاحًا للمعلمين وأولياء الأمور فقط.
النتيجة المتوقعة:
نهج وصول قائم على الأدوار يقرأ أدوار الجلسة، ويختار رسالة الترحيب المناسبة، ويخفي الودجت عن المستخدمين غير المدعومين.
جارٍ استخدام "chatkit-widget". حضّر إرشادات إنتاج لإعداد ChatKit.
النتيجة المتوقعة:
- استخدم أسرارًا خاصة بالخادم فقط لاستدعاءات API الصاعدة.
- قيّد نقاط نهاية الوكيل وطرقه بالإجراءات المعتمدة.
- تجنب تسجيل نصوص الرسائل أو تفاصيل المستخدم الخاصة.
التدقيق الأمني
مخاطر عاليةv9 • ٦/٧/٢٠٢٦ فتح التقرير المرتبط بالإصدار
Most static findings are false positives caused by Markdown code fences, TypeScript template literals, and legitimate configuration examples. No prompt injection was found in the reviewed files. The substantive risks are an overbroad server-side proxy that attaches a secret key to client-directed requests and examples that log chat content.
2
الملفات التي تم فحصها
804
الأسطر التي تم تحليلها
0
عناصر المراجعة
0
تم تجاهل الإيجابيات الكاذبة
مخاوف أمنية مؤكدة (2)
مرتفع
Overbroad API Proxy Uses Server Secret
The sample API route accepts endpoint, method, and payload from the client, then forwards the request with CHATKIT_SECRET. Without authentication, exact route mapping, and per-user authorization, clients could use the server as a privileged ChatKit proxy.
The code shows client-controlled routing fields and a bearer secret attached to the upstream request. The only visible restriction is a startsWith endpoint allowlist, with no authentication check in the route.
متوسط
Chat Message Content Logged
The examples log complete chat message data and user message text. Copying this into production can expose private support conversations through browser logs or analytics debugging.
The cited examples explicitly log outbound chat message objects and message text. Legitimate debugging is possible, but the guidance conflicts with privacy-safe production behavior.
عوامل الخطر
⚡ يحتوي على سكربتات (1)
⚙️ الأوامر الخارجية (43)
SKILL.md:18 SKILL.md:19 SKILL.md:20 SKILL.md:21 SKILL.md:25-40 SKILL.md:40-46 SKILL.md:46-133 SKILL.md:133-137 SKILL.md:137-151 SKILL.md:151-157 SKILL.md:157-206 SKILL.md:206-322 SKILL.md:329-344 SKILL.md:344-348 SKILL.md:348-387 SKILL.md:387-393 SKILL.md:393-424 SKILL.md:424-428 SKILL.md:428-448 SKILL.md:448-454 SKILL.md:454-482 SKILL.md:482-486 SKILL.md:486-506 SKILL.md:506-510 SKILL.md:510-555 SKILL.md:555-559 SKILL.md:559-583 SKILL.md:583-587 SKILL.md:587-642 SKILL.md:642-658 SKILL.md:658-659 SKILL.md:659-660 SKILL.md:660-661 SKILL.md:661-662 SKILL.md:662-668 SKILL.md:668-679 SKILL.md:679-683 SKILL.md:683-695 SKILL.md:695-699 SKILL.md:699-706 SKILL.md:706-717 SKILL.md:717-721 SKILL.md:721-741
🌐 الوصول إلى الشبكة (4)
دقّقه: codex عرض سجل التدقيق →
شارك واستشهد بهذا التقرير
شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.
نسخ رابط التقرير
https://skillstore.io/skills/awais68-chatkit-widget/audits/9?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportشارة Markdown
[](https://skillstore.io/skills/awais68-chatkit-widget?utm_source=security_passport_badge)شارة HTML
<a href="https://skillstore.io/skills/awais68-chatkit-widget?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/awais68-chatkit-widget/security.svg" alt="Skillstore security assessment" loading="lazy"></a>بطاقة قابلة للتضمين
<iframe src="https://skillstore.io/embed/skills/awais68-chatkit-widget.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
Awais68. (2026). chatkit-widget security audit report (audit version 9) [Author version unspecified]. Skillstore. https://skillstore.io/skills/awais68-chatkit-widget/audits/9اقتباس BibTeX
@techreport{awais68-awais68-chatkit-widget-2026,
author = {Awais68},
title = {chatkit-widget security audit report (audit version 9)},
institution = {Skillstore},
year = {2026},
number = {9},
url = {https://skillstore.io/skills/awais68-chatkit-widget/audits/9},
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: "chatkit-widget security audit report (audit version 9)"
version: "unspecified"
type: report
authors:
- name: "Awais68"
date-released: "2026-07-06"
url: "https://skillstore.io/skills/awais68-chatkit-widget/audits/9"
identifiers:
- type: other
value: "skillstore:awais68-chatkit-widget:audit:9"
description: "Skillstore immutable audit report identifier"
تقييم Skillstore
سبب هذا التقييم موثوقية الأدلة: متوسط 45
الهندسة المعمارية
85
قابلية الصيانة
87
المحتوى
70
المجتمع
74
الامتثال للمواصفات
ما الذي يمكنك بناؤه
إضافة دردشة دعم إلى بوابة
تضمين ودجت دعم عائم في بوابة مدرسة أو مكتب مساعدة أو عملاء مع نصوص وألوان متوافقة مع الهوية.
تقييد الدردشة حسب دور المستخدم
عرض إمكانية الوصول إلى الدردشة بناءً على أدوار المستخدم مثل طالب أو معلم أو ولي أمر أو مسؤول أو ضيف.
توثيق عمليات الودجت
إنشاء دليل استخدام بسيط يشرح الإعداد، واستكشاف الأخطاء وإصلاحها، والتخصيص لفرق التطبيقات.
جرّب هذه الموجّهات
إضافة ودجت أساسي
استخدم هذه المهارة لإضافة ودجت ChatKit إلى تطبيق Next.js الحالي لدي. أبقِ الإعداد بسيطًا واشرح كل ملف أحتاج إلى تعديله.
تخصيص هوية الودجت
استخدم هذه المهارة لضبط ألوان ودجت ChatKit، وموضعه، ونص الترحيب، وسلوكه على الأجهزة المحمولة بما يناسب هوية منتجنا.
ربط المستخدمين الموثّقين
استخدم هذه المهارة لتمرير دور المستخدم الموثّق، ومعرّفه، واسمه المعروض إلى ودجت ChatKit دون كشف أسرار الخادم.
تقوية وكيل إنتاج
استخدم هذه المهارة لمراجعة تصميم وكيل ChatKit لدي من حيث المصادقة، وقوائم السماح لنقاط النهاية، وقيود الطرق، والتحقق من الحمولة، والتعامل مع الأسرار.
أفضل الممارسات
- أبقِ مفاتيح المشروع العامة منفصلة عن الأسرار الخاصة بالخادم فقط.
- حمّل الودجت على جهة العميل لتجنب مشكلات التصيير على الخادم.
- استخدم قوائم سماح دقيقة لنقاط النهاية مع المصادقة قبل تمرير الطلبات عبر الوكيل.
تجنب
- لا تكشف المفاتيح السرية في إعدادات جهة العميل.
- لا تمرّر عبر الوكيل قيم نقاط نهاية أو طرق أو حمولات عشوائية من المتصفح.
- لا تسجل نصوص رسائل الدردشة في تحليلات الإنتاج أو مخرجات وحدة التحكم.
الأسئلة المتكررة
ما التطبيقات التي تدعمها هذه المهارة؟
تدعم تطبيقات Next.js وReact التي تحتاج إلى ودجت دردشة مضمّن بأسلوب ChatKit.
هل تنشئ هذه المهارة واجهة دردشة مخصصة؟
لا. تركز على دمج ودجت ChatKit موجود وضبطه.
هل يمكنني استخدامها مع مستخدمين موثّقين؟
نعم. توضح الأمثلة كيفية تمرير دور المستخدم ومعرّفه واسمه من جلسة التطبيق.
هل تتولى المهارة إعداد نموذج AI في الواجهة الخلفية؟
لا. لا تضبط الواجهة الخلفية لـ ChatKit ولا تختار نماذج AI.
هل أمثلة الوكيل جاهزة للإنتاج؟
ليست جاهزة دون مراجعة. أضف المصادقة، وتعيينًا صارمًا لنقاط النهاية، والتحقق من الحمولة، والتفويض قبل الاستخدام في الإنتاج.
ما أدوات الترميز المعتمدة على AI التي يمكنها استخدام هذه المهارة؟
يذكر التقرير دعم Claude وCodex وClaude Code.
تفاصيل المطور
المؤلف
Awais68الترخيص
MIT
مراجعة Skillstore
r1
تنبيه الإصدار
لم يعلن المؤلف عن إصدار.
مرجع
c4231f0153ccd2a2ed62274c5a372bf8f2386d3f
حداثة الصيانة
١٨/٧/٢٠٢٦
الاستخدام
6 تنزيلات · 180 مشاهدات
المزيد من Awais68
عرض الكل📦
react-component
78بناء مكوّنات React مكتوبة الأنواع
غالبًا ما يحتاج العمل على مكوّنات React إلى بنية متسقة، وhooks، واختبارات، وقصص، وفحوصات إمكانية الوصول. ترشد هذه المهارة Claude وCodex وClaude Code نحو مكوّنات React مكتوبة الأنواع وقابلة للاختبار.
البرمجة والتطوير عرض
📦
api-client
77بناء عملاء API مع تحديد الأنواع
يحتاج عملاء API إلى مصادقة وتخزين مؤقت وتحقق ومعالجة أخطاء متسقة. ترشد هذه المهارة إلى TanStack Query وAxios ومعترضات JWT وتحليل Zod والسلوك دون اتصال.
البرمجة والتطوير عرض
📦
auth-integration
77تنفيذ مصادقة Next.js آمنة
من السهل تحديد عمل المصادقة بشكل ناقص، ومن الصعب تأمينه. ترشد هذه المهارة Claude وCodex وClaude Code خلال النماذج والجلسات والمسارات المحمية وفحوصات الأدوار.
الأمان والامتثال عرض
📦
sqlmodel-crud
77بناء طبقات SQLModel CRUD
قد يكون تصميم نماذج SQLModel وكود CRUD بطيئًا عند وجود العلاقات وجلسات async. ترشد هذه المهارة Claude وCodex وClaude Code عبر النماذج والاستعلامات والعلاقات وإعداد قاعدة البيانات.
البرمجة والتطوير عرض
📦
data-validation
76التحقق من صحة البيانات باستخدام Pydantic و Zod
غالبا ما تنحرف واجهات API والنماذج عندما يتم نسخ قواعد التحقق بين الطبقات. تمنح هذه المهارة Claude وCodex وClaude Code أنماطا عملية للمخططات المشتركة، والأخطاء الواضحة، والتعامل الأكثر أمانا مع المدخلات.
البيانات والتحليلات عرض
مهارات ذات صلة
عرض الكل📦
senior-fullstack
82أنشئ تطبيقات Fullstack بإرشاد خبير
بواسطة alirezarezvani
غالبًا ما تحتاج مشاريع Fullstack إلى إعداد متسق، وخيارات معمارية، وفحوصات جودة. توفر هذه المهارة سكربتات ومراجع للعمل على React وNext.js وNode.js وGraphQL وPostgreSQL.
البرمجة والتطوير عرض
📦
vercel-react-view-transitions
82تنفيذ React View Transitions
بواسطة vercel-labs
من السهل وضع انتقالات عرض React في المكان غير المناسب، مما يؤدي إلى رسوم متحركة صامتة أو مزعجة. ترشد هذه المهارة اختيارات الرسوم المتحركة للمسارات وSuspense والقوائم والعناصر المشتركة.
البرمجة والتطوير عرض
📦
senior-frontend
81إنشاء ميزات واجهة أمامية جاهزة للإنتاج
بواسطة davila7
تحتاج فرق الواجهة الأمامية إلى إرشادات متسقة حول React وNext.js عبر المشاريع. توفر هذه المهارة سير عمل مرجعيًا وممارسات للجودة وبرامج نصية مساعدة لتحليل الواجهة الأمامية.
البرمجة والتطوير عرض
📦
nextjs-optimization
80تحسين أداء Next.js
بواسطة Atman36
قد تصبح تطبيقات Next.js بطيئة بسبب الحِزم الكبيرة، والتخزين المؤقت الضعيف، والوسائط غير المحسّنة. ترشد هذه المهارة Claude وCodex وClaude Code عبر تحسينات أداء مركّزة لتطبيقات الإنتاج.
البرمجة والتطوير عرض
📦
vercel-react-best-practices
80تحسين أداء React و Next.js
بواسطة vercel-labs
غالبا ما تفقد تطبيقات React و Next.js سرعتها بسبب waterfalls، والحزم الكبيرة، وعمليات إعادة التصيير التي يمكن تجنبها. تمنح هذه المهارة الوكلاء قواعد ملموسة لإجراء تغييرات أكثر أمانا تركز على الأداء.
البرمجة والتطوير عرض
📦
streaming-llm-responses
80بناء واجهات دردشة ذكاء اصطناعي بالبث المباشر
بواسطة Asmayaseen
تبدو دردشة الذكاء الاصطناعي في الوقت الفعلي معطلة عندما لا يستطيع المستخدمون رؤية التقدم أو حالة الاستجابة أو تغييرات واجهة المستخدم. تمنح هذه المهارة Claude وCodex وClaude Code أنماطا لدورات حياة البث، وأحداث التقدم، وتأثيرات العميل، وأدوات العميل.
البرمجة والتطوير عرض