ينشئ واجهات مستخدم باستخدام فئات الأداة المساعدة Tailwind CSS وأنماط shadcn/ui. يغطي متغيرات CSS بألوان OKLCH، ومتغيرات المكونات مع CVA، والتصميم سريع الاستجابة، والوضع الداكن، وميزات Tailwind v4.2. يدعم أساسيات Radix UI وBase UI وCLI 3.0 والأنماط المرئية. يُستخدم عند إنشاء واجهات باستخدام Tailwind، أو تصميم مكونات shadcn/ui، أو تنفيذ السمات، أو العمل باستخدام الأداة المساعدة CSS أولاً.
ثبّت مهارة الذكاء الاصطناعي styling-with-tailwind بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: tenequm/claude-plugins.
Build accessible UIs using Tailwind CSS v4 utility classes and shadcn/ui component patterns. Tailwind v4 uses CSS-first configuration only - never create or modify tailwind.config.js/tailwind.config.ts. Supports Radix UI (default) or Base UI as primitive libraries.
Tailwind v4 configures everything in CSS. Migrate any JS/TS config:
Always pair bg- with text--foreground. Extend with success/warning/info in theming.md.
ينشئ واجهات مستخدم باستخدام فئات الأداة المساعدة Tailwind CSS وأنماط shadcn/ui. يغطي متغيرات CSS بألوان OKLCH، ومتغيرات المكونات مع CVA، والتصميم سريع الاستجابة، والوضع الداكن، وميزات Tailwind v4.2. يدعم أساسيات Radix UI وBase UI وCLI 3.0 والأنماط المرئية. يُستخدم عند إنشاء واجهات باستخدام Tailwind، أو تصميم مكونات shadcn/ui، أو تنفيذ السمات، أو العمل باستخدام الأداة المساعدة CSS أولاً. المصدر: tenequm/claude-plugins.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/tenequm/claude-plugins --skill styling-with-tailwindينشئ واجهات مستخدم باستخدام فئات الأداة المساعدة Tailwind CSS وأنماط shadcn/ui. يغطي متغيرات CSS بألوان OKLCH، ومتغيرات المكونات مع CVA، والتصميم سريع الاستجابة، والوضع الداكن، وميزات Tailwind v4.2. يدعم أساسيات Radix UI وBase UI وCLI 3.0 والأنماط المرئية. يُستخدم عند إنشاء واجهات باستخدام Tailwind، أو تصميم مكونات shadcn/ui، أو تنفيذ السمات، أو العمل باستخدام الأداة المساعدة CSS أولاً. المصدر: tenequm/claude-plugins.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/tenequm/claude-plugins --skill styling-with-tailwind بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/tenequm/claude-plugins