تصميم Utility-first CSS مع Tailwind CSS v4. يُستخدم عند تصميم المكونات، أو تكوين السمات، أو التصميم سريع الاستجابة، أو بناء أنظمة التصميم. يتم تشغيله على Tailwind أو CSS أو التصميم أو السمات أو أسئلة التصميم سريعة الاستجابة.
ثبّت مهارة الذكاء الاصطناعي tailwindcss بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: fractionestate/midnight-dev-skills.
Tailwind CSS v4 introduces CSS-first configuration, OKLCH colors, and improved performance. This skill provides comprehensive patterns for building modern UIs.
Tailwind v4 uses CSS variables and @theme directive instead of tailwind.config.js:
تصميم Utility-first CSS مع Tailwind CSS v4. يُستخدم عند تصميم المكونات، أو تكوين السمات، أو التصميم سريع الاستجابة، أو بناء أنظمة التصميم. يتم تشغيله على Tailwind أو CSS أو التصميم أو السمات أو أسئلة التصميم سريعة الاستجابة. المصدر: fractionestate/midnight-dev-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/fractionestate/midnight-dev-skills --skill tailwindcss بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/fractionestate/midnight-dev-skills --skill tailwindcssتصميم Utility-first CSS مع Tailwind CSS v4. يُستخدم عند تصميم المكونات، أو تكوين السمات، أو التصميم سريع الاستجابة، أو بناء أنظمة التصميم. يتم تشغيله على Tailwind أو CSS أو التصميم أو السمات أو أسئلة التصميم سريعة الاستجابة. المصدر: fractionestate/midnight-dev-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/fractionestate/midnight-dev-skills --skill tailwindcss بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/fractionestate/midnight-dev-skills