قم بإعداد واستخدام Tailwind CSS v4 فقط مع Next.js (App Router) أو Vite أو CLI؛ لا يوجد tailwind.config.js — السمة عبر @theme في CSS. يُستخدم عند التصميم باستخدام Tailwind، أو تكوين Tailwind، أو تثبيت Tailwind، أو فئات الأدوات المساعدة، أو @theme، أو @layer، أو @utility، أو عندما يذكر المستخدم Tailwind CSS أو Tailwind v4.
ثبّت مهارة الذكاء الاصطناعي tailwind-css بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: enderpuentes/ai-agent-skills.
Tailwind CSS is a utility-first CSS framework. Style by combining single-purpose classes in markup.
We use Tailwind v4 only. There is no tailwind.config.js, tailwind.config.ts, or tailwind.config.mjs. Configuration is done in CSS via @import "tailwindcss" and the @theme directive, plus the Vite or PostCSS plugin.
Core principle: Prefer utility classes in markup; extend with @theme and custom CSS when needed. Never suggest or create tailwind.config. or content/theme in a config file.
قم بإعداد واستخدام Tailwind CSS v4 فقط مع Next.js (App Router) أو Vite أو CLI؛ لا يوجد tailwind.config.js — السمة عبر @theme في CSS. يُستخدم عند التصميم باستخدام Tailwind، أو تكوين Tailwind، أو تثبيت Tailwind، أو فئات الأدوات المساعدة، أو @theme، أو @layer، أو @utility، أو عندما يذكر المستخدم Tailwind CSS أو Tailwind v4. المصدر: enderpuentes/ai-agent-skills.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/enderpuentes/ai-agent-skills --skill tailwind-cssقم بإعداد واستخدام Tailwind CSS v4 فقط مع Next.js (App Router) أو Vite أو CLI؛ لا يوجد tailwind.config.js — السمة عبر @theme في CSS. يُستخدم عند التصميم باستخدام Tailwind، أو تكوين Tailwind، أو تثبيت Tailwind، أو فئات الأدوات المساعدة، أو @theme، أو @layer، أو @utility، أو عندما يذكر المستخدم Tailwind CSS أو Tailwind v4. المصدر: enderpuentes/ai-agent-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/enderpuentes/ai-agent-skills --skill tailwind-css بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/enderpuentes/ai-agent-skills