يجب استخدام هذه المهارة عندما يطلب المستخدم "التصميم باستخدام Tailwind"، أو "إضافة CSS"، أو "تكوين السمة"، أو "استخدام @theme"، أو "إضافة ألوان مخصصة"، أو "تنفيذ الوضع الداكن"، أو "استخدام استعلامات الحاوية"، أو "إضافة تصميم سريع الاستجابة"، أو "استخدام ألوان OKLCH"، أو مناقشة التصميم أو السمات أو التصميم المرئي. استخدم دائمًا أحدث إصدار من Tailwind CSS والأنماط الحديثة.
ثبّت مهارة الذكاء الاصطناعي tailwindcss بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: velcrafting/codex-skills.
This skill provides guidance for styling applications with Tailwind CSS, focusing on always using the latest version and modern patterns.
Philosophy: Use CSS-first configuration with @theme. Use OKLCH colors for perceptual uniformity. Prefer @container queries over media queries when appropriate.
| Configuration | CSS @theme directive | tailwind.config.js | | Colors | OKLCH color space | RGB/HSL colors | | Container queries | @container | Media queries only | | Content detection | Automatic | Manual content: [] config | | PostCSS plugin | @tailwindcss/postcss | tailwindcss package |
يجب استخدام هذه المهارة عندما يطلب المستخدم "التصميم باستخدام Tailwind"، أو "إضافة CSS"، أو "تكوين السمة"، أو "استخدام @theme"، أو "إضافة ألوان مخصصة"، أو "تنفيذ الوضع الداكن"، أو "استخدام استعلامات الحاوية"، أو "إضافة تصميم سريع الاستجابة"، أو "استخدام ألوان OKLCH"، أو مناقشة التصميم أو السمات أو التصميم المرئي. استخدم دائمًا أحدث إصدار من Tailwind CSS والأنماط الحديثة. المصدر: velcrafting/codex-skills.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/velcrafting/codex-skills --skill tailwindcssيجب استخدام هذه المهارة عندما يطلب المستخدم "التصميم باستخدام Tailwind"، أو "إضافة CSS"، أو "تكوين السمة"، أو "استخدام @theme"، أو "إضافة ألوان مخصصة"، أو "تنفيذ الوضع الداكن"، أو "استخدام استعلامات الحاوية"، أو "إضافة تصميم سريع الاستجابة"، أو "استخدام ألوان OKLCH"، أو مناقشة التصميم أو السمات أو التصميم المرئي. استخدم دائمًا أحدث إصدار من Tailwind CSS والأنماط الحديثة. المصدر: velcrafting/codex-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/velcrafting/codex-skills --skill tailwindcss بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/velcrafting/codex-skills