Building interactive UIs for Agent-powered apps with Generative UI // TRAIN BRAIN

Building interactive UIs for Agent-powered apps with Generative UI

Getting started with GenUI → https://goo.gle/4iY0TpK
genUI on pub.dev → https://goo.gle/4p0UDiH
GitHub repo → https://goo.gle/48KDLGA
Stitch → https://goo.gle/4q5DZz7
Antigravity → https://goo.gle/3L4G4MZ
The Generative UI SDK for Flutter helps developers build more interactive agent-powered app experiences for users. In this video Khanh continues to build a workout app that incorporates generative UI features
Watch along as Khanh builds an interactive user interface with the Generative UI SDK for Flutter that streamlines the collaboration between the user and their agent.
Chapters:
0:00 - Intro
1:08 - [Demo] Workout Buddy demo
2:54 - GenUI architecture overview
5:19 - Updates from the previous episode, waiting for user input
7:38 - Adding RepsCard widgets to show information about each exercise
12:24 - Actions & emitting events from a genUI widget
17:16 - UI Design & Implementation with Stitch & Antigravity
Watch more FlutterFlightPlans → https://www.youtube.com/watch?v=pMoUg3dkDJk&list=PLjxrf2q8roU1yXu4k7ivSLAa0cizD4feH
? Subscribe to Flutter → https://goo.gle/FlutterYT
#Flutter
Speaker: Khanh Nguyen
Products Mentioned: Generative UI SDK for Flutter

Flutter

Welcome to the official Flutter YouTube channel. Subscribe to stay up to date with best practices about the Flutter SDK. See real code examples, and watch engineers from around the world putting Flutter to work! Subscribe to stay connected → http://bit....

Decoupling Material and Cupertino

Crosswords, Flutter, and good challenges for AI

Getting Started with GenUI in Flutter

Strengthening Flutter's core widgets

Accelerating Dart code generation

Building websites with Dart and Jaspr

Rewriting an app with millions of users: The Talabat Story

How to connect interfaces to the cloud with AI agents

Building interactive UIs for Agent-powered apps with Generative UI

Building a Flutter widget gallery with Gemini 3

Gemini 3.0 in Flutter and Firebase AI Logic

CupertinoSliverNavigationBar (Widget of the Week)

How I built a Google I/O keynote demo in 30 minutes

FlutterFlightPlans Release Recap

Getting Started with the Flutter Extension for Gemini CLI

Build hooks - Flutter Build Show

Flutter ? NotebookLM

What are Dot shorthands in Dart 3.10?

How NotebookLM Built a 4.8-Star Flutter App

What's new in Flutter 3.38 and Dart 3.10

Crosswords, Agents, and Flutter

Getting started with GenUI

How I built a Google I/O keynote demo in 30 minutes

Build multiplatform apps with Gemini CLI

Using the Dart & Flutter MCP Server with Gemini CLI

The great thread merge

Get started with the Flutter Extension for Gemini CLI

Tooling, AI, and Dart 3.9

Just coding | Observable Flutter #72

Platform updates in Flutter 3.35

Just coding | Observable Flutter #71

Framework updates and new widgets in Flutter 3.35

Productivity and performance in Flutter 3.35

Flutter & Figma MCP | Observable Flutter #70

flutter_soloud (Package of the Week)

record (Package of the Week)

Vibe-coding with Gemini CLI | Observable Flutter #67

Build and ship amazing multiplatform iOS and Android apps with one codebase

YouTube stream watcher, part 3 | Observable Flutter #66

CupertinoSheetRoute (Widget of the Week)

How Flutter Works: The Flutter Engine and Embedders #DecodingFlutter

How Flutter Works: The RenderObject #DecodingFlutter

How Flutter Works: The RenderObjectWidget #DecodingFlutter

Dialogue trees for Flutter games

How Flutter Works: The State class #DecodingFlutter

How Flutter Works: The Three Trees #DecodingFlutter

How Flutter Works: Architecture #DecodingFlutter

Flutter 3.29 for Web Updates: Wasm, HTML renderer removal, and more!

New DevTools inspector, Logging tool, and more in Flutter 3.29

CupertinoSlideSegmented Control (Widget of the Week)

Build agentic apps in Flutter and Angular

Game physics basics (for Flutter games)

What’s new for iOS in Flutter 3.29?

New transitions & Material Design updates in #Flutter 3.29!

The one VS Code command You NEED to Know as a #Flutter dev!

How to integrate multimedia ads into a Flutter app using interactive_media_ads

Flutter code clutter? Tidy up with this VS Code trick!

▶️ What’s the best casting package for Flutter apps?

How has Flutter changed over time? (from Rivers Cuomo’s perspective)

Rivers Cuomo’s #1 Flutter feature request

Writing music ? or writing Flutter code ??

? Firebase, ? Bloc, and ? just_audio

How Rivers Cuomo is building Flutter apps for daily life | #FlutterInProduction

Rivers Cuomo is using #FlutterInProduction

Rivers Cuomo’s journey learning to code | #FlutterInProduction

CupertinoCheckbox (Widget of the Week)

CupertinoSwitch (Widget of the Week)

CarouselView.weighted, Spacing and more framework updates in Flutter 3.27!

CarouselView (Widget of the Week)

Prototyping 3 features that make Flutter code quicker to write & easier to read

What is Flutter Direct Native Interop?

How Rivers Cuomo uses #FlutterInProduction

Flutter Web with Wasm: How close can we get to native speeds? ?

Impeller for Flutter on Android ?

Building fun and immersive experiences with Flutter | Supercell & Universal Studios

Making Flutter apps indistinguishable from native in Flutter 3.27

How LG Electronics uses #FlutterInProduction

How Headspace uses #FlutterInProduction

How MGM Resorts uses #FlutterInProduction

#FlutterInProduction: Roadmap