تحسين أداء Tailwind CSS v4 وإرشادات أفضل الممارسات (المعروف سابقًا باسم Tailwindcss-v4-style). يجب استخدام هذه المهارة عند كتابة كود Tailwind CSS v4 أو مراجعته أو إعادة هيكلته لضمان أداء البناء الأمثل والحد الأدنى من مخرجات CSS والاستخدام الصحيح لميزات الإصدار 4. تشغيل المهام التي تتضمن تكوين Tailwind، أو توجيه @theme، أو فئات الأدوات المساعدة، أو التصميم سريع الاستجابة، أو الوضع المظلم، أو استعلامات الحاوية، أو تحسين إنشاء CSS.
ثبّت مهارة الذكاء الاصطناعي tailwind بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: thongdn-it/react-agent-skills.
Comprehensive performance optimization guide for Tailwind CSS v4 applications, maintained by Tailwind Labs. Contains 42 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation.
| 1 | Build Configuration | CRITICAL | build- | | 2 | CSS Generation | CRITICAL | gen- | | 3 | Bundle Optimization | HIGH | bundle- | | 4 | Utility Patterns | HIGH | util- | | 5 | Component Architecture | MEDIUM-HIGH | comp- | | 6 | Theming & Design Tokens | MEDIUM | theme- | | 7 | Responsive & Adaptive | MEDIUM | resp- |
| 8 | Animation & Transitions | LOW-MEDIUM | anim- |
تحسين أداء Tailwind CSS v4 وإرشادات أفضل الممارسات (المعروف سابقًا باسم Tailwindcss-v4-style). يجب استخدام هذه المهارة عند كتابة كود Tailwind CSS v4 أو مراجعته أو إعادة هيكلته لضمان أداء البناء الأمثل والحد الأدنى من مخرجات CSS والاستخدام الصحيح لميزات الإصدار 4. تشغيل المهام التي تتضمن تكوين Tailwind، أو توجيه @theme، أو فئات الأدوات المساعدة، أو التصميم سريع الاستجابة، أو الوضع المظلم، أو استعلامات الحاوية، أو تحسين إنشاء CSS. المصدر: thongdn-it/react-agent-skills.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/thongdn-it/react-agent-skills --skill tailwindتحسين أداء Tailwind CSS v4 وإرشادات أفضل الممارسات (المعروف سابقًا باسم Tailwindcss-v4-style). يجب استخدام هذه المهارة عند كتابة كود Tailwind CSS v4 أو مراجعته أو إعادة هيكلته لضمان أداء البناء الأمثل والحد الأدنى من مخرجات CSS والاستخدام الصحيح لميزات الإصدار 4. تشغيل المهام التي تتضمن تكوين Tailwind، أو توجيه @theme، أو فئات الأدوات المساعدة، أو التصميم سريع الاستجابة، أو الوضع المظلم، أو استعلامات الحاوية، أو تحسين إنشاء CSS. المصدر: thongdn-it/react-agent-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/thongdn-it/react-agent-skills --skill tailwind بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/thongdn-it/react-agent-skills