تثبيت واستخدام shadcn/ui مع Tailwind v4 وNext.js (جهاز توجيه التطبيق)، أو Vite، أو الإعداد اليدوي؛ قم بتكوين Components.json، وأضف المكونات عبر واجهة سطر الأوامر (CLI)، وقم بوضع السمات باستخدام CSS فقط. يُستخدم عند إضافة shadcn/ui، أو تثبيت shadcn، أو استخدام الزر، أو البطاقة، أو مربع الحوار، أو النموذج، أو مكونات shadcn الأخرى، أو عندما يذكر المستخدم shadcn، أو shadcn/ui، أو Radix UI مع Tailwind.
ثبّت مهارة الذكاء الاصطناعي shadcn-ui بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: enderpuentes/ai-agent-skills.
shadcn/ui is a collection of accessible, customizable React components built on Radix UI and Tailwind CSS. Components are copied into your project (no npm package); you own and edit the code. Works with Next.js (App Router), Vite, and other React frameworks.
Principles: Open code (AI-ready), composable API, beautiful defaults, distribution via CLI and schema. Requires Tailwind v4 and path alias @/. We do not use tailwind.config.js; theme and setup are CSS-only (@import "tailwindcss" + @theme).
Choose framework (Next.js, Vite, etc.), style (new-york recommended), base color, and CSS variables. Then add components as needed.
تثبيت واستخدام shadcn/ui مع Tailwind v4 وNext.js (جهاز توجيه التطبيق)، أو Vite، أو الإعداد اليدوي؛ قم بتكوين Components.json، وأضف المكونات عبر واجهة سطر الأوامر (CLI)، وقم بوضع السمات باستخدام CSS فقط. يُستخدم عند إضافة shadcn/ui، أو تثبيت shadcn، أو استخدام الزر، أو البطاقة، أو مربع الحوار، أو النموذج، أو مكونات shadcn الأخرى، أو عندما يذكر المستخدم shadcn، أو shadcn/ui، أو Radix UI مع Tailwind. المصدر: enderpuentes/ai-agent-skills.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/enderpuentes/ai-agent-skills --skill shadcn-uiتثبيت واستخدام shadcn/ui مع Tailwind v4 وNext.js (جهاز توجيه التطبيق)، أو Vite، أو الإعداد اليدوي؛ قم بتكوين Components.json، وأضف المكونات عبر واجهة سطر الأوامر (CLI)، وقم بوضع السمات باستخدام CSS فقط. يُستخدم عند إضافة shadcn/ui، أو تثبيت shadcn، أو استخدام الزر، أو البطاقة، أو مربع الحوار، أو النموذج، أو مكونات shadcn الأخرى، أو عندما يذكر المستخدم shadcn، أو shadcn/ui، أو Radix UI مع Tailwind. المصدر: enderpuentes/ai-agent-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/enderpuentes/ai-agent-skills --skill shadcn-ui بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/enderpuentes/ai-agent-skills