قم بإعداد Tailwind v4 مع shadcn/ui باستخدام النمط المضمن @theme وبنية CSS المتغيرة. نمط إلزامي من أربع خطوات: تحديد متغيرات CSS في الجذر، وتعيين أدوات Tailwind المساعدة، وتطبيق الأنماط الأساسية، والحصول على الوضع المظلم التلقائي. يُستخدم عندما: تهيئة مشاريع React باستخدام Tailwind v4، أو إعداد الوضع الداكن shadcn/ui، أو إصلاح الألوان التي لا تعمل، أو عدم تطبيق السمة، أو تعطل متغيرات CSS، أو أخطاء tw-animate-css، أو الترحيل من الإصدار 3.
ثبّت مهارة الذكاء الاصطناعي tailwind-v4-shadcn بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: ovachiever/droid-tings.
Production-tested: WordPress Auditor (https://wordpress-auditor.webfonts.workers.dev) Last Updated: 2025-11-09 Status: Production Ready ✅
CRITICAL FOR AI AGENTS: If you're Claude Code helping a user set up Tailwind v4:
USER ACTION REQUIRED: Tell Claude to check this skill first!
قم بإعداد Tailwind v4 مع shadcn/ui باستخدام النمط المضمن @theme وبنية CSS المتغيرة. نمط إلزامي من أربع خطوات: تحديد متغيرات CSS في الجذر، وتعيين أدوات Tailwind المساعدة، وتطبيق الأنماط الأساسية، والحصول على الوضع المظلم التلقائي. يُستخدم عندما: تهيئة مشاريع React باستخدام Tailwind v4، أو إعداد الوضع الداكن shadcn/ui، أو إصلاح الألوان التي لا تعمل، أو عدم تطبيق السمة، أو تعطل متغيرات CSS، أو أخطاء tw-animate-css، أو الترحيل من الإصدار 3. المصدر: ovachiever/droid-tings.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/ovachiever/droid-tings --skill tailwind-v4-shadcnقم بإعداد Tailwind v4 مع shadcn/ui باستخدام النمط المضمن @theme وبنية CSS المتغيرة. نمط إلزامي من أربع خطوات: تحديد متغيرات CSS في الجذر، وتعيين أدوات Tailwind المساعدة، وتطبيق الأنماط الأساسية، والحصول على الوضع المظلم التلقائي. يُستخدم عندما: تهيئة مشاريع React باستخدام Tailwind v4، أو إعداد الوضع الداكن shadcn/ui، أو إصلاح الألوان التي لا تعمل، أو عدم تطبيق السمة، أو تعطل متغيرات CSS، أو أخطاء tw-animate-css، أو الترحيل من الإصدار 3. المصدر: ovachiever/droid-tings.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/ovachiever/droid-tings --skill tailwind-v4-shadcn بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/ovachiever/droid-tings