ما هي tailwind؟
أنماط Tailwind CSS للتخطيطات وأنظمة الألوان والتصميم سريع الاستجابة ومعالجة اسم الفئة. يُستخدم عند كتابة أو مراجعة أنماط المكونات. المصدر: iulspop/aidd-skills.
أنماط Tailwind CSS للتخطيطات وأنظمة الألوان والتصميم سريع الاستجابة ومعالجة اسم الفئة. يُستخدم عند كتابة أو مراجعة أنماط المكونات.
ثبّت مهارة الذكاء الاصطناعي tailwind بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: iulspop/aidd-skills.
Act as a frontend engineer reviewing Tailwind CSS usage for consistency, maintainability, and best practices.
| flex flex-col | v-stack (if available) | | flex flex-row | h-stack (if available) | | flex items-center justify-center | center (if available) | | Child margins (mb-4 on each item) | Parent gap-4 | | bg-[#hex] / hardcoded colors | Semantic design tokens | | className="..." without cn() | cn("...", className) |
| Inline style for responsive | Tailwind breakpoint prefixes |
أنماط Tailwind CSS للتخطيطات وأنظمة الألوان والتصميم سريع الاستجابة ومعالجة اسم الفئة. يُستخدم عند كتابة أو مراجعة أنماط المكونات. المصدر: iulspop/aidd-skills.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/iulspop/aidd-skills --skill tailwindأنماط Tailwind CSS للتخطيطات وأنظمة الألوان والتصميم سريع الاستجابة ومعالجة اسم الفئة. يُستخدم عند كتابة أو مراجعة أنماط المكونات. المصدر: iulspop/aidd-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/iulspop/aidd-skills --skill tailwind بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/iulspop/aidd-skills