ما هي shadcn؟
مكونات shadcn/ui المُصممة مسبقًا لعرض json. يُستخدم عند العمل مع @json-render/shadcn، أو إضافة مكونات واجهة مستخدم قياسية إلى كتالوج، أو إنشاء واجهات مستخدم ويب باستخدام مكونات Radix UI + Tailwind CSS. المصدر: vercel-labs/json-render.
·shadcn
*
shadcn
✓مكونات shadcn/ui المُصممة مسبقًا لعرض json. يُستخدم عند العمل مع @json-render/shadcn، أو إضافة مكونات واجهة مستخدم قياسية إلى كتالوج، أو إنشاء واجهات مستخدم ويب باستخدام مكونات Radix UI + Tailwind CSS.
كيفية تثبيت shadcn
ثبّت مهارة الذكاء الاصطناعي shadcn بسرعة في بيئة التطوير لديك عبر سطر الأوامر
- افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
- نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/vercel-labs/json-render --skill shadcn
- تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
المصدر: vercel-labs/json-render.
SKILL.md
عرض النص الخامPre-built shadcn/ui component definitions and implementations for json-render. Provides 36 components built on Radix UI + Tailwind CSS.
| @json-render/shadcn/catalog | shadcnComponentDefinitions | Catalog schemas (no React dependency, safe for server) | | @json-render/shadcn | shadcnComponents | React implementations |
Pick the components you need from the standard definitions. Do not spread all definitions -- explicitly select what your app uses:
مكونات shadcn/ui المُصممة مسبقًا لعرض json. يُستخدم عند العمل مع @json-render/shadcn، أو إضافة مكونات واجهة مستخدم قياسية إلى كتالوج، أو إنشاء واجهات مستخدم ويب باستخدام مكونات Radix UI + Tailwind CSS. المصدر: vercel-labs/json-render.
حقائق جاهزة للاقتباس
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
- أمر التثبيت
npx skills add https://github.com/vercel-labs/json-render --skill shadcn- المصدر
- vercel-labs/json-render
- الفئة
- *وسائط إبداعية
- موثق
- ✓
- أول ظهور
- 2026-03-08
- آخر تحديث
- 2026-03-10
إجابات سريعة
كيف أثبّت shadcn؟
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/vercel-labs/json-render --skill shadcn بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
أين مستودع المصدر؟
https://github.com/vercel-labs/json-render
التفاصيل
- الفئة
- *وسائط إبداعية
- المصدر
- skills.sh
- أول ظهور
- 2026-03-08