create-an-mcp-app-with-json-render-9083000

# Create an MCP App with json-render This is the repository for the LinkedIn Learning course `Create an MCP App with json-render`. The full course is available from [LinkedIn Learning][lil-course-url]. ![lil-thumbnail-url] ## Course Description <p>Dive into dynamic dashboard creation with json-render in this hands-on course for developers building AI-powered applications. Learn how to generate brand-consistent UI from natural language prompts while validating AI output with structured JSON contracts. DX engineer Eve Porcello shows you how to define a controlled catalog of components using Zod schemas to keep AI-generated interfaces stable and maintainable.</p><p>Explore streaming AI-generated UI in real time, binding components to live data with state paths and two-way input binding, and automatically validating and repairing malformed output. The course culminates in packaging your application as an MCP tool that renders directly inside Cursor, demonstrating the architectural payoff of a catalog-first approach. By the end, you'll have a complete, working reference project you can adapt for your own generative UI applications.</p> _See the readme file in the main branch for updated instructions and information._ ## Instructions This repository contains an `ExerciseFiles` folder with a subfolder for each video in the course. Navigate into the relevant chapter folder to follow along with the course at that stage. ## Folder Structure The folders in `ExerciseFiles` are structured to correspond to the videos in the course. The naming convention is `CHAPTER#_MOVIE#`. As an example, the folder named `01_03` corresponds to the second chapter and the third video in that chapter. Within that folder is `01_03b`, the start folder, and `01_03e`, the complete folder. ## Instructor Eve Porcello Eve Porcello is a DX engineer at Vercel and the cofounder of Moon Highway, a curriculum development and training company. Since 2012, Eve has taught JavaScript, GraphQL, and React training workshops to tech professionals around the world. She is also the coauthor of Learning React and Learning GraphQL from O'Reilly Media. In her current role at Vercel, Eve works on the education team—where she leverages her expertise in both engineering and instruction. Check out my other courses on [LinkedIn Learning](https://www.linkedin.com/learning/instructors/eve-porcello). [0]: # (Replace these placeholder URLs with actual course URLs) [lil-course-url]: https://www.linkedin.com/learning/ [lil-thumbnail-url]: https://media.licdn.com/dms/image/v2/D560DAQEE25cSDvIrBg/learning-public-crop_675_1200/B56Z2T1ZxEKwAY-/0/1776301743649?e=2147483647&v=beta&t=9BOvpEf9hLjtdoPS61TG4j1CFRA5u7XshYz_GCHYSTE