shadcn-ui
بناء واجهات React باستخدام shadcn/ui
غالبا ما تحتاج الفرق إلى مكونات React متسقة دون بناء كل نمط من الصفر. ترشد هذه المهارة Claude وCodex وClaude Code خلال إعداد shadcn/ui واستخدام المكونات والنماذج والسمات وأنماط registry.
التثبيت باستخدام Agent لدي
انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.
Review the Skillstore skill "shadcn-ui" from https://skillstore.io/skills/giuseppe-trisciuoglio-shadcn-ui.md and its manifest at https://skillstore.io/api/skills/giuseppe-trisciuoglio-shadcn-ui/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.
موارد مهيّأة لـ Agents
استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.
اختبرها
جارٍ استخدام "shadcn-ui". يطلب مطور صفحة إعدادات جديدة باستخدام مكونات shadcn/ui.
النتيجة المتوقعة:
خطة تنفيذ منظمة مع المكونات المختارة وأقسام التخطيط وملاحظات إمكانية الوصول ومتطلبات التحقق.
جارٍ استخدام "shadcn-ui". يريد فريق تخصيص سمة shadcn/ui للوضعين الفاتح والداكن.
النتيجة المتوقعة:
قائمة تحقق موجزة للسمات تغطي متغيرات CSS وإعداد Tailwind ومتغيرات المكونات ونقاط الاختبار.
جارٍ استخدام "shadcn-ui". يريد مهندس إضافة عنصر remote registry.
النتيجة المتوقعة:
قائمة تحقق لمراجعة registry تسلط الضوء على موثوقية المصدر والملفات المثبتة والمسارات المستهدفة وتغييرات التبعيات.
التدقيق الأمني
مخاطر متوسطةStatic analysis produced many alerts because the skill is documentation-heavy and uses Markdown code fences, schema URLs, and example CLI commands. Most pattern matches are false positives, but the skill should improve trust guidance for remote registries and avoid insecure authentication placeholders.
مخاوف أمنية مؤكدة (2)
عوامل الخطر
🌐 الوصول إلى الشبكة (60)
📁 الوصول إلى نظام الملفات (8)
⚙️ الأوامر الخارجية (117)
⚡ يحتوي على سكربتات (1)
🔑 متغيرات البيئة (2)
شارك واستشهد بهذا التقرير
شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.
نسخ رابط التقرير
https://skillstore.io/skills/giuseppe-trisciuoglio-shadcn-ui/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportشارة Markdown
[](https://skillstore.io/skills/giuseppe-trisciuoglio-shadcn-ui?utm_source=security_passport_badge)شارة HTML
<a href="https://skillstore.io/skills/giuseppe-trisciuoglio-shadcn-ui?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/giuseppe-trisciuoglio-shadcn-ui/security.svg" alt="Skillstore security assessment" loading="lazy"></a>بطاقة قابلة للتضمين
<iframe src="https://skillstore.io/embed/skills/giuseppe-trisciuoglio-shadcn-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
giuseppe-trisciuoglio. (2026). shadcn-ui security audit report (audit version 4) [Author version unspecified]. Skillstore. https://skillstore.io/skills/giuseppe-trisciuoglio-shadcn-ui/audits/4اقتباس BibTeX
@techreport{giuseppe-trisciuoglio-giuseppe-trisciuoglio-shadcn-ui-2026,
author = {giuseppe-trisciuoglio},
title = {shadcn-ui security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/giuseppe-trisciuoglio-shadcn-ui/audits/4},
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: "shadcn-ui security audit report (audit version 4)"
version: "unspecified"
type: report
authors:
- name: "giuseppe-trisciuoglio"
date-released: "2026-07-05"
url: "https://skillstore.io/skills/giuseppe-trisciuoglio-shadcn-ui/audits/4"
identifiers:
- type: other
value: "skillstore:giuseppe-trisciuoglio-shadcn-ui:audit:4"
description: "Skillstore immutable audit report identifier"
مقارنة المتغيرات
2 متغيرات قابلة للتثبيتتبقى مهارة كل مؤلف عنصراً مستقلاً قابلاً للتثبيت. يُرتب المتغير الموصى به وفق أدلة Skillstore.
سبب تصدر هذا المتغير
google-labs-code-shadcn-ui
2026-09-09
giuseppe-trisciuoglio-shadcn-ui
2026-09-09
تقييم Skillstore
سبب هذا التقييم موثوقية الأدلة: مرتفعما الذي يمكنك بناؤه
إعداد واجهة منتج جديدة
استخدم إرشادات الإعداد والمكونات لبدء واجهة Next.js باستخدام لبنات بناء shadcn/ui قابلة للوصول.
توحيد مكونات الفريق
طبّق أنماط مكونات وسمات وregistry متسقة عبر نظام تصميم داخلي.
بناء نماذج محققة بشكل أسرع
اتبع أنماط النماذج لدمج المدخلات والتحقق والرسائل وحالات الإرسال في React.
جرّب هذه الموجّهات
استخدم مهارة shadcn-ui لتوجيه الإعداد لمشروعي الحالي. حدّد الحزم المطلوبة وخطوات التهيئة والترتيب الأكثر أمانا لإضافة المكونات الأولى.
استخدم مهارة shadcn-ui لتصميم شاشة لوحة معلومات تحتوي على بطاقات وصفوف جدول وفلاتر ومربعات حوار. اتبع أنماط تركيب المكونات القابلة للوصول.
استخدم مهارة shadcn-ui لتخطيط نموذج محقق باستخدام React Hook Form وZod. تضمّن الحقول وحالات الأخطاء وحالات الإرسال وتعليقات المستخدم.
استخدم مهارة shadcn-ui لمراجعة سير عمل custom registry. تحقق من أهداف المكونات والمصادر البعيدة وتأثير التبعيات وأي ملفات مكتوبة خارج المشروع.
أفضل الممارسات
- راجع ملفات المكونات المولدة قبل الالتزام بها في المشروع.
- فضّل primitives القابلة للوصول والمبنية على Radix، وحافظ على التسميات وحالات التركيز وتدفقات لوحة المفاتيح كما هي.
- تحقق من عناوين URL الخاصة بـ registry التابعة لجهات خارجية والمسارات المستهدفة قبل تشغيل أوامر التثبيت.
تجنب
- لا تثبت عناصر remote registry من مصادر غير معروفة دون مراجعة محتوياتها.
- لا تزل سمات إمكانية الوصول من المكونات المنسوخة لتبسيط markup.
- لا تنسخ أمثلة مصادقة placeholder إلى الإنتاج دون تحقق حقيقي.
الأسئلة المتكررة
هل تثبت هذه المهارة shadcn/ui تلقائيا؟
هل يمكنها المساعدة في مشاريع Next.js App Router؟
هل تغطي التحقق من النماذج؟
هل أمثلة remote registry آمنة للاستخدام؟
هل يمكنها إنشاء نظام تصميم كامل؟
أي مساعدين يمكنهم استخدام هذه المهارة؟
تفاصيل المطور
المؤلف
giuseppe-trisciuoglioالترخيص
MIT
مراجعة Skillstore
r1
تنبيه الإصدار
لم يعلن المؤلف عن إصدار.
مرجع
30c73eac2afe762f6aa9c4553158769369d47351
حداثة الصيانة
٢٦/٧/٢٠٢٦
الاستخدام
6 تنزيلات · 192 مشاهدات
بنية الملفات