·tailwind-best-practices
</>

tailwind-best-practices

أنماط واتفاقيات Tailwind CSS. يُستخدم عند كتابة تصميمات سريعة الاستجابة، أو تنفيذ الوضع المظلم، أو إنشاء أنماط مكونات قابلة لإعادة الاستخدام، أو تكوين Tailwind. يتم تشغيلها عند تنفيذ المهام التي تتضمن فئات Tailwind أو التصميم سريع الاستجابة أو الوضع الداكن أو تصميم CSS.

73التثبيتات·0الرائج·@asyrafhussin

التثبيت

$npx skills add https://github.com/asyrafhussin/agent-skills --skill tailwind-best-practices

كيفية تثبيت tailwind-best-practices

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

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

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

Comprehensive patterns for building consistent, maintainable interfaces with Tailwind CSS v4. Contains 26+ rules covering responsive design, dark mode, component patterns, and configuration best practices.

| 1 | Responsive Design | CRITICAL | resp- | | 2 | Dark Mode | CRITICAL | dark- | | 3 | Component Patterns | HIGH | comp- | | 4 | Custom Configuration | HIGH | config- | | 5 | Spacing & Typography | MEDIUM | space- | | 6 | Animation | MEDIUM | anim- | | 7 | Performance | LOW | perf- |

Read individual rule files for detailed explanations and code examples:

أنماط واتفاقيات Tailwind CSS. يُستخدم عند كتابة تصميمات سريعة الاستجابة، أو تنفيذ الوضع المظلم، أو إنشاء أنماط مكونات قابلة لإعادة الاستخدام، أو تكوين Tailwind. يتم تشغيلها عند تنفيذ المهام التي تتضمن فئات Tailwind أو التصميم سريع الاستجابة أو الوضع الداكن أو تصميم CSS. المصدر: asyrafhussin/agent-skills.

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

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

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

Browse more skills from asyrafhussin/agent-skills

إجابات سريعة

ما هي tailwind-best-practices؟

أنماط واتفاقيات Tailwind CSS. يُستخدم عند كتابة تصميمات سريعة الاستجابة، أو تنفيذ الوضع المظلم، أو إنشاء أنماط مكونات قابلة لإعادة الاستخدام، أو تكوين Tailwind. يتم تشغيلها عند تنفيذ المهام التي تتضمن فئات Tailwind أو التصميم سريع الاستجابة أو الوضع الداكن أو تصميم CSS. المصدر: asyrafhussin/agent-skills.

كيف أثبّت tailwind-best-practices؟

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

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

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