Harness4GenUI 2026: Engineering Foundations for Generative UI
Official ASE 2026 workshop dedicated to the software-engineering foundations of Generative UI. Harness4GenUI frames dynamic interfaces as runtime systems and organizes work around stable context models, UI schemas, rendering contracts, testing, observability, safety, and governance rather than generation quality alone.
AppLess: A Generative UI Phone with No Apps
Open-source React Native experiment from the OpenUI team where every mobile screen is generated on demand and streamed into native Cupertino or Material 3 components. AppLess uses a shared component contract, the compact openui-lang DSL, speculative screen prefetching, and optional web and image tools to explore what an app-free Generative UI operating system could feel like.
OpenTiny GenUI SDK
Open-source full-stack toolkit for adding schema-driven Generative UI to Vue and Angular applications. It combines stream extraction, delta patching, JSON repair, customizable component materials and actions, OpenAI-compatible model access, MCP tools, and A2A support with a live multi-framework playground.
AGenUI/AGenUI
Open-source native A2UI renderer for building streaming Generative UI across iOS, Android, and HarmonyOS. AGenUI uses a shared C++ parsing and diffing core with platform-native rendering engines, supports the A2UI v0.9 component catalog, custom components, design tokens, function calls, and a local generation studio.
Build a Generative UI (GenUI) App
Official Google Codelab for building a task-list app with Flutter, Firebase AI Logic, and the GenUI package. It upgrades a text chat into generated surfaces, introduces A2UI transport and widget catalogs, and finishes with a custom interactive component shared by the user and agent.
PrefectHQ/prefab
Python-first Generative UI framework from Prefect for defining declarative component trees that serialize to JSON and render through a bundled React client. Prefab supports streaming updates, reactive state, custom components, dashboards, and MCP Apps without requiring application authors to write frontend code.
Build generative UI for AI agents on Amazon Bedrock AgentCore with the AG-UI protocol
Amazon Bedrock AgentCore 上に AG-UI agent frontend を deploy するための AWS Machine Learning Blog 公式 walkthrough です。Strands Agents と LangGraph 向けの FAST patterns を示し、その上に CopilotKit を重ねて inline generative UI、shared state、human-in-the-loop flows を Cognito、Lambda、Amplify、AgentCore Runtime と一緒に扱います。
AI SDK applicationにMCP Appsを追加する
AI SDKでMCP Apps hostを構築するためのVercel Knowledge Base guideです。`@ai-sdk/mcp`と`@ai-sdk/react`でmodel-visible toolとapp-only toolを分離し、`ui://` resourceを読み取り、`experimental_MCPAppRenderer`でinteractive tool UIをsandboxed iframe内にrenderする流れを示します。
ag-ui-protocol/ag-ui
Agentをfrontend applicationへ組み込むためのagent-user interaction layerとして位置づけられている、AG-UI protocolの公式repositoryです。app固有のdemoより一段低いtransportとevent modelを定義し、agent backendからmessage、tool activity、UI updateを複数clientへstreamできる点が特に重要です。AG-UIやAI駆動UIの実装境界を比較する読者にも向いています。
A2UI + MCP Apps: 宣言的UIとカスタムAgentic UIを組み合わせる
A2UIとMCP Appsを組み合わせる方法を扱うGoogle Developers Blog公式architecture postです。単独のprotocol announcementに留まらず、MCP経由でA2UI payloadを配信する、A2UI component内にMCP Appsを埋め込む、MCP Apps内でA2UI rendererを動かす、という3つのintegration patternを示しています。
syntux - Web向けGenerative UIライブラリ
Syntuxは、入力データと任意のUIヒントからWebインターフェースを生成するオープンソースのReactライブラリです。React Interface SchemaというフラットなJSON-DSLを使い、ストリーミング、カスタムコンポーネント、キャッシュ、リアクティブな再生成をサポートするため、チャット画面ではなくデータからUIを作るGenUI実装として参考になります。
Agent FrameworkのAG-UI Integration
Agent FrameworkのagentをAG-UI frontendへ接続するためのMicrosoft Learn公式documentationです。Microsoftがproduction agent appの中でAG-UIをどう位置づけるかを示し、agentic generative UI、tool-based UI、backend agent runtimeとReact clientのevent bridgeを扱います。
A2UI v0.9: The New Standard for Portable, Framework-Agnostic Generative UI
A2UI v0.9に関するGoogle Developers Blog公式updateです。A2UIをdeclarativeでagent-generatedなUIのproduction-oriented standardとして位置づけ、公式React rendererを追加し、Agentが任意のfrontend codeを生成するのではなく、web/mobileをまたぐ既存component catalogをtargetにできることを説明しています。
Stop making AI write JSON - Why we built OpenUI
OpenUI teamが、Generative UIでJSON treeの先へ進む理由を説明する公式engineering write-upです。interactiveなagent-generated interfaceに必要なruntime要件を整理し、stateful UIではnested JSONが壊れやすいことを示したうえで、model-generated UI向けのstreaming-first languageであるOpenUI Langを紹介しています。
Introducing Tambo 1.0
Production-readyなReact generative UI toolkitとしてTambo 1.0を発表する公式launch postです。開発者が既存React componentsを登録し、Agentがそれを選び、propsをstreamし、Tamboがconversation state、orchestration、永続的なinteractive component behaviorを扱うfullstack modelを説明しています。
MCP Apps - Bringing UI Capabilities To MCP Clients
MCP Appsは、AI client内へinteractive UIを直接返すための初のproduction-readyなMCP extensionとして発表されたModel Context Protocol公式announcementです。MCP Apps UIとModel Context Protocol UIの基礎として、toolが`_meta.ui.resourceUri`を宣言する方法、hostがsandboxed interfaceをrenderする仕組み、dashboard、form、visualization、multi-step workflowが純テキストより適する理由を説明しています。
Introducing A2UI: An open project for agent-driven interfaces
Agent-generated interfaceのためのportable declarative formatであるA2UIを紹介するGoogle Developers Blog公式announcementです。remote/local Agentが任意HTMLを出すのではなく、host appのtrusted UI componentsをrequestできる仕組みを説明し、Generative UIをより安全でcross-platform、かつincremental update可能にします。
Google Research Blog: Generative UI
Google Researchのblog記事「Generative UI: A rich, custom, visual interactive user experience for any prompt」です。Google Researchのsenior engineerがGenerative UIの実装approachと実験結果を紹介し、AI modelがcontentだけでなくuser experience全体を作れる能力として説明しています。Gemini appとGoogle Search AI Modeでの実験導入にも触れています。
Google launches Gemini 3, Google Antigravity, generative UI features
Gemini 3 launchとGoogle Antigravity、Generative UI featuresを紹介するConstellation Researchのtechnical analysisです。Gemini 3がinteractive component、scenario option、image、table、textを組み合わせて生成できる点を強調し、Visual LayoutとDynamic View experimentsを詳しく扱っています。
9to5Google: Gemini 3 Launch Analysis
Gemini 3のGenerative UI機能を詳しく解説する9to5Googleの記事です。Dynamic Viewがpromptごとにcustom interactive responseをdesign and codeできること、Visual Layoutがmagazine-styleのimmersive multimedia interfaceを生成することを説明しています。
Generative UI Project - Google
Google teamのGenerative UI project website（generativeui.github.io）です。research paper、interactive examples、一部codeを含み、GoogleのGenUI implementation approachをまとめて確認できます。
AIBase News: Google Generative UI
中国のtech mediaであるAIBaseによる、Google Generative UIに関する2025年11月の報道です。Generative UIにより、AIが質問へ答えるときにactionable dynamic interfaceを生成できるという要点を伝えています。
Generative UI with AI: The Future of Frontend Web Development
Pansoficによる、Generative UI with AIがfrontend developmentをどう変えるかを広く解説した記事です。real-time UI adaptation、natural language to interface generation、personalized experience、高速prototypeを扱い、Builder.io、Vercel AI SDK、Figma AI Assistantのcase studyと実装best practiceも含みます。
AI is the new UI: Generative UI with FastHTML
Pol Alvarez Vecinoによる、FastHTMLとHTMXを使って150行未満でinteractive Generative UI applicationを作るtutorialです。text-only chat interfaceからdisplay-only GenUI、fully interactive GenUIへの進化をたどり、hypermedia approachがfrontend/backend間のcontract couplingを減らし、LLMが本当にdynamicなinterfaceを生成できることを説明します。
Generative UI: Smart, intent-based, and AI-driven
Daniel OstrovskyによるMedium/Design Bootcampの記事で、businessとuserの視点からGenerative UIの可能性を説明しています。GenUIはAIがゼロから全componentを作ることではなく、user intentに応じて既存のinterface elementを知的に選択・配置することだと論じ、金融サービスや教育applicationの例を挙げています。
An introduction to Generative UIs
Mark O'NeillによるUX Collectiveの記事で、Generative UIの概念と実践例を紹介しています。Generative UIという用語が2023年ごろに現れたことに触れ、generative AIによりcontextに基づいてinterfaceを自動構築または調整するtechnologyとして説明します。
Generative UI and Outcome-Oriented Design
Nielsen Norman Groupによる、Generative UIがdesign paradigmへ与える影響を論じた記事です。Generative UIをAIによりtailored interfaceをreal-timeに動的生成するtechnologyとして説明し、従来のinterface designから、user goalと最終体験に焦点を当てるoutcome-oriented designへの移行を提案しています。
MCP-UI-Org/mcp-ui
MCP上でinteractive UIを構築・renderするための公式MCP-UI SDK repositoryです。READMEは標準化後のecosystemを把握するうえで重要で、`@mcp-ui/*`がMCP Apps standardを実装し、TypeScript、Python、Rubyのserver pathに対応しながら、Model Context Protocol UIやUI-richなagent toolを出荷するチーム向けの実用SDKであり続けていることが分かります。
CopilotKit Docs: Generative UI Overview
CopilotKitのGenerative UI stackにおけるcore primitiveを説明する公式documentationです。components-as-tools、tool-call rendering、state rendering、sandboxed MCP Apps、declarative UI renderersなど、productionで選べるruntime patternを具体的に整理しており、実装方針の地図として有用です。
CopilotKit/generative-ui
CopilotKit公式example repositoryで、frontend toolsを使うcontrolled GenUI、A2UI/Open-JSON-UIによるdeclarative GenUI、sandbox内でrenderするopen-ended UI generationという3つの具体patternを示しています。複数のGenerative UI approachを1つのmaintained example setで比較できる点が価値です。
CopilotKit/OpenGenerativeUI
CopilotKitによるopen-ended Generative UI向けの公式open-source frameworkです。declarative component-spec型のexampleとは異なり、chart、diagram、simulation、3D sceneのようなrichなsandboxed HTML/SVG experienceに焦点を当て、Agentがcontrolled iframe runtime内に完全なinteractive visual responseを生成する方法を示します。
thesysdev/openui
ThesysによるOpenUIの公式GitHub repositoryです。OpenUI language、runtime、component-driven React integrationをまとめて提供しており、teamのdesign essayを実装で確認できる companion になっています。plain JSON schemaを超えるstreaming-first GenUI systemを評価する開発者に特に有用です。
google/A2UI
Googleによる公式A2UI repositoryです。agent-to-user-interface formatのspecification、renderers、samples、toolingをまとめて提供し、trusted component catalogをまたぐportableでdeclarativeなGenerative UI実装の最も直接的なreferenceになります。
Flutter GenUI SDK
Flutter teamによる、Flutter applicationsへgenerative UI capabilityを組み込むための公式libraryです。JSON形式のinteractive component definitionとstate feedback mechanismを提供し、chat outputを操作可能なinterfaceへ変換します。BSD licenseのexperimental projectとして公開されています。
OpenAI Structured Outputs Sample: Generative UI
Generative UIへstructured-output approachで取り組むOpenAI公式sample appです。recursive component schemaと`generate_ui` toolを使い、model responseがtextだけでなく信頼性の高いUI definitionをstreamできるようにしつつ、multi-turn conversationとautomatic tool executionも扱います。
vercel-labs/json-render
Vercel Labsによる公式open-source Generative UI frameworkです。json-renderは、modelがpromptからinterfaceを生成しながらも、developer定義のcomponent catalogに制約されたままspecを生成し、web、mobile、その他runtimeへprogressive renderingできるようにします。
Hashbrown - TypeScript向けGenerative UIフレームワーク
Hashbrownは、ReactとAngularでブラウザネイティブなAgentとGenerative UIを構築するためのオープンソースフレームワークです。このコレクションで特に価値があるのは、開発者が信頼済みUIコンポーネントを公開し、LLMが動的ビューを構成してストリーミングし、クライアント側ツールや構造化データと連携するコンポーネント制御モデルです。
mdocUI - Markdocタグで作るGenerative UI
mdocUIはalpha段階のGenerative UIライブラリで、LLMに通常のMarkdownを書かせつつ、Markdoc風のコンポーネントタグをインラインで埋め込ませます。まだ初期ですが、JSONツリーやtool callとは異なる実装路線として有用です。文章とインタラクティブコンポーネントを同じストリームに載せ、rendererが検証、placeholder、error boundary、カスタムコンポーネントのマッピングを扱います。
LangUI - UI for AI
LangUIは、GPTやgenerative AI application向けにcustomizeされたMIT licenseのopen-source Tailwind CSS component libraryです。chatbot、content generation tool、AI assistantなど、LLM-powered projectへ組み込みやすいUI componentsを提供し、GenUI開発の基礎部品として使えます。
Anilturaga/Generative-UI - Imagine with Claude
Claudeを使ったgenerative UI capabilityを示すopen-source demo project「Imagine with Claude」です。Anthropic Claudeを使う場合のGenerative UI実装や、creative/visual application寄りのinterface generationを確認できます。