·tailwindcss-development
*

tailwindcss-development

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

10التثبيتات·1الرائج·@owlchester

التثبيت

$npx skills add https://github.com/owlchester/kanka --skill tailwindcss-development

كيفية تثبيت tailwindcss-development

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

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

المصدر: owlchester/kanka.

Use search-docs for detailed Tailwind CSS v4 patterns and documentation.

In Tailwind v4, configuration is CSS-first using the @theme directive — no separate tailwind.config.js file is needed:

In Tailwind v4, import Tailwind with a regular CSS @import statement instead of the @tailwind directives used in v3:

تصميم التطبيقات باستخدام الأدوات المساعدة Tailwind CSS v4. يتم تنشيطه عند إضافة أنماط، أو إعادة تصميم المكونات، أو العمل مع التدرجات، أو التباعد، أو التخطيط، أو المرن، أو الشبكة، أو التصميم سريع الاستجابة، أو الوضع الداكن، أو الألوان، أو الطباعة، أو الحدود؛ أو عندما يذكر المستخدم CSS أو التصميم أو الفئات أو Tailwind أو إعادة التصميم أو قسم البطل أو البطاقات أو الأزرار أو أي تغييرات مرئية/واجهة مستخدم. المصدر: owlchester/kanka.

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

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

أمر التثبيت
npx skills add https://github.com/owlchester/kanka --skill tailwindcss-development
المصدر
owlchester/kanka
الفئة
*وسائط إبداعية
موثق
أول ظهور
2026-03-10
آخر تحديث
2026-03-11

Browse more skills from owlchester/kanka

إجابات سريعة

ما هي tailwindcss-development؟

تصميم التطبيقات باستخدام الأدوات المساعدة Tailwind CSS v4. يتم تنشيطه عند إضافة أنماط، أو إعادة تصميم المكونات، أو العمل مع التدرجات، أو التباعد، أو التخطيط، أو المرن، أو الشبكة، أو التصميم سريع الاستجابة، أو الوضع الداكن، أو الألوان، أو الطباعة، أو الحدود؛ أو عندما يذكر المستخدم CSS أو التصميم أو الفئات أو Tailwind أو إعادة التصميم أو قسم البطل أو البطاقات أو الأزرار أو أي تغييرات مرئية/واجهة مستخدم. المصدر: owlchester/kanka.

كيف أثبّت tailwindcss-development؟

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

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

https://github.com/owlchester/kanka

التفاصيل

الفئة
*وسائط إبداعية
المصدر
skills.sh
أول ظهور
2026-03-10