ما هي tailwind-patterns؟
مبادئ Tailwind CSS v4. تكوين CSS الأول، واستعلامات الحاوية، والأنماط الحديثة، وهندسة التصميم المميزة. المصدر: hongquandev/team-os.
مبادئ Tailwind CSS v4. تكوين CSS الأول، واستعلامات الحاوية، والأنماط الحديثة، وهندسة التصميم المميزة.
ثبّت مهارة الذكاء الاصطناعي tailwind-patterns بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: hongquandev/team-os.
| tailwind.config.js | CSS-based @theme directive | | PostCSS plugin | Oxide engine (10x faster) | | JIT mode | Native, always-on | | Plugin system | CSS-native features | | @apply directive | Still works, discouraged |
| CSS-first | Configuration in CSS, not JavaScript | | Oxide Engine | Rust-based compiler, much faster | | Native Nesting | CSS nesting without PostCSS | | CSS Variables | All tokens exposed as -- vars |
| Extend | Adding new values alongside defaults | | Override | Replacing default scale entirely | | Semantic tokens | Project-specific naming (primary, surface) |
مبادئ Tailwind CSS v4. تكوين CSS الأول، واستعلامات الحاوية، والأنماط الحديثة، وهندسة التصميم المميزة. المصدر: hongquandev/team-os.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/hongquandev/team-os --skill tailwind-patternsمبادئ Tailwind CSS v4. تكوين CSS الأول، واستعلامات الحاوية، والأنماط الحديثة، وهندسة التصميم المميزة. المصدر: hongquandev/team-os.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/hongquandev/team-os --skill tailwind-patterns بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/hongquandev/team-os