·tailwindcss-design
*

tailwindcss-design

أنماط تنفيذ TailwindCSS لإعادة هيكلة مبادئ واجهة المستخدم. مهارة الشركة لإتقان تصميم الويب. يتم التنشيط دائمًا لـ: TailwindCSS، فئات Tailwind، فئات الأدوات المساعدة، تكوين Tailwind، مكونات Tailwind، الوضع الداكن للرياح الخلفية، استجابة Tailwind، تباعد Tailwind، طباعة Tailwind، ألوان Tailwind، ظلال Tailwind. يوفر وصفات الفصل وأنماط المكونات وتنفيذ الوضع المظلم وأنماط الاستجابة. اللغة التركية: Tailwind kullanımı، فئة Tailwind، الأداة المساعدة CSS، تكوين Tailwind. العربية: أنماط Tailwind، الأداة المساعدة الأولى لـ CSS، أفضل ممارسات Tailwind.

25التثبيتات·1الرائج·@anilcancakir

التثبيت

$npx skills add https://github.com/anilcancakir/my-claude-code --skill tailwindcss-design

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

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

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

المصدر: anilcancakir/my-claude-code.

TailwindCSS implementation companion for web-design-mastery skill. Translates Refactoring UI principles into Tailwind utility classes.

Prerequisite: This skill provides Tailwind-specific syntax. For design theory and decision-making, reference web-design-mastery skill.

ALWAYS check tailwind.config.js for custom colors before using generic colors.

أنماط تنفيذ TailwindCSS لإعادة هيكلة مبادئ واجهة المستخدم. مهارة الشركة لإتقان تصميم الويب. يتم التنشيط دائمًا لـ: TailwindCSS، فئات Tailwind، فئات الأدوات المساعدة، تكوين Tailwind، مكونات Tailwind، الوضع الداكن للرياح الخلفية، استجابة Tailwind، تباعد Tailwind، طباعة Tailwind، ألوان Tailwind، ظلال Tailwind. يوفر وصفات الفصل وأنماط المكونات وتنفيذ الوضع المظلم وأنماط الاستجابة. اللغة التركية: Tailwind kullanımı، فئة Tailwind، الأداة المساعدة CSS، تكوين Tailwind. العربية: أنماط Tailwind، الأداة المساعدة الأولى لـ CSS، أفضل ممارسات Tailwind. المصدر: anilcancakir/my-claude-code.

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

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

أمر التثبيت
npx skills add https://github.com/anilcancakir/my-claude-code --skill tailwindcss-design
الفئة
*وسائط إبداعية
موثق
أول ظهور
2026-02-01
آخر تحديث
2026-03-10

Browse more skills from anilcancakir/my-claude-code

إجابات سريعة

ما هي tailwindcss-design؟

أنماط تنفيذ TailwindCSS لإعادة هيكلة مبادئ واجهة المستخدم. مهارة الشركة لإتقان تصميم الويب. يتم التنشيط دائمًا لـ: TailwindCSS، فئات Tailwind، فئات الأدوات المساعدة، تكوين Tailwind، مكونات Tailwind، الوضع الداكن للرياح الخلفية، استجابة Tailwind، تباعد Tailwind، طباعة Tailwind، ألوان Tailwind، ظلال Tailwind. يوفر وصفات الفصل وأنماط المكونات وتنفيذ الوضع المظلم وأنماط الاستجابة. اللغة التركية: Tailwind kullanımı، فئة Tailwind، الأداة المساعدة CSS، تكوين Tailwind. العربية: أنماط Tailwind، الأداة المساعدة الأولى لـ CSS، أفضل ممارسات Tailwind. المصدر: anilcancakir/my-claude-code.

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

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

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

https://github.com/anilcancakir/my-claude-code