ما هي tailwindcss؟
إطار العمل الأول لأداة Tailwind CSS. يُستخدم عند تصميم تطبيقات الويب باستخدام فئات الأدوات المساعدة، أو إنشاء تصميمات سريعة الاستجابة، أو تخصيص أنظمة التصميم باستخدام متغيرات السمات. المصدر: hairyf/skills.
·tailwindcss
</>
tailwindcss
✓إطار العمل الأول لأداة Tailwind CSS. يُستخدم عند تصميم تطبيقات الويب باستخدام فئات الأدوات المساعدة، أو إنشاء تصميمات سريعة الاستجابة، أو تخصيص أنظمة التصميم باستخدام متغيرات السمات.
التثبيت
كيفية تثبيت tailwindcss
ثبّت مهارة الذكاء الاصطناعي tailwindcss بسرعة في بيئة التطوير لديك عبر سطر الأوامر
- افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
- نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/hairyf/skills --skill tailwindcss
- تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
المصدر: hairyf/skills.
SKILL.md
عرض النص الخامThe skill is based on Tailwind CSS v4.1.18, generated at 2026-01-28.
Tailwind CSS is a utility-first CSS framework for rapidly building custom user interfaces. Instead of writing custom CSS, you compose designs using utility classes directly in your markup. Tailwind v4 introduces CSS-first configuration with theme variables, making it easier to customize your design system.
| Utility Classes | Understanding Tailwind's utility-first approach and styling elements | core-utility-classes | | Theme Variables | Design tokens, customizing theme, and theme variable namespaces | core-theme | | Responsive Design | Mobile-first breakpoints, responsive variants, and container queries | core-responsive |
إطار العمل الأول لأداة Tailwind CSS. يُستخدم عند تصميم تطبيقات الويب باستخدام فئات الأدوات المساعدة، أو إنشاء تصميمات سريعة الاستجابة، أو تخصيص أنظمة التصميم باستخدام متغيرات السمات. المصدر: hairyf/skills.
حقائق جاهزة للاقتباس
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
- أمر التثبيت
npx skills add https://github.com/hairyf/skills --skill tailwindcss- المصدر
- hairyf/skills
- الفئة
- </>أدوات التطوير
- موثق
- ✓
- أول ظهور
- 2026-02-01
- آخر تحديث
- 2026-03-10
إجابات سريعة
كيف أثبّت tailwindcss؟
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/hairyf/skills --skill tailwindcss بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
أين مستودع المصدر؟
https://github.com/hairyf/skills
التفاصيل
- الفئة
- </>أدوات التطوير
- المصدر
- skills.sh
- أول ظهور
- 2026-02-01