AI Product Expert Certification - Master Generative AI Skills
Our career paths help you become job ready faster
Overview
Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn how to implement generative UI in Next.js applications using the Thesys C1 API and explore the mcp-ui tool for enhanced AI-powered user interfaces. Discover how to set up and integrate Thesys with Next.js projects, understanding the differences between C1Chat and C1Component for various use cases. Explore practical implementations including sales CSV data visualization, ecommerce applications, and educational quiz systems. Master customization techniques for chat interfaces, create custom components and actions, and see real-world demonstrations of generative UI capabilities that can significantly improve your AI application's user experience.
Syllabus
00:00 Intro
01:36 mcp-ui
03:08 Thesys C1
04:32 Playground
05:11 How it works
06:14 Next.js + Thesys setup
09:30 C1Chat vs C1Component
10:28 Customize chat
11:22 Sales CSV data
12:04 Ecommerce data
12:30 Quiz / Edtech
13:23 Custom components
13:41 Custom actions
13:57 Other demos
Taught by
ByteGrad