·react

عارض React لـ json-render الذي يحول مواصفات JSON إلى مكونات React. يُستخدم عند العمل مع @json-render/react، أو إنشاء واجهات مستخدم React من JSON، أو إنشاء كتالوجات المكونات، أو عرض المواصفات التي تم إنشاؤها بواسطة الذكاء الاصطناعي.

81التثبيتات·21الرائج·@vercel-labs

التثبيت

$npx skills add https://github.com/vercel-labs/json-render --skill react

كيفية تثبيت react

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

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

المصدر: vercel-labs/json-render.

React renderer that converts JSON specs into React component trees.

Use visible on elements to show/hide based on state. New syntax: { "$state": "/path" }, { "$state": "/path", "eq": value }, { "$state": "/path", "not": true }, { "$and": [cond1, cond2] } for AND, { "$or": [cond1, cond2] } for OR. Helpers: visibility.when("/path"), visibility.unless("/path"), visibility.eq("/path", val), visibility.and(cond1, cond2), visibility.or(cond1, cond2).

| StateProvider | Share state across components (JSON Pointer paths). Accepts optional store prop for controlled mode. | | ActionProvider | Handle actions dispatched via the event system | | VisibilityProvider | Enable conditional rendering based on state | | ValidationProvider | Form field validation |

عارض React لـ json-render الذي يحول مواصفات JSON إلى مكونات React. يُستخدم عند العمل مع @json-render/react، أو إنشاء واجهات مستخدم React من JSON، أو إنشاء كتالوجات المكونات، أو عرض المواصفات التي تم إنشاؤها بواسطة الذكاء الاصطناعي. المصدر: vercel-labs/json-render.

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

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

أمر التثبيت
npx skills add https://github.com/vercel-labs/json-render --skill react
الفئة
</>أدوات التطوير
موثق
أول ظهور
2026-03-08
آخر تحديث
2026-03-10

Browse more skills from vercel-labs/json-render

إجابات سريعة

ما هي react؟

عارض React لـ json-render الذي يحول مواصفات JSON إلى مكونات React. يُستخدم عند العمل مع @json-render/react، أو إنشاء واجهات مستخدم React من JSON، أو إنشاء كتالوجات المكونات، أو عرض المواصفات التي تم إنشاؤها بواسطة الذكاء الاصطناعي. المصدر: vercel-labs/json-render.

كيف أثبّت react؟

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

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

https://github.com/vercel-labs/json-render