Smarter UIs: Building Context-Aware AI Apps with Genkit & Angular
summary
Describes concrete tooling and code: Genkit v1.20 running on a Node.js backend calls Gemini 2.5 flash via a defined flow, with Zod schemas for strict input/output, a REST endpoint that Angular calls, and a Firebase Studio demo that returns a list of recipes. Explains Angular’s machine-readable guidance: MCP (Model Context Protocol), llm.txt and rules for Angular 21 (released yesterday) and an MCP zoneless migration helper — working code and deployment steps are shown.
AI-written summary · about
chapters (11)
- 0:00Introduction
- 2:14AI and developer jobs
- 4:47Angular AI tools
- 7:40Model Context Protocol
- 11:39AI Angular apps with Genkit
- 13:29Genkit backend setup
- 16:56Input/output schemas
- 18:20Genkit flows for AI
- 21:14Angular-Genkit connection
- 23:19Live AI recipe demo
- 25:15Genkit capabilities & closing
related talks
37mBeyond Prompts: Building Intelligent Applications With Genkit and the Model Context Protocol
22mNext-Gen Angular: Building an AI Chatbot
25mArchitecting AI in Angular: WebMCP, A2UI, and the Agent Experience
59mAngular Keynote
39mGetting Started with GenAI for Android Apps
32mLeveraging Angular-Based Frameworks for AI-Driven Testing
18mMad science with the Angular Compiler
19mVoice User Interfaces with Angular