قم بإعداد Tailwind v4 مع واجهة مستخدم ذات طابع shadcn/ui. سير العمل: تثبيت التبعيات، وتكوين متغيرات CSS باستخدام @theme المضمن، وإعداد الوضع المظلم، والتحقق. يُستخدم عند تهيئة مشاريع React باستخدام Tailwind v4، أو إعداد سمات shadcn/ui، أو إصلاح الألوان التي لا تعمل، أو أخطاء tw-animate-css، أو تعارض @theme في الوضع الداكن المضمن، أو @apply Break، أو مشكلات ترحيل v3.
ثبّت مهارة الذكاء الاصطناعي tailwind-theme-builder بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: jezweb/claude-skills.
Set up a fully themed Tailwind v4 + shadcn/ui project with dark mode. Produces configured CSS, theme provider, and working component library.
This exact order is required. Skipping steps breaks the theme.
Result: bg-background, text-primary etc. work automatically. Dark mode switches via .dark class — no dark: variants needed for semantic colours.
قم بإعداد Tailwind v4 مع واجهة مستخدم ذات طابع shadcn/ui. سير العمل: تثبيت التبعيات، وتكوين متغيرات CSS باستخدام @theme المضمن، وإعداد الوضع المظلم، والتحقق. يُستخدم عند تهيئة مشاريع React باستخدام Tailwind v4، أو إعداد سمات shadcn/ui، أو إصلاح الألوان التي لا تعمل، أو أخطاء tw-animate-css، أو تعارض @theme في الوضع الداكن المضمن، أو @apply Break، أو مشكلات ترحيل v3. المصدر: jezweb/claude-skills.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/jezweb/claude-skills --skill tailwind-theme-builderقم بإعداد Tailwind v4 مع واجهة مستخدم ذات طابع shadcn/ui. سير العمل: تثبيت التبعيات، وتكوين متغيرات CSS باستخدام @theme المضمن، وإعداد الوضع المظلم، والتحقق. يُستخدم عند تهيئة مشاريع React باستخدام Tailwind v4، أو إعداد سمات shadcn/ui، أو إصلاح الألوان التي لا تعمل، أو أخطاء tw-animate-css، أو تعارض @theme في الوضع الداكن المضمن، أو @apply Break، أو مشكلات ترحيل v3. المصدر: jezweb/claude-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/jezweb/claude-skills --skill tailwind-theme-builder بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/jezweb/claude-skills