·tailwind-best-practices
</>

tailwind-best-practices

متى: يقوم المستخدم بكتابة قوالب HTML/باستخدام فئات Tailwind CSS ومكونات التصميم، تكوين سمات Tailwind، أو السؤال عن الأدوات المساعدة أو الأنماط، أو العمل مع أي منها المشروع الذي يستخدم Tailwind CSS. يتم تشغيله أيضًا عندما يذكر المستخدم "التصميم سريع الاستجابة"، "الوضع الداكن"، "الألوان المخصصة"، "التباعد"، "تخطيط مرن/شبكة" في مشروع Tailwind، يسأل عن ترحيل الإصدار 4، أو @theme مقابل @apply، أو يقوم بتحرير ملفات CSS/HTML في المشروع مع الريح الخلفية في تبعياتها. قم بالتنشيط عندما يكون tailwind.config.* أو @tailwind التوجيهات موجودة. متى لا: المشاريع التي لا تستخدم Tailwind، أسئلة حول Bootstrap/Bulma/أطر عمل CSS الأخرى

18التثبيتات·1الرائج·@gopherguides

التثبيت

$npx skills add https://github.com/gopherguides/gopher-ai --skill tailwind-best-practices

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

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

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

المصدر: gopherguides/gopher-ai.

You have access to up-to-date Tailwind CSS documentation via MCP tools. Use these tools to provide accurate, current information.

Use when user asks about any Tailwind feature, utility, or concept.

Use when user needs utility classes for a specific CSS property.

متى: يقوم المستخدم بكتابة قوالب HTML/باستخدام فئات Tailwind CSS ومكونات التصميم، تكوين سمات Tailwind، أو السؤال عن الأدوات المساعدة أو الأنماط، أو العمل مع أي منها المشروع الذي يستخدم Tailwind CSS. يتم تشغيله أيضًا عندما يذكر المستخدم "التصميم سريع الاستجابة"، "الوضع الداكن"، "الألوان المخصصة"، "التباعد"، "تخطيط مرن/شبكة" في مشروع Tailwind، يسأل عن ترحيل الإصدار 4، أو @theme مقابل @apply، أو يقوم بتحرير ملفات CSS/HTML في المشروع مع الريح الخلفية في تبعياتها. قم بالتنشيط عندما يكون tailwind.config.* أو @tailwind التوجيهات موجودة. متى لا: المشاريع التي لا تستخدم Tailwind، أسئلة حول Bootstrap/Bulma/أطر عمل CSS الأخرى المصدر: gopherguides/gopher-ai.

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

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

أمر التثبيت
npx skills add https://github.com/gopherguides/gopher-ai --skill tailwind-best-practices
الفئة
</>أدوات التطوير
موثق
أول ظهور
2026-03-09
آخر تحديث
2026-03-11

Browse more skills from gopherguides/gopher-ai

إجابات سريعة

ما هي tailwind-best-practices؟

متى: يقوم المستخدم بكتابة قوالب HTML/باستخدام فئات Tailwind CSS ومكونات التصميم، تكوين سمات Tailwind، أو السؤال عن الأدوات المساعدة أو الأنماط، أو العمل مع أي منها المشروع الذي يستخدم Tailwind CSS. يتم تشغيله أيضًا عندما يذكر المستخدم "التصميم سريع الاستجابة"، "الوضع الداكن"، "الألوان المخصصة"، "التباعد"، "تخطيط مرن/شبكة" في مشروع Tailwind، يسأل عن ترحيل الإصدار 4، أو @theme مقابل @apply، أو يقوم بتحرير ملفات CSS/HTML في المشروع مع الريح الخلفية في تبعياتها. قم بالتنشيط عندما يكون tailwind.config.* أو @tailwind التوجيهات موجودة. متى لا: المشاريع التي لا تستخدم Tailwind، أسئلة حول Bootstrap/Bulma/أطر عمل CSS الأخرى المصدر: gopherguides/gopher-ai.

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

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

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

https://github.com/gopherguides/gopher-ai

التفاصيل

الفئة
</>أدوات التطوير
المصدر
skills.sh
أول ظهور
2026-03-09