IRL & Online Program
Generative UI & Frontend AI
Build beautiful, modern streaming interfaces. Learn Vercel AI SDK, generative components, and real-time voice integration.
Hands-on Highlights
- Master the Vercel AI SDK
- Render dynamic React components from LLM outputs
- Implement robust markdown and code block parsing
- Build a real-time Voice-to-Voice WebRTC interface
Detailed Syllabus
Week 1-2
Streaming Interfaces & AI SDK
- The mechanics of HTTP streaming for LLMs
- Integrating Vercel AI SDK with Next.js App Router
- Managing chat state and message history
- Handling network interruptions and errors gracefully
Week 3-4
Generative UI (UI as Code)
- Introduction to React Server Components (RSC)
- Tool calling to trigger UI state changes
- Rendering interactive charts/widgets dynamically
- Building a Perplexity-style answer interface
Week 5-6
Voice & Multimodal UX
- Handling image uploads for GPT-4V/Claude 3 Vision
- Integrating Whisper for Voice-to-Text
- WebRTC for real-time Voice-to-Voice (OpenAI Realtime API)
- Capstone: Multi-modal AI Companion Web App
Target Roles & Career Paths
Frontend AI Engineer
Creative Technologist
UX Engineer
These are the primary roles you will be equipped to apply for upon successful completion of the course and portfolio projects.