·shadcn-vue

shadcn-vue لـ Vue/Nuxt مع مكونات Reka UI وTailwind. يُستخدم لواجهة المستخدم التي يمكن الوصول إليها أو النموذج التلقائي أو جداول البيانات أو المخططات أو الوضع المظلم أو إعداد خادم MCP أو مواجهة عمليات استيراد المكونات أو أخطاء Reka UI.

322التثبيتات·8الرائج·@noartem

التثبيت

$npx skills add https://github.com/noartem/laravel-vue-skills --skill shadcn-vue

كيفية تثبيت shadcn-vue

ثبّت مهارة الذكاء الاصطناعي shadcn-vue بسرعة في بيئة التطوير لديك عبر سطر الأوامر

  1. افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
  2. نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/noartem/laravel-vue-skills --skill shadcn-vue
  3. تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

المصدر: noartem/laravel-vue-skills.

| Enable CSS variables | components.json → tailwind.cssVariables: true | | Add registry namespace | components.json → registries map | | Opencode MCP init | npx shadcn-vue@latest mcp init --client opencode | | Codex MCP config | /.codex/config.toml with mcpservers.shadcn |

Full example: See templates/components.json or generate via npx shadcn-vue@latest init

The @/lib/utils.ts file provides the cn() helper for merging Tailwind classes:

shadcn-vue لـ Vue/Nuxt مع مكونات Reka UI وTailwind. يُستخدم لواجهة المستخدم التي يمكن الوصول إليها أو النموذج التلقائي أو جداول البيانات أو المخططات أو الوضع المظلم أو إعداد خادم MCP أو مواجهة عمليات استيراد المكونات أو أخطاء Reka UI. المصدر: noartem/laravel-vue-skills.

حقائق جاهزة للاقتباس

حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.

أمر التثبيت
npx skills add https://github.com/noartem/laravel-vue-skills --skill shadcn-vue
الفئة
</>أدوات التطوير
موثق
أول ظهور
2026-02-01
آخر تحديث
2026-03-10

Browse more skills from noartem/laravel-vue-skills

إجابات سريعة

ما هي shadcn-vue؟

shadcn-vue لـ Vue/Nuxt مع مكونات Reka UI وTailwind. يُستخدم لواجهة المستخدم التي يمكن الوصول إليها أو النموذج التلقائي أو جداول البيانات أو المخططات أو الوضع المظلم أو إعداد خادم MCP أو مواجهة عمليات استيراد المكونات أو أخطاء Reka UI. المصدر: noartem/laravel-vue-skills.

كيف أثبّت shadcn-vue؟

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/noartem/laravel-vue-skills --skill shadcn-vue بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

أين مستودع المصدر؟

https://github.com/noartem/laravel-vue-skills