ما هي shadcn-setup؟
قم بإعداد مكتبة مكونات shadcn/ui باستخدام تكوين Tailwind CSS v4. يعالج التثبيت والتهيئة وتكوين السمة وإعداد المكونات المشتركة. يُستخدم عند بدء مشروع Next.js/React جديد يحتاج إلى مكتبة مكونات. المصدر: shipshitdev/library.
·shadcn-setup
</>
shadcn-setup
✓قم بإعداد مكتبة مكونات shadcn/ui باستخدام تكوين Tailwind CSS v4. يعالج التثبيت والتهيئة وتكوين السمة وإعداد المكونات المشتركة. يُستخدم عند بدء مشروع Next.js/React جديد يحتاج إلى مكتبة مكونات.
التثبيت
كيفية تثبيت shadcn-setup
ثبّت مهارة الذكاء الاصطناعي shadcn-setup بسرعة في بيئة التطوير لديك عبر سطر الأوامر
- افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
- نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/shipshitdev/library --skill shadcn-setup
- تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
المصدر: shipshitdev/library.
SKILL.md
عرض النص الخامSets up shadcn/ui with proper Tailwind CSS v4 configuration. This skill ensures you get the modern CSS-first setup, not the deprecated v3 approach.
IMPORTANT: shadcn/ui CLI and AI assistants often generate Tailwind v3 configs by default. This skill ensures:
| default | shadcn default (neutral grays) | | zinc | Zinc-based neutral | | slate | Slate-based cool neutral | | stone | Stone-based warm neutral | | gray | Pure gray | | neutral | True neutral | | red | Red primary | | rose | Rose primary | | orange | Orange primary | | green | Green primary | | blue | Blue primary | | yellow | Yellow primary |
قم بإعداد مكتبة مكونات shadcn/ui باستخدام تكوين Tailwind CSS v4. يعالج التثبيت والتهيئة وتكوين السمة وإعداد المكونات المشتركة. يُستخدم عند بدء مشروع Next.js/React جديد يحتاج إلى مكتبة مكونات. المصدر: shipshitdev/library.
حقائق جاهزة للاقتباس
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
- أمر التثبيت
npx skills add https://github.com/shipshitdev/library --skill shadcn-setup- المصدر
- shipshitdev/library
- الفئة
- </>أدوات التطوير
- موثق
- ✓
- أول ظهور
- 2026-02-01
- آخر تحديث
- 2026-03-10
إجابات سريعة
كيف أثبّت shadcn-setup؟
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/shipshitdev/library --skill shadcn-setup بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
أين مستودع المصدر؟
https://github.com/shipshitdev/library
التفاصيل
- الفئة
- </>أدوات التطوير
- المصدر
- skills.sh
- أول ظهور
- 2026-02-01