يجب استخدام هذه المهارة عندما يطلب المستخدم "التصميم باستخدام Tailwind"، أو "إضافة فئات Tailwind"، أو "إصلاح أنماط Tailwind"، أو "استخدام متغيرات Tailwind"، أو "إضافة رسوم متحركة باستخدام tw-animate-css"، أو "تكوين Tailwind v4"، أو "الترحيل إلى Tailwind v4"، أو يذكر أدوات Tailwind المساعدة، أو فئات CSS، أو التصميم سريع الاستجابة، أو الوضع الداكن، أو التدرجات، أو رموز التصميم، أو وحدات CSS.
ثبّت مهارة الذكاء الاصطناعي tailwind-css بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: paulrberg/agent-skills.
Expert guidance for Tailwind CSS v4, CSS-first configuration, modern utility patterns, and type-safe component styling with tailwind-variants.
Tailwind CSS v4 eliminates tailwind.config.ts in favor of CSS-only configuration. All configuration lives in CSS files using special directives.
All theme tokens defined with @theme automatically become available as utility classes. For example, --color-brand can be used as bg-brand, text-brand, border-brand, etc.
يجب استخدام هذه المهارة عندما يطلب المستخدم "التصميم باستخدام Tailwind"، أو "إضافة فئات Tailwind"، أو "إصلاح أنماط Tailwind"، أو "استخدام متغيرات Tailwind"، أو "إضافة رسوم متحركة باستخدام tw-animate-css"، أو "تكوين Tailwind v4"، أو "الترحيل إلى Tailwind v4"، أو يذكر أدوات Tailwind المساعدة، أو فئات CSS، أو التصميم سريع الاستجابة، أو الوضع الداكن، أو التدرجات، أو رموز التصميم، أو وحدات CSS. المصدر: paulrberg/agent-skills.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/paulrberg/agent-skills --skill tailwind-cssيجب استخدام هذه المهارة عندما يطلب المستخدم "التصميم باستخدام Tailwind"، أو "إضافة فئات Tailwind"، أو "إصلاح أنماط Tailwind"، أو "استخدام متغيرات Tailwind"، أو "إضافة رسوم متحركة باستخدام tw-animate-css"، أو "تكوين Tailwind v4"، أو "الترحيل إلى Tailwind v4"، أو يذكر أدوات Tailwind المساعدة، أو فئات CSS، أو التصميم سريع الاستجابة، أو الوضع الداكن، أو التدرجات، أو رموز التصميم، أو وحدات CSS. المصدر: paulrberg/agent-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/paulrberg/agent-skills --skill tailwind-css بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/paulrberg/agent-skills