أنماط Tailwind CSS v4 وأنظمة التصميم. يُستخدم عند تكوين سمات Tailwind، أو بناء المكونات، أو تنفيذ الوضع المظلم، أو استخدام استعلامات الحاوية، أو الترحيل من الإصدار 3، أو دمج shadcn/ui، أو إصلاح أخطاء البناء. يستخدم للرياح الخلفية، وCSS، والتصميم، والموضوع، ورموز التصميم.
ثبّت مهارة الذكاء الاصطناعي tailwind بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: oakoss/agent-skills.
Tailwind CSS v4 skill covering CSS-first configuration, design tokens, component patterns, shadcn/ui integration, dark mode, container queries, migration from v3, and custom utilities.
When to use: Configuring Tailwind themes, building utility-first components, implementing dark mode, using container queries, migrating from v3, integrating shadcn/ui, troubleshooting build errors.
When NOT to use: Tailwind v3 legacy projects that will not upgrade, projects using a different styling approach (CSS Modules, styled-components) without plans to adopt Tailwind.
أنماط Tailwind CSS v4 وأنظمة التصميم. يُستخدم عند تكوين سمات Tailwind، أو بناء المكونات، أو تنفيذ الوضع المظلم، أو استخدام استعلامات الحاوية، أو الترحيل من الإصدار 3، أو دمج shadcn/ui، أو إصلاح أخطاء البناء. يستخدم للرياح الخلفية، وCSS، والتصميم، والموضوع، ورموز التصميم. المصدر: oakoss/agent-skills.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/oakoss/agent-skills --skill tailwindأنماط Tailwind CSS v4 وأنظمة التصميم. يُستخدم عند تكوين سمات Tailwind، أو بناء المكونات، أو تنفيذ الوضع المظلم، أو استخدام استعلامات الحاوية، أو الترحيل من الإصدار 3، أو دمج shadcn/ui، أو إصلاح أخطاء البناء. يستخدم للرياح الخلفية، وCSS، والتصميم، والموضوع، ورموز التصميم. المصدر: oakoss/agent-skills.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/oakoss/agent-skills --skill tailwind بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/oakoss/agent-skills