·frontend-shadcn
</>

frontend-shadcn

مكتبة المكونات الأساسية الافتراضية لجميع احتياجات واجهة المستخدم React/Next.js. استخدم كنقطة بداية لأي مشروع يحتاج إلى الأزرار والمدخلات ومربعات الحوار والنماذج والجداول والتنقل والنماذج والقوائم المنسدلة وعناصر واجهة المستخدم القياسية الأخرى. مبني على Radix UI + Tailwind CSS. تحقق من shadcn أولاً قبل الوصول إلى المكتبات الأخرى.

8التثبيتات·0الرائج·@petbrains

التثبيت

$npx skills add https://github.com/petbrains/mvp-builder --skill frontend-shadcn

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

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

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

المصدر: petbrains/mvp-builder.

shadcn/ui is NOT a component library you install via npm. It's a collection of re-usable components that you copy and paste into your project. You OWN the code.

Built on: Radix UI (accessibility) + Tailwind CSS (styling) + CVA (variants)

This is your DEFAULT starting point. Always check shadcn/ui first.

مكتبة المكونات الأساسية الافتراضية لجميع احتياجات واجهة المستخدم React/Next.js. استخدم كنقطة بداية لأي مشروع يحتاج إلى الأزرار والمدخلات ومربعات الحوار والنماذج والجداول والتنقل والنماذج والقوائم المنسدلة وعناصر واجهة المستخدم القياسية الأخرى. مبني على Radix UI + Tailwind CSS. تحقق من shadcn أولاً قبل الوصول إلى المكتبات الأخرى. المصدر: petbrains/mvp-builder.

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

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

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

Browse more skills from petbrains/mvp-builder

إجابات سريعة

ما هي frontend-shadcn؟

مكتبة المكونات الأساسية الافتراضية لجميع احتياجات واجهة المستخدم React/Next.js. استخدم كنقطة بداية لأي مشروع يحتاج إلى الأزرار والمدخلات ومربعات الحوار والنماذج والجداول والتنقل والنماذج والقوائم المنسدلة وعناصر واجهة المستخدم القياسية الأخرى. مبني على Radix UI + Tailwind CSS. تحقق من shadcn أولاً قبل الوصول إلى المكتبات الأخرى. المصدر: petbrains/mvp-builder.

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

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

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

https://github.com/petbrains/mvp-builder