·tailwind-patterns
</>

tailwind-patterns

مبادئ Tailwind CSS v4. تكوين CSS الأول، واستعلامات الحاوية، والأنماط الحديثة، وهندسة التصميم المميزة.

5التثبيتات·0الرائج·@liuchiawei

التثبيت

$npx skills add https://github.com/liuchiawei/agent-skills --skill tailwind-patterns

كيفية تثبيت tailwind-patterns

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

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

المصدر: liuchiawei/agent-skills.

| 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 الأول، واستعلامات الحاوية، والأنماط الحديثة، وهندسة التصميم المميزة. المصدر: liuchiawei/agent-skills.

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

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

أمر التثبيت
npx skills add https://github.com/liuchiawei/agent-skills --skill tailwind-patterns
الفئة
</>أدوات التطوير
موثق
أول ظهور
2026-02-05
آخر تحديث
2026-03-11

Browse more skills from liuchiawei/agent-skills

إجابات سريعة

ما هي tailwind-patterns؟

مبادئ Tailwind CSS v4. تكوين CSS الأول، واستعلامات الحاوية، والأنماط الحديثة، وهندسة التصميم المميزة. المصدر: liuchiawei/agent-skills.

كيف أثبّت tailwind-patterns؟

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

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

https://github.com/liuchiawei/agent-skills