·tailwind-v4-shadcn
</>

tailwind-v4-shadcn

إعداد تم اختباره على مستوى الإنتاج لـ Tailwind CSS v4 مع shadcn/ui وVite وReact. يُستخدم عندما: تهيئة مشاريع React باستخدام Tailwind v4، وإعداد shadcn/ui، تنفيذ الوضع المظلم، وتصحيح مشكلات متغيرات CSS، وإصلاح تبديل السمات، الترحيل من Tailwind v3، أو مواجهة مشاكل في اللون/السمات. الأغطية: @theme نمط مضمن، بنية CSS متغيرة، الوضع المظلم مع ThemeProvider، تكوين المكونات، إعداد vite.config، الأخطاء الشائعة في الإصدار 4، والأنماط التي تم اختبارها في الإنتاج. الكلمات الرئيسية: Tailwind v4، shadcn/ui، @tailwindcss/vite، @theme مضمن، الوضع المظلم، متغيرات CSS، غلاف hsl()، المكونات.json، سمات React، تبديل السمات، الألوان لا تعمل، المتغيرات معطلة، السمة لا تنطبق، توجيه @plugin، البرنامج المساعد للطباعة، البرنامج المساعد للنماذج، فئة النثر، @tailwindcss / الطباعة، @tailwindcss/forms

34التثبيتات·2الرائج·@jackspace

التثبيت

$npx skills add https://github.com/jackspace/claudeskillz --skill tailwind-v4-shadcn

كيفية تثبيت tailwind-v4-shadcn

ثبّت مهارة الذكاء الاصطناعي tailwind-v4-shadcn بسرعة في بيئة التطوير لديك عبر سطر الأوامر

  1. افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
  2. نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/jackspace/claudeskillz --skill tailwind-v4-shadcn
  3. تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

المصدر: jackspace/claudeskillz.

Production-tested: WordPress Auditor (https://wordpress-auditor.webfonts.workers.dev) Last Updated: 2025-10-29 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 CSS v4 مع shadcn/ui وVite وReact. يُستخدم عندما: تهيئة مشاريع React باستخدام Tailwind v4، وإعداد shadcn/ui، تنفيذ الوضع المظلم، وتصحيح مشكلات متغيرات CSS، وإصلاح تبديل السمات، الترحيل من Tailwind v3، أو مواجهة مشاكل في اللون/السمات. الأغطية: @theme نمط مضمن، بنية CSS متغيرة، الوضع المظلم مع ThemeProvider، تكوين المكونات، إعداد vite.config، الأخطاء الشائعة في الإصدار 4، والأنماط التي تم اختبارها في الإنتاج. الكلمات الرئيسية: Tailwind v4، shadcn/ui، @tailwindcss/vite، @theme مضمن، الوضع المظلم، متغيرات CSS، غلاف hsl()، المكونات.json، سمات React، تبديل السمات، الألوان لا تعمل، المتغيرات معطلة، السمة لا تنطبق، توجيه @plugin، البرنامج المساعد للطباعة، البرنامج المساعد للنماذج، فئة النثر، @tailwindcss / الطباعة، @tailwindcss/forms المصدر: jackspace/claudeskillz.

حقائق جاهزة للاقتباس

حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.

أمر التثبيت
npx skills add https://github.com/jackspace/claudeskillz --skill tailwind-v4-shadcn
الفئة
</>أدوات التطوير
موثق
أول ظهور
2026-02-01
آخر تحديث
2026-03-10

Browse more skills from jackspace/claudeskillz

إجابات سريعة

ما هي tailwind-v4-shadcn؟

إعداد تم اختباره على مستوى الإنتاج لـ Tailwind CSS v4 مع shadcn/ui وVite وReact. يُستخدم عندما: تهيئة مشاريع React باستخدام Tailwind v4، وإعداد shadcn/ui، تنفيذ الوضع المظلم، وتصحيح مشكلات متغيرات CSS، وإصلاح تبديل السمات، الترحيل من Tailwind v3، أو مواجهة مشاكل في اللون/السمات. الأغطية: @theme نمط مضمن، بنية CSS متغيرة، الوضع المظلم مع ThemeProvider، تكوين المكونات، إعداد vite.config، الأخطاء الشائعة في الإصدار 4، والأنماط التي تم اختبارها في الإنتاج. الكلمات الرئيسية: Tailwind v4، shadcn/ui، @tailwindcss/vite، @theme مضمن، الوضع المظلم، متغيرات CSS، غلاف hsl()، المكونات.json، سمات React، تبديل السمات، الألوان لا تعمل، المتغيرات معطلة، السمة لا تنطبق، توجيه @plugin، البرنامج المساعد للطباعة، البرنامج المساعد للنماذج، فئة النثر، @tailwindcss / الطباعة، @tailwindcss/forms المصدر: jackspace/claudeskillz.

كيف أثبّت tailwind-v4-shadcn؟

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/jackspace/claudeskillz --skill tailwind-v4-shadcn بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

أين مستودع المصدر؟

https://github.com/jackspace/claudeskillz

التفاصيل

الفئة
</>أدوات التطوير
المصدر
skills.sh
أول ظهور
2026-02-01