🎬

Generative UI 영상 — MCP Apps 데모·튜토리얼·발표

Generative UI 튜토리얼과 발표 영상을 엄선했습니다. MCP Apps, 에이전트 UI, Google Cloud 데모, Flutter GenUI와 LangChain 예제로 동적 AI 인터페이스 구현을 살펴보세요.

18 개
Agentic UX: 에이전트가 자체 UI를 만드는 3가지 방식
🎬영상

Agentic UX: 에이전트가 자체 UI를 만드는 3가지 방식

Mastra가 2026년 9월 7일 공개한 영상으로, CopilotKit 소속 Tyler Slaton이 Generative UI와 Agentic UX를 설명합니다. 인시던트 분류 데모를 통해 도구에 연결된 React 컴포넌트, A2UI 컴포넌트 카탈로그, AG-UI를 통해 샌드박스에서 실행하는 개방형 UI 생성을 비교합니다. 승인 단계와 Slack 전송도 보여 주며, 풍부한 React 출력은 대화형 앱이 아닌 스크린샷으로 전송됩니다.

generative-uiagentic-uxag-ui
작성자 Mastra / Tyler Slaton (CopilotKit) · 2026-09-07
영상 보기
Blazor Community Standup: AG-UI·A2UI로 만드는 Generative UI
🎬영상

Blazor Community Standup: AG-UI·A2UI로 만드는 Generative UI

Blazor 애플리케이션에서 Microsoft Agent Framework, AG-UI, A2UI를 활용해 에이전트가 인터페이스 컴포넌트를 동적으로 구성하고 조정하는 방법을 보여 주는 공식 .NET 세션입니다. 아키텍처, 프로토콜, 컴포넌트 정의와 실제 작동하는 데모를 다룹니다.

blazorag-uia2ui
작성자 .NET · 2026-07
영상 보기
모든 에이전트를 위한 Generative UI: A2UI·AG-UI·MCP Apps
🎬영상

모든 에이전트를 위한 Generative UI: A2UI·AG-UI·MCP Apps

A2UI, AG-UI, MCP Apps 및 관련 표준을 이식 가능한 에이전트 생성 인터페이스를 위한 상호 보완적 계층으로 설명하는 공식 Google Cloud Tech 세션입니다.

google-clouda2uiag-ui
작성자 Google Cloud Tech · 2026-06
영상 보기
컴포넌트를 넘어: MCP Apps를 위한 Generative UI 설계
🎬영상

컴포넌트를 넘어: MCP Apps를 위한 Generative UI 설계

Postman의 Ruben Casas가 MCP Apps를 위한 Generative UI 설계를 다룬 AI Engineer Europe 발표입니다. 개별 컴포넌트를 넘어 에이전트가 더 풍부한 애플리케이션 화면을 제공하는 방향을 살펴봅니다.

mcp-appsgenerative-uipostman
작성자 AI Engineer · 2026-06
영상 보기
바이브 디자인으로 완성도 높은 웹 UI 만들기
🎬영상

바이브 디자인으로 완성도 높은 웹 UI 만들기

Stitch와 Chrome DevTools MCP로 아이디어를 완성도 높은 웹 UI 제작 워크플로로 연결하는 방법을 보여 주는 공식 Chrome for Developers 발표입니다.

chromestitchmcp
작성자 Chrome for Developers · 2026-05
영상 보기
Stitch의 결과를 개선하는 하나의 디자인 결정
🎬영상

Stitch의 결과를 개선하는 하나의 디자인 결정

하나의 명확한 디자인 결정에 집중해 Stitch의 UI 생성 결과를 개선하는 방법을 소개하는 Google for Developers와 Google Labs의 공식 영상입니다.

googlestitchdesign
작성자 Google for Developers · 2026-04
영상 보기
Generative UI의 명세·패턴·프로토콜: MCP Apps·A2UI·AG-UI
🎬영상

Generative UI의 명세·패턴·프로토콜: MCP Apps·A2UI·AG-UI

MCP Apps, A2UI, AG-UI를 비롯해 현대적인 Generative UI의 기반이 되는 명세, 패턴, 프로토콜을 비교하는 CopilotKit의 심층 해설입니다.

copilotkitmcp-appsa2ui
작성자 CopilotKit · 2026-01
영상 보기
Gemini 3를 탑재한 Google 검색: 한층 지능적인 검색
🎬영상

Gemini 3를 탑재한 Google 검색: 한층 지능적인 검색

시각적 응답과 대화형 도구를 비롯해 Google 검색에 적용된 Gemini 3의 새로운 기능을 소개하는 Google의 공식 YouTube 영상입니다.

googlegeminisearch
작성자 Google · 2025-11
영상 보기
GenUI 시작하기
🎬영상

GenUI 시작하기

GenUI SDK로 Flutter 애플리케이션에서 동적 인터페이스를 생성하는 방법을 보여 주는 Flutter 공식 튜토리얼입니다.

fluttergenuisdk
작성자 Flutter · 2025-11
영상 보기
Config 2025: Figma Make·Sites로 프롬프트에서 코드까지
🎬영상

Config 2025: Figma Make·Sites로 프롬프트에서 코드까지

Figma Make 및 Sites 팀이 프롬프트를 실제 코드로 구현된 제품 경험으로 연결하는 과정을 소개하는 Figma Config 2025 공식 세션입니다.

figmafigma-makeprompt-to-code
작성자 Figma · 2025-06
영상 보기
🔥 Generative UI: 프론트엔드의 미래와 주목해야 하는 이유 — DevConf.CZ 2025
🎬영상

🔥 Generative UI: 프론트엔드의 미래와 주목해야 하는 이유 — DevConf.CZ 2025

Generative UI의 개념과 프론트엔드 개발자가 이 새로운 패러다임에 주목해야 하는 이유를 살펴보는 DevConf.CZ 2025 콘퍼런스 발표입니다.

frontendtalkfuture
작성자 DevConf · 2025
영상 보기
AI에 React 컴포넌트 연결하기
🎬영상

AI에 React 컴포넌트 연결하기

AI SDK가 단순한 텍스트 응답을 넘어 React 컴포넌트를 스트리밍하고 Generative UI 패턴을 구현하는 방법을 보여 주는 Vercel 공식 영상입니다.

vercelai-sdkreact
작성자 Vercel · 2024-03
영상 보기
GenUI: AI가 생성하는 인터페이스
🎬영상

GenUI: AI가 생성하는 인터페이스

AI가 생성하는 인터페이스인 GenUI의 개념과 사용자 경험 디자인에 미치는 영향을 설명하는 Nielsen Norman Group 영상입니다.

nngroupuxai
작성자 NNgroup · 2024
영상 보기
실시간 UI 생성: GenUI로 동적인 웹 경험 만들기
🎬영상

실시간 UI 생성: GenUI로 동적인 웹 경험 만들기

Generative UI 기법으로 실시간으로 변화하는 동적인 웹 경험을 구현하는 방법을 소개하는 Adam Lucek의 튜토리얼입니다.

real-timewebgenui
작성자 Adam Lucek · 2024
영상 보기
Generative UI: AI가 즉석에서 만드는 대화형 경험 — Gemini·Google 검색
🎬영상

Generative UI: AI가 즉석에서 만드는 대화형 경험 — Gemini·Google 검색

Gemini와 Google 검색의 예제를 통해 Generative UI로 AI가 대화형 경험을 동적으로 생성하는 방식을 설명하는 영상입니다.

aigeminigoogle-search
작성자 Beyond Words Studio · 2024
영상 보기
Thesys C1: 대화형 AI 앱·에이전트를 위한 최초의 Generative UI API 소개
🎬영상

Thesys C1: 대화형 AI 앱·에이전트를 위한 최초의 Generative UI API 소개

WorldofAI가 대화형 AI 애플리케이션과 에이전트 구현을 위한 최초의 Generative UI API로 Thesys C1을 소개하는 영상입니다.

thesysc1api
작성자 WorldofAI · 2024
영상 보기
맞춤형 인터페이스의 가능성: Generative UI와 결과 중심 디자인
🎬영상

맞춤형 인터페이스의 가능성: Generative UI와 결과 중심 디자인

Generative UI와 결과 중심 디자인으로 개인화된 사용자 인터페이스를 구현하는 가능성을 살펴보는 AI Insight News 영상입니다.

personalizationoutcome-orienteddesign
작성자 AI Insight News · 2024
영상 보기
C1 Generative UI 시작하기
🎬영상

C1 Generative UI 시작하기

C1 Generative UI 플랫폼을 처음 사용하는 방법을 안내하는 Thesys 공식 튜토리얼입니다.

thesysc1tutorial
작성자 Thesys · 2024
영상 보기

Generative UI와 Intelligent UI 리소스를 엄선한 모음입니다.

정성을 담아 ❤️ 커뮤니티가 만들었습니다