آموزش ساخت اپلیکیشن MCP با استفاده از json-render - آخرین آپدیت
دانلود Create an MCP App with json-render
در این دوره عملی مخصوص توسعهدهندگان برنامههای مبتنی بر هوش مصنوعی، به دنیای ساخت داشبوردهای پویا با json-render وارد شوید. بیاموزید که چگونه رابطهای کاربری (UI) سازگار با برند خود را از طریق پرامپتهای زبان طبیعی تولید کنید و همزمان خروجیهای هوش مصنوعی را با قراردادهای ساختاریافته JSON اعتبارسنجی نمایید. ایو پورسلو (Eve Porcello)، مهندس DX، به شما نشان میدهد که چگونه با استفاده از شمای Zod، کاتالوگی کنترلشده از کامپوننتها تعریف کنید تا رابطهای کاربری تولید شده توسط هوش مصنوعی، پایدار و قابل نگهداری باشند.
در این دوره، استریم کردن UI تولید شده توسط هوش مصنوعی در لحظه، اتصال کامپوننتها به دادههای زنده با استفاده از مسیرهای وضعیت (state paths) و اتصال دوطرفه ورودیها، و همچنین اعتبارسنجی و اصلاح خودکار خروجیهای ناقص را بررسی خواهید کرد. در نهایت، اپلیکیشن خود را به عنوان یک ابزار MCP بستهبندی میکنید که مستقیماً درون Cursor رندر میشود و مزایای معماری رویکرد کاتالوگ-محور را تجربه میکنید. در پایان، شما یک پروژه مرجع کامل و کاربردی خواهید داشت که میتوانید آن را برای برنامههای Generative UI خود شخصیسازی کنید.
1. از ساختار اولیه تا اپلیکیشن MCP 1. From Scaffold to MCP App
-
مطابقت دادن تایپها با کامپوننتهای React Mapping your types to React components
-
بستهبندی به عنوان یک اپلیکیشن MCP Packaging it as an MCP app
-
راهاندازی ساختار اولیه پروژه json render Scaffolding an initial json-render project
-
ساخت رابط کاربری استریم شده Creating a streamed UI
-
تست داشبورد Testing the dashboard
-
یکپارچهسازی AI SDK Incorporating the AI SDK
-
ساخت کاتالوگ کنترلشده کامپوننتها Creating a controlled component catalog
-
رندر کردن کامپوننتهای React Rendering React components
-
رندر کردن رابط کاربری استریم شده Rendering the streamed UI
https://donyad.com/d/ee7990
Eve Porcello
توسعه دهنده و مدرس نرم افزار
برای تقریبا یک دهه، ایو جاوا اسکریپت، GraphQL را آموزش داده است. و کارگاه های آموزشی React برای متخصصان فناوری در سراسر جهان. او همچنین نویسنده Learning React و Learning GraphQL از O'Reilly Media است. میتوانید او را در Twitter @eveporcello دنبال کنید یا مقالههای او درباره برنامهنویسی را در www.moonhighway.com/articles پیدا کنید. div>
نمایش نظرات