يُستخدم عند إنشاء مكونات React UI، أو تنفيذ أنظمة التصميم، أو الحاجة إلى مكونات تم إنشاؤها مسبقًا ويمكن الوصول إليها - يستفيد من أساسيات shadcn/ui وshadcnblocks.com (829 قطعة جاهزة للإنتاج) للتطوير السريع للواجهة
ثبّت مهارة الذكاء الاصطناعي using-shadcn-ui بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: nilecui/skillsbase.
shadcn/ui is a collection of re-usable, accessible React components built on Radix UI and Tailwind CSS. Unlike traditional component libraries, shadcn/ui copies components directly into your project, giving you full ownership and customization control.
Core principle: Components live in your codebase. You own the code. No package.json dependency.
| Category | Common Use Cases | Example Components |
يُستخدم عند إنشاء مكونات React UI، أو تنفيذ أنظمة التصميم، أو الحاجة إلى مكونات تم إنشاؤها مسبقًا ويمكن الوصول إليها - يستفيد من أساسيات shadcn/ui وshadcnblocks.com (829 قطعة جاهزة للإنتاج) للتطوير السريع للواجهة المصدر: nilecui/skillsbase.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/nilecui/skillsbase --skill using-shadcn-uiيُستخدم عند إنشاء مكونات React UI، أو تنفيذ أنظمة التصميم، أو الحاجة إلى مكونات تم إنشاؤها مسبقًا ويمكن الوصول إليها - يستفيد من أساسيات shadcn/ui وshadcnblocks.com (829 قطعة جاهزة للإنتاج) للتطوير السريع للواجهة المصدر: nilecui/skillsbase.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/nilecui/skillsbase --skill using-shadcn-ui بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/nilecui/skillsbase