عن المشروع

json-render هو إطار عمل للواجهات التوليدية (Generative UI) طوّرته Vercel Labs، ويتيح للذكاء الاصطناعي إنشاء واجهات مستخدم ديناميكية ومخصصة انطلاقًا من أوامر باللغة الطبيعية. وهو يقيّد مخرجات الذكاء الاصطناعي بكتالوج محدّد مسبقًا من المكونات والإجراءات، بما يضمن مخرجات JSON آمنة وقابلة للتنبؤ ومطابقة للمخطط. تشمل القدرات الرئيسية ما يلي: - العرض عبر المنصات: يدعم React وVue وSvelte وSolidJS وReact Native وواجهات الطرفية (Ink) من كتالوج المكونات نفسه. - مخرجات متعددة الأهداف: بالإضافة إلى واجهات الويب والجوال، يمكنه توليد تطبيقات Next.js أو TanStack Start كاملة، ومقاطع فيديو (Remotion)، ومستندات PDF، ورسائل بريد إلكتروني HTML، وصور (SVG/PNG)، ومشاهد ثلاثية الأبعاد (React Three Fiber). - البث: يبث ويعرض مواصفات الواجهة تدريجيًا أثناء استجابة نموذج الذكاء الاصطناعي باستخدام أدوات SpecStream. - الخصائص والحالة الديناميكية: يدعم الظهور الشرطي، وتعبيرات الخصائص الديناميكية، ومراقبات الحالة، وإجراءات مدمجة مثل setState. ويتضمن محوّلات لـ Redux وZustand وJotai وXState. - جاهز للاستخدام: يوفّر 36 مكوّنًا جاهزًا من shadcn/ui ومكوّنات جوال قياسية. - أدوات التطوير: يوفّر لوحة فحص جاهزة تتضمن شجرة المواصفات، ومحرر الحالة، وسجل الإجراءات، ومتصفح الكتالوج لـ React وVue وSvelte وSolid. - التكاملات: يتضمن تكامل MCP (Model Context Protocol) مع Claude وChatGPT وCursor وVS Code، بالإضافة إلى صيغة نقل YAML.