دليل مكتبة مكونات shadcn/ui الكامل، بما في ذلك تثبيت مكونات React التي يمكن الوصول إليها وتكوينها وتنفيذها. يُستخدم عند إعداد shadcn/ui، أو تثبيت المكونات، أو إنشاء النماذج باستخدام React Hook Form وZod، أو تخصيص السمات باستخدام Tailwind CSS، أو تنفيذ أنماط واجهة المستخدم مثل الأزرار، ومربعات الحوار، والقوائم المنسدلة، والجداول، وتخطيطات النماذج المعقدة.
ثبّت مهارة الذكاء الاصطناعي shadcn-ui بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: giuseppe-trisciuoglio/developer-kit-claude-code.
Expert guide for building accessible, customizable UI components with shadcn/ui, Radix UI, and Tailwind CSS.
shadcn/ui is not a traditional component library or npm package. Instead:
For Next.js 13+ with App Router, ensure components use "use client" directive:
دليل مكتبة مكونات shadcn/ui الكامل، بما في ذلك تثبيت مكونات React التي يمكن الوصول إليها وتكوينها وتنفيذها. يُستخدم عند إعداد shadcn/ui، أو تثبيت المكونات، أو إنشاء النماذج باستخدام React Hook Form وZod، أو تخصيص السمات باستخدام Tailwind CSS، أو تنفيذ أنماط واجهة المستخدم مثل الأزرار، ومربعات الحوار، والقوائم المنسدلة، والجداول، وتخطيطات النماذج المعقدة. المصدر: giuseppe-trisciuoglio/developer-kit-claude-code.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/giuseppe-trisciuoglio/developer-kit-claude-code --skill shadcn-uiBrowse more skills from giuseppe-trisciuoglio/developer-kit-claude-code
دليل مكتبة مكونات shadcn/ui الكامل، بما في ذلك تثبيت مكونات React التي يمكن الوصول إليها وتكوينها وتنفيذها. يُستخدم عند إعداد shadcn/ui، أو تثبيت المكونات، أو إنشاء النماذج باستخدام React Hook Form وZod، أو تخصيص السمات باستخدام Tailwind CSS، أو تنفيذ أنماط واجهة المستخدم مثل الأزرار، ومربعات الحوار، والقوائم المنسدلة، والجداول، وتخطيطات النماذج المعقدة. المصدر: giuseppe-trisciuoglio/developer-kit-claude-code.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/giuseppe-trisciuoglio/developer-kit-claude-code --skill shadcn-ui بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/giuseppe-trisciuoglio/developer-kit-claude-code