يرشد أنماط Tailwind CSS v4 للأزرار والمكونات. استخدم هذه المهارة عند إنشاء مكونات ذات متغيرات، أو الاختيار بين متغيرات CVA/tailwind، أو تكوين نهج CSS أولاً في Tailwind v4.
ثبّت مهارة الذكاء الاصطناعي code-architecture-tailwind-v4-best-practices بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: flpbalada/my-opencode-config.
Use utilities directly in markup as the primary approach. Abstract with CVA/tailwind-variants only when you have 3+ variants.
Tailwind v4's CSS-first configuration eliminates tailwind.config.js entirely. All configuration happens in CSS via @theme directive.
The Tailwind team discourages @apply except in narrow circumstances. Use component abstractions instead.
يرشد أنماط Tailwind CSS v4 للأزرار والمكونات. استخدم هذه المهارة عند إنشاء مكونات ذات متغيرات، أو الاختيار بين متغيرات CVA/tailwind، أو تكوين نهج CSS أولاً في Tailwind v4. المصدر: flpbalada/my-opencode-config.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/flpbalada/my-opencode-config --skill code-architecture-tailwind-v4-best-practicesيرشد أنماط Tailwind CSS v4 للأزرار والمكونات. استخدم هذه المهارة عند إنشاء مكونات ذات متغيرات، أو الاختيار بين متغيرات CVA/tailwind، أو تكوين نهج CSS أولاً في Tailwind v4. المصدر: flpbalada/my-opencode-config.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/flpbalada/my-opencode-config --skill code-architecture-tailwind-v4-best-practices بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/flpbalada/my-opencode-config