widgets-ui
أنشئ ودجات React مدفوعة بـ JSON
غالبًا ما تحتاج استجابات الوكلاء إلى واجهات أكثر ثراءً من النص العادي. توضّح هذه المهارة كيفية عرض JSON منظم للودجات كمكونات واجهة مستخدم في React و Next.js.
التثبيت باستخدام Agent لدي
انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.
Review the Skillstore skill "widgets-ui" from https://skillstore.io/skills/inferen-sh-widgets-ui.md and its manifest at https://skillstore.io/api/skills/inferen-sh-widgets-ui/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.
موارد مهيّأة لـ Agents
استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.
اختبرها
جارٍ استخدام "widgets-ui". أنشئ ودجت ملخص حجز لرحلة من SFO إلى JFK.
النتيجة المتوقعة:
تخطيط بطاقة مدمج يحتوي على المغادرة والوصول وحالة الرحلة وتفاصيل التوقيت وإجراء واضح واحد لعرض خط سير الرحلة.
جارٍ استخدام "widgets-ui". خطط لنموذج جمع عملاء محتملين لطلب عرض توضيحي للمنتج.
النتيجة المتوقعة:
بنية نموذج تحتوي على حقول تواصل ومنطقة رسالة ومربع اختيار للموافقة وإجراء submit وملاحظات حول التحقق من جانب الخادم.
جارٍ استخدام "widgets-ui". راجع ودجت مولدًا قبل إضافته إلى تطبيقي.
النتيجة المتوقعة:
مراجعة موجزة تغطي أنواع الودجات المدعومة والتسميات المفقودة ومصادر الصور غير الآمنة ومسؤوليات التعامل مع الإجراءات.
التدقيق الأمني
مخاطر متوسطةMost static command findings are false positives caused by Markdown fences, inline code, or non-executing TypeScript and JSON examples. Three findings contain real installation commands, while the remote registry and external image create limited network exposure. The unrelated belt CLI recommendation adds a contextual supply-chain concern.
مخاوف أمنية مؤكدة (1)
عناصر مراجعة القدرات (5)
هذه قدرات محلية حقيقية قد يُتوقع وجودها لهذه المهارة، لذا فهي تتطلب مراجعة ولكن لا تُحتسب كسلوك خبيث مؤكد.
عوامل الخطر
⚙️ الأوامر الخارجية (25)
🌐 الوصول إلى الشبكة (8)
شارك واستشهد بهذا التقرير
شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.
نسخ رابط التقرير
https://skillstore.io/skills/inferen-sh-widgets-ui/audits/7?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportشارة Markdown
[](https://skillstore.io/skills/inferen-sh-widgets-ui?utm_source=security_passport_badge)شارة HTML
<a href="https://skillstore.io/skills/inferen-sh-widgets-ui?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/inferen-sh-widgets-ui/security.svg" alt="Skillstore security assessment" loading="lazy"></a>بطاقة قابلة للتضمين
<iframe src="https://skillstore.io/embed/skills/inferen-sh-widgets-ui.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
inferen-sh. (2026). widgets-ui security audit report (audit version 7) [Author version unspecified]. Skillstore. https://skillstore.io/skills/inferen-sh-widgets-ui/audits/7اقتباس BibTeX
@techreport{inferen-sh-inferen-sh-widgets-ui-2026,
author = {inferen-sh},
title = {widgets-ui security audit report (audit version 7)},
institution = {Skillstore},
year = {2026},
number = {7},
url = {https://skillstore.io/skills/inferen-sh-widgets-ui/audits/7},
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: "widgets-ui security audit report (audit version 7)"
version: "unspecified"
type: report
authors:
- name: "inferen-sh"
date-released: "2026-08-06"
url: "https://skillstore.io/skills/inferen-sh-widgets-ui/audits/7"
identifiers:
- type: other
value: "skillstore:inferen-sh-widgets-ui:audit:7"
description: "Skillstore immutable audit report identifier"
مقارنة المتغيرات
2 متغيرات قابلة للتثبيتتبقى مهارة كل مؤلف عنصراً مستقلاً قابلاً للتثبيت. يُرتب المتغير الموصى به وفق أدلة Skillstore.
سبب تصدر هذا المتغير
inference-sh-9-widgets-ui
2026-09-09
inferen-sh-widgets-ui
2026-09-09
تقييم Skillstore
سبب هذا التقييم موثوقية الأدلة: مرتفعما الذي يمكنك بناؤه
عرض نماذج الوكلاء
أنشئ ودجات نماذج تفاعلية من مخرجات الوكيل المنظمة لتدفقات التواصل أو الإدخال أو الملاحظات.
عرض بطاقات ديناميكية
حوّل بيانات المساعدين إلى بطاقات مرئية مدمجة للحجوزات والملخصات ولوحات الحالة.
إنشاء نموذج أولي لواجهة مستخدم توليدية
استكشف واجهات مستخدم مدفوعة بـ JSON قبل الالتزام بتصاميم مكونات React مخصصة.
جرّب هذه الموجّهات
استخدم widgets-ui لإنشاء ودجت بسيط يحتوي على نص وزر لصفحة React. اشرح بنية الودجت بلغة بسيطة.
استخدم widgets-ui لتصميم ودجت نموذج تواصل يحتوي على الاسم والبريد الإلكتروني والرسالة وإجراء submit. أدرج اعتبارات التحقق.
استخدم widgets-ui لتخطيط بطاقة حجز سفر تتضمن المسار والحالة والتوقيت وإجراءً أساسيًا واضحًا.
راجع مخطط الودجت المخطط هذا من حيث سهولة الاستخدام وإمكانية الوصول والتعامل مع الإجراءات والمحتوى الخارجي غير الآمن قبل التنفيذ.
أفضل الممارسات
- راجع محتوى السجل البعيد قبل تشغيل أوامر التثبيت.
- تحقق من بيانات الودجات القادمة من الوكلاء قبل عرضها في الإنتاج.
- اجعل معالجات الإجراءات محددة وضيقة ومرتبطة بسير عمل معروف في التطبيق.
تجنب
- لا تعرض عناوين URL للصور غير الموثوقة دون تحقق أو تمرير عبر وسيط.
- لا تسمح للودجات المولدة بتشغيل إجراءات ذات صلاحيات عالية دون تأكيد.
- لا تعامل المخططات النموذجية كنموذج أمان أو إمكانية وصول كامل.
الأسئلة المتكررة
ما الذي تساعد هذه المهارة في بنائه؟
هل تثبت المكونات تلقائيًا؟
ما المشاريع التي يمكنها استخدامها؟
هل يمكن لـ Claude أو Codex أو Claude Code استخدامها؟
هل تتحقق من JSON الخاص بالودجات؟
ما مراجعة الأمان المطلوبة؟
تفاصيل المطور
المؤلف
inferen-shالترخيص
MIT
مراجعة Skillstore
r2
تنبيه الإصدار
لم يعلن المؤلف عن إصدار.
مرجع
4121de961d1b6f2ffca856260e239505c302452c
حداثة الصيانة
١١/٨/٢٠٢٦
الاستخدام
7 تنزيلات · 129 مشاهدات
بنية الملفات
📄 SKILL.md