يُستخدم عند إنشاء واجهة مستخدم مصممة بمكونات @nuxt/ui v4 (زر، مشروط، نموذج، جدول، وما إلى ذلك) - يوفر مكونات جاهزة للاستخدام مع سمات Tailwind Variants. استخدم مهارة vue لأنماط المكونات الخام، وreka-ui للأوليات مقطوعة الرأس.
ثبّت مهارة الذكاء الاصطناعي nuxt-ui بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: nuxt-content/nuxt-studio.
Component library for Vue 3 and Nuxt 4+ built on Reka UI (headless) + Tailwind CSS v4 + Tailwind Variants.
For Vue component patterns: use vue skill For Nuxt routing/server: use nuxt skill
| references/installation.md | Nuxt/Vue setup, pnpm gotchas, UApp wrapper, module options, prefix, tree-shaking | | references/theming.md | Semantic colors, CSS variables, app.config.ts, Tailwind Variants | | references/components.md | Component index by category (125+ components) | | components/\.md | Per-component details (button.md, modal.md, etc.) |
يُستخدم عند إنشاء واجهة مستخدم مصممة بمكونات @nuxt/ui v4 (زر، مشروط، نموذج، جدول، وما إلى ذلك) - يوفر مكونات جاهزة للاستخدام مع سمات Tailwind Variants. استخدم مهارة vue لأنماط المكونات الخام، وreka-ui للأوليات مقطوعة الرأس. المصدر: nuxt-content/nuxt-studio.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/nuxt-content/nuxt-studio --skill nuxt-uiيُستخدم عند إنشاء واجهة مستخدم مصممة بمكونات @nuxt/ui v4 (زر، مشروط، نموذج، جدول، وما إلى ذلك) - يوفر مكونات جاهزة للاستخدام مع سمات Tailwind Variants. استخدم مهارة vue لأنماط المكونات الخام، وreka-ui للأوليات مقطوعة الرأس. المصدر: nuxt-content/nuxt-studio.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/nuxt-content/nuxt-studio --skill nuxt-ui بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/nuxt-content/nuxt-studio