💡

Generative UI 사례 — ChatGPT·Gemini Dynamic View·v0

Generative UI 활용 사례를 살펴보세요. ChatGPT Intelligent UI, Gemini Dynamic View, Vercel AI SDK, Claude Artifacts 등 AI 기반 인터페이스의 실제 구현 방식을 비교할 수 있습니다.

22 개
💡활용 사례

Google Maps in AI Studio: Prompt-to-App Geospatial Interfaces

Google's November 9, 2026 launch connects AI Studio's app generation to Maps Platform. Geospatial prompts configure relevant capabilities and demo credentials, producing live interactive map previews for store locators, route planners, and 3D tours. This is a design-time interface generation case backed by real location services.

generative-uidesign-time-uigoogle-ai-studio
작성자 Abinaya Selvam and Mike Taylor-Cai, Google · 2026-11-09
사이트 방문
💡활용 사례

Kaltura Dynamic UI: Multimedia Interfaces for Conversational Agents

Kaltura's November 5, 2026 announcement describes conversational agents assembling videos, presentations, galleries, and quizzes as dialogue evolves. This enterprise GenUI case combines avatar conversations with interfaces grounded in organizational content, adapting the presentation to a user's questions and progress.

generative-uiconversational-agentsmultimedia
작성자 Kaltura · 2026-11-05
사이트 방문
💡활용 사례

Play with Putty: 협업형 Generative UI 프로토타이핑

Google Research가 2026년 10월 14일 소개한 Play with Putty는 팀이 공유 환경에서 자연어 프롬프트로 인터페이스를 생성하는 방식입니다. 여러 사람이 함께 편집하고 개별 UI 요소에 지시할 수 있어, 협업을 통한 반복 개선을 보여주는 설계 단계의 Generative UI 사례입니다. 이 Google Labs 실험은 현재도 대기자 명단을 운영하고 있습니다.

generative-uidesign-time-uicollaborative-prototyping
작성자 Yossi Matias, Google Research · 2026-10-14
사이트 방문
💡활용 사례

Google Play: Google AI Studio로 만드는 개인용 비공개 Android 앱

Google AI Studio의 AI 앱 빌더는 이제 바이브 코딩을 Google Play를 통한 비공개 Android 앱 배포로 연결합니다. Google의 2026년 10월 13일 발표에 따르면 미국을 포함한 일부 지역의 성인은 일반 Google 계정으로 직접 만든 앱을 자신의 기기에서 실행할 수 있습니다. 이 설계 단계의 Generative UI 사례는 생성된 애플리케이션이 미리보기를 넘어 개인 앱 라이브러리로 옮겨가는 모습을 보여줍니다.

google-ai-studiogoogle-playai-app-builder
작성자 Google Play · 2026-10-13
사이트 방문
💡활용 사례

LightSprint: 기존 코드베이스를 활용한 AI 앱 개발

LightSprint의 AI 앱 빌더 작업 흐름에서는 PM, 디자이너와 운영팀이 기존 코드베이스에서 코딩 에이전트에 작업을 지시할 수 있습니다. 2026년 10월 13일 발표는 공동 계획 수립, 직접 클릭해 볼 수 있는 클라우드 미리보기와 엔지니어가 통제하는 병합 절차를 설명합니다. 이 설계 단계의 Generative UI 사례는 자연어로 요청한 제품 변경을 직접 확인할 수 있는 인터페이스와 팀의 기존 검토 절차로 연결합니다.

lightsprintai-app-buildercoding-agents
작성자 LightSprint · 2026-10-13
사이트 방문
💡활용 사례

Claude Dashboards: 쿼리를 확인할 수 있는 생성형 대시보드

Anthropic은 2026년 10월 8일 발표에서 유료 요금제에 Claude Dashboards 베타를 도입했습니다. 연결된 데이터 웨어하우스나 앱에 관한 자연어 질문을 최신 데이터를 유지하는 대시보드로 바꾸며, 사용자가 확인할 수 있는 쿼리와 각 차트의 새로고침 시각을 제공합니다.

anthropicclaudegenerative-ui
작성자 Anthropic · 2026-10-08
사이트 방문
💡활용 사례

ChatGPT Intelligent UI: 대화형 응답

OpenAI는 2026년 10월 7일 ChatGPT에 Intelligent UI를 선보였습니다. GPT-6는 텍스트, 시각 자료와 대화형 컴포넌트로 응답을 구성하고 질문에 맞는 레이아웃을 선택합니다. 공식 데모에는 학습용 도표, 여행 계획, 비용 나누기 도구, 저축 계산기와 게임이 포함됩니다.

openaichatgptintelligent-ui
작성자 OpenAI · 2026-10-07
사이트 방문
💡활용 사례

OpenAI Data Agent: 대화로 구성하는 대화형 대시보드

OpenAI가 2026년 9월 ChatGPT Work에 도입한 Data agent는 자연어 업무 질문을 편집, 공유와 새로고침이 가능한 대화형 대시보드로 바꿉니다. 승인된 기업 데이터와 시맨틱 계층에 분석의 근거를 두고, 사용자가 후속 대화로 근거를 탐색하도록 지원합니다. 또한 기존 BI 도구를 통해 대시보드를 게시하거나 다룰 수 있습니다.

openaichatgpt-workdata-analysis
작성자 OpenAI · 2026-09
사이트 방문
💡활용 사례

Google Antigravity: Interactive HTML Answers in the Agent Workspace

Google's August 26, 2026 walkthrough demonstrates agents generating dependency graphs, simulations, and UI mockups inside Antigravity. The accompanying /generative_ui documentation explains how single-file HTML answers appear inline or in a side panel, with explicit limits on sandbox access and interaction feedback.

generative-uiinteractive-explainershtml-artifacts
작성자 The Antigravity Team, Google · 2026-08-26
사이트 방문
💡활용 사례

Copilot in SharePoint: 데이터가 갱신되는 생성형 대시보드

Microsoft의 2026년 8월 SharePoint 업데이트는 Copilot이 자연어 요청으로 대화형 HTML 대시보드를 생성하는 방식을 설명합니다. 생성된 화면은 SharePoint 목록과 연결을 유지하며 열 때 갱신됩니다. Excel과 CSV도 대시보드 데이터로 사용할 수 있습니다. 프로젝트 상태, 재고, 채용과 승인 절차 등의 예제가 포함됩니다.

microsoftcopilotsharepoint
작성자 Microsoft SharePoint Team · 2026-08-06
사이트 방문
💡활용 사례

Google Stitch: 실시간 AI 네이티브 UI 디자인

Google Labs의 Stitch는 채팅만으로 코딩하는 데모를 넘어 설계 단계의 GenUI를 보여주는 사례입니다. Google은 2026년 5월 19일 공식 업데이트에서 Stitch를 실시간 협업 디자인 시스템으로 설명합니다. 에이전트가 무한 캔버스에 UI 작업을 스트리밍하고, 사용자는 작업이 끝나기 전에 개선 방향을 조정하며, 완성된 화면을 실제 구현 단계로 내보낼 수 있습니다.

googlestitchdesign-tool
작성자 Google Labs · 2026-05
사이트 방문
💡활용 사례

Google Gemini 3 — Dynamic View와 Visual Layout

Google은 Gemini 3에 Generative UI 기능을 구현했으며, 내부적으로 이를 "Dynamic View"와 "Visual Layout" 실험이라고 부릅니다. Google 공식 블로그에 따르면 Gemini 3 AI Mode는 "몰입형 시각적 레이아웃과 대화형 도구 및 시뮬레이션을 생성"하며, 사용자 질문에 따라 그 자리에서 인터페이스를 완전히 생성할 수 있습니다. Dynamic View는 Gemini 3가 각 프롬프트에 대해 "완전히 맞춤화된 대화형 응답을 설계하고 코딩"하도록 지원하고, Visual Layout은 "잡지 스타일"의 몰입형 멀티미디어 인터페이스를 생성합니다.

googlegeminidynamic-view
작성자 Google · 2025-11
사이트 방문
💡활용 사례

Google Search AI Mode

검색에 Gemini 3가 도입되면서 AI Mode에 Generative UI 경험이 추가되었습니다. Google Search 팀은 검색의 Gemini 3가 대화형 도구와 시뮬레이션을 포함하는 적절한 시각 레이아웃을 동적으로 구성해 사용자 질문에 맞는 인터페이스를 제공한다고 설명합니다. 예를 들어 복잡한 개념을 검색하면 텍스트 답변뿐 아니라 동적 차트나 시뮬레이션 도구도 볼 수 있습니다. 매개변수를 실시간으로 조절하는 계산기가 그 예입니다.

googlesearchai-mode
작성자 Google · 2025-11
사이트 방문
💡활용 사례

OpenAI Apps SDK: ChatGPT 안의 대화형 앱

OpenAI가 2025년 10월 출시한 Apps SDK는 앱을 ChatGPT 대화 안에서 직접 사용할 수 있게 했다는 점에서 대표적인 Generative UI 사례입니다. 공식 발표는 자연어에 응답하고 채팅 안에서 대화형 인터페이스를 렌더링하는 앱을 설명하며, 지도, 재생목록, 프레젠테이션, 강좌, 쇼핑과 여행 화면 등을 포함합니다. 이 SDK는 MCP를 확장해 개발자가 앱 로직과 인터페이스를 함께 정의하도록 합니다. 다른 앱으로 이동하는 링크보다 자연스럽게 통합된 UI가 필요한 대화형 제품을 위한 구체적인 참고 사례입니다.

openaichatgptapps-sdk
작성자 OpenAI · 2025-10
사이트 방문
💡활용 사례

Claude Artifacts: 공유 가능한 AI 기반 앱

Anthropic의 2025년 7월 Claude Artifacts 업데이트는 아티팩트 패널을 가벼운 앱 실행 공간으로 바꿉니다. Claude는 API로 Claude를 호출하는 아티팩트를 생성하고 호스팅해 공유할 수 있게 하며, 최종 사용자는 자신의 Claude 계정으로 인증합니다. 생성된 UI가 단순히 채팅 옆의 일회성 미리보기로 끝나지 않고, 지속적으로 유지되고 편집할 수 있으며 다른 사람도 사용할 수 있다는 점에서 참고할 만한 사례입니다.

anthropicclaudeartifacts
작성자 Anthropic · 2025-07
사이트 방문
💡활용 사례

Figma Make: 프롬프트로 만드는 앱 프로토타입

Figma Make는 2025년 7월 모든 사용자에게 제공되기 시작했으며, 디자인 도구에서 Generative UI를 보여주는 명확한 사례입니다. Figma는 이를 대화형 고충실도 프로토타입과 웹 앱을 만드는 프롬프트 기반 앱 제작 도구로 설명하며, 이후 가져온 디자인 라이브러리와 Supabase 연결 프로토타입 등의 기능도 지원합니다. GenUI가 제품 개발의 앞단인 탐색, 팀 간 합의와 디자인·엔지니어링 협업으로 확장되는 모습을 보여주므로 사례 모음에 포함했습니다.

figmafigma-makeprompt-to-app
작성자 Figma · 2025-07
사이트 방문
💡활용 사례

Canva Code: 프롬프트로 만드는 대화형 디자인 요소

Canva Code는 크리에이터 플랫폼에서 Generative UI를 보여주는 주목할 만한 사례입니다. Canva는 Canva Create 2025에서 사용자가 요금 계산기, 퀴즈나 미니 게임 같은 대화형 요소를 설명하면 AI가 Canva 안에서 직접 만드는 작업 흐름을 소개했습니다. 생성된 요소는 디자인, 웹사이트, 프레젠테이션, 문서와 다른 Canva 작업 공간에서 재사용할 수 있어, 개발자가 아닌 사람도 일상의 창작 작업에서 GenUI를 활용할 수 있습니다.

canvacanva-codeinteractive-design
작성자 Canva · 2025-04
사이트 방문
💡활용 사례

Amazon Rufus — 대화형 쇼핑 어시스턴트

Amazon이 출시한 대화형 쇼핑 어시스턴트 "Rufus"는 대화를 통해 사용자의 의도에 맞는 인터페이스를 직접 생성합니다. 상품 추천 카드나 필터 옵션 등이 그 예이며, 기존의 키워드 검색 방식을 넘어서는 접근을 보여줍니다.

amazonrufuse-commerce
작성자 Amazon · 2024-02
사이트 방문
💡활용 사례

v0 by Vercel

Vercel의 v0.dev는 2023년부터 베타로 제공되었으며, 짧은 텍스트 프롬프트를 대화형 프론트엔드 프로토타입으로 바꿀 수 있습니다. 텍스트 설명이나 이미지에서 React·Tailwind UI 컴포넌트를 생성해 텍스트 기반 UI 생성의 가능성을 보여줍니다.

vercelcode-generationreact
작성자 Vercel · 2023-10
사이트 방문
💡활용 사례

GitHub Spark: 자연어로 만드는 풀스택 앱

GitHub Spark는 공개 프리뷰 단계에서 GitHub 생태계 안의 프롬프트 기반 앱 생성을 보여주는 사례입니다. 아이디어를 지능형 풀스택 앱으로 바꾸고, 자연어, 클릭 가능한 조작 요소나 코드로 반복 개선하도록 지원합니다. 제작 중에 실시간 미리보기를 확인하고, 클릭 한 번으로 GitHub 기반 호스팅에 게시할 수 있습니다. Spark는 AI 생성 UI를 인증, 저장소 인계와 실제 운영 작업 흐름을 갖춘 배포 가능한 미니 앱의 일부로 다룬다는 점에서 Generative UI 사례로 주목할 만합니다.

githubsparkfull-stack
작성자 GitHub
사이트 방문
💡활용 사례

Vercel AI SDK — Generative UI

Vercel의 AI SDK는 LLM에서 React 컴포넌트를 스트리밍하도록 지원해, AI가 대화형 UI 컴포넌트를 실시간으로 생성할 수 있게 합니다.

vercelreactstreaming
작성자 Vercel
사이트 방문
💡활용 사례

bracesproul/gen-ui — LangChain.js Generative UI 데모

LangChain.js와 Next.js로 제작된 오픈소스 데모 프로젝트로, Generative UI 애플리케이션을 빠르게 만드는 방법을 보여줍니다. 프로젝트 설명은 "이 앱은 LangChain.js를 사용해 Generative UI 애플리케이션을 만들기 위한 템플릿을 제공하는 것을 목적으로 합니다"라고 밝힙니다.

langchainnextjsopen-source
작성자 bracesproul
사이트 방문

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

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