أنشئ واجهات مستخدم React/Next.js جاهزة للإنتاج باستخدام مكونات shadcn/ui. دورة حياة كاملة - التثبيت، والتخصيص، والإنشاء، والتصحيح، والتحسين. يغطي المكونات والنماذج والجداول والموضوعات والرسوم المتحركة والخطافات.
ثبّت مهارة الذكاء الاصطناعي shadcn-ui بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: faqndo97/ai-skills.
shadcn/ui is NOT a component library - it's a collection of re-usable components you copy into your project and own. This philosophy changes everything about how you work with it.
Components are copied directly into your components/ui/ directory. You can and should modify them. Don't wrap components - edit them directly. This is intentional.
Build complex UIs by composing primitives. Every component follows consistent patterns:
أنشئ واجهات مستخدم React/Next.js جاهزة للإنتاج باستخدام مكونات shadcn/ui. دورة حياة كاملة - التثبيت، والتخصيص، والإنشاء، والتصحيح، والتحسين. يغطي المكونات والنماذج والجداول والموضوعات والرسوم المتحركة والخطافات. المصدر: faqndo97/ai-skills.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/faqndo97/ai-skills --skill shadcn-uiأنشئ واجهات مستخدم React/Next.js جاهزة للإنتاج باستخدام مكونات shadcn/ui. دورة حياة كاملة - التثبيت، والتخصيص، والإنشاء، والتصحيح، والتحسين. يغطي المكونات والنماذج والجداول والموضوعات والرسوم المتحركة والخطافات. المصدر: faqndo97/ai-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/faqndo97/ai-skills --skill shadcn-ui بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/faqndo97/ai-skills