প্রকল্প সম্পর্কে

json-render হলো Vercel Labs-এর তৈরি একটি Generative UI ফ্রেমওয়ার্ক, যা প্রাকৃতিক ভাষার প্রম্পট থেকে AI-কে দিয়ে গতিশীল, ব্যক্তিগতকৃত ইউজার ইন্টারফেস তৈরি করায়। এটি AI-এর আউটপুট পূর্বনির্ধারিত কম্পোনেন্ট ও অ্যাকশনের একটি ক্যাটালগের মধ্যে সীমাবদ্ধ রাখে, ফলে নিরাপদ, পূর্বানুমেয় এবং স্কিমা-সামঞ্জস্যপূর্ণ JSON আউটপুট নিশ্চিত হয়। প্রধান সক্ষমতাগুলোর মধ্যে রয়েছে: - ক্রস-প্ল্যাটফর্ম রেন্ডারিং: একই কম্পোনেন্ট ক্যাটালগ থেকে React, Vue, Svelte, SolidJS, React Native এবং টার্মিনাল UI (Ink) সমর্থন করে। - মাল্টি-টার্গেট আউটপুট: ওয়েব ও মোবাইল UI ছাড়াও এটি সম্পূর্ণ Next.js বা TanStack Start অ্যাপ, ভিডিও (Remotion), PDF ডকুমেন্ট, HTML ইমেইল, ছবি (SVG/PNG) এবং 3D দৃশ্য (React Three Fiber) তৈরি করতে পারে। - স্ট্রিমিং: SpecStream ইউটিলিটি ব্যবহার করে AI মডেল উত্তর দেওয়ার সময় ধীরে ধীরে UI স্পেক স্ট্রিম ও রেন্ডার করে। - ডাইনামিক প্রপস ও স্টেট: শর্তসাপেক্ষ দৃশ্যমানতা, ডাইনামিক প্রপ এক্সপ্রেশন, স্টেট ওয়াচার এবং setState-এর মতো বিল্ট-ইন অ্যাকশন সমর্থন করে। এতে Redux, Zustand, Jotai এবং XState-এর জন্য অ্যাডাপ্টার রয়েছে। - ব্যাটারি অন্তর্ভুক্ত: 36টি পূর্বনির্মিত shadcn/ui কম্পোনেন্ট এবং স্ট্যান্ডার্ড মোবাইল কম্পোনেন্ট সরবরাহ করে। - DevTools: React, Vue, Svelte এবং Solid-এর জন্য স্পেক ট্রি, স্টেট এডিটর, অ্যাকশন লগ এবং ক্যাটালগ ব্রাউজারসহ একটি ড্রপ-ইন ইন্সপেক্টর প্যানেল দেয়। - ইন্টিগ্রেশন: Claude, ChatGPT, Cursor এবং VS Code-এর জন্য একটি MCP (Model Context Protocol) ইন্টিগ্রেশন, পাশাপাশি একটি YAML ওয়্যার ফরম্যাট অন্তর্ভুক্ত করে।