tailwind

Build production-ready design systems with Tailwind CSS, including design tokens, component variants, responsive patterns, and accessibility.

| Tailwind config, global CSS, tokens | setup.md | | CVA pattern with type-safe variants | cva-components.md | | Animation utilities and Dialog | animations.md | | Utility functions (cn, focusRing) | utilities.md | | Do's and Don'ts for maintainability | best-practices.md |

عند بناء أنظمة التصميم أو مكتبات المكونات باستخدام Tailwind CSS؛ يغطي رموز التصميم وأنماط CVA والوضع المظلم. المصدر: mintuz/claude-plugins.

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