1,500명의 응답자를 대상으로 한 최근 설문 조사에 따르면 조직의 70%가 이미 하나 이상의 비즈니스 기능 전반에 걸쳐 프로덕션 환경에 AI 에이전트를 배포하고 있는 것으로 나타났습니다. 이러한 에이전트가 일상적인 워크플로에 포함되면서 그 한계를 무시하기 어려워지고 있습니다. AI 에이전트는 백그라운드 추론에 탁월하지만, 개발자가 에이전트가 취할 수 있는 모든 경로에 대해 하드코딩된 화면을 미리 구축할 수 없기 때문에 정적 프런트엔드 코드는 병목 현상으로 남아 있습니다. 반면 GenUI(제너레이티브 UI)는 에이전트가 각 단계를 설명하는 대신 작업을 완료하는 데 필요한 양식, 컨트롤, 데이터 보기 및 작업을 제공할 수 있도록 하여 이 문제를 해결합니다. [원천 재회 AI: GenAI에서 Agentic AI로의 설문 조사 2026 SunTec India]
생성적 UI를 구현하면 아키텍처적인 문제가 발생합니다. 많은 AI 에이전트는 원격으로 작동하거나 애플리케이션의 DOM, Flutter 위젯 트리 또는 디자인 시스템에 직접 액세스할 수 없는 샌드박스 환경에서 작동합니다. 임의의 프런트 엔드 코드를 생성하고 실행할 수 있는 능력이 부여되면 보안, 일관성 및 거버넌스 위험이 발생할 수도 있습니다. 이 문제를 해결하려면 애플리케이션이 렌더링하거나 실행하는 방법을 제어하지 않고 에이전트가 표시해야 할 내용을 정의할 수 있도록 하는 인터페이스 계층이 필요합니다.
이 기사에서는 A2UI와 Flutter GenUI가 이러한 분리를 제공하는 방법, 최신 릴리스의 업데이트, 프롬프트 우선 UI 생성의 중요성, 프로덕션에서 에이전트 생성 인터페이스를 사용하기 전 주요 고려 사항에 대해 설명합니다.
A2UI와 Flutter의 GenUI 패키지 업데이트에서 실제로 변경된 사항은 무엇입니까?
최신 업데이트는 에이전트가 인터페이스를 설명하는 방식과 Flutter 애플리케이션이 인터페이스를 렌더링하는 방식을 재구성합니다. 그들은 프롬프트 우선 프로토콜, 더욱 명확한 구성요소 구조, 그리고 보다 유연한 GenUI 아키텍처. 다음 사항에서는 이러한 변경 사항과 실제 영향을 살펴봅니다.
1. 프롬프트 우선 아키텍처가 구조화된 출력 전달을 대체합니다.
이번 업데이트 이전에는 Flutter의 제누이 AI 백엔드에 독점적으로 연결된 패키지 콘텐츠 생성기 Firebase AI Logic 또는 Google Generative AI와 같은 통합과 연결된 하위 클래스입니다. 이 클래스는 프롬프트 어셈블리, 모델에 대한 네트워크 호출 및 응답 구문 분석을 자동으로 소유합니다. 모든 공급자 교체는 새로운 공급자를 기다리는 것을 의미했습니다. 콘텐츠 생성기 구현 및 단위 테스트는 기본 대화 흐름이 아닌 전체 클래스를 모의해야 했습니다.
새로운 업데이트로, 제누이 이제 평원이 드러납니다. 전송시 콜백 켜짐 A2uiTransportAdapter, 이는 단순히 다음을 통해 원시 텍스트 청크를 허용합니다. 청크 추가() 결과적으로 앱은 에이전트 연결, 구성 및 수명주기를 완전히 외부에서 소유합니다. 제누이.
2. 메시지 전달 메커니즘 변경
더 일찍, 제누이 이미 A2UI 프로토콜을 기반으로 구축되었습니다. 패키지 출시 이후부터 Google의 A2UI용 Flutter 렌더러이므로 에이전트와 앱 간의 표준화된 통신 형식이 부족한 버전은 없었습니다.
이제 전달 계층과 대상 사양 버전이 변경되었습니다. 제누이 이제 목표 A2UI v0.9, 메시지는 다르게 전달됩니다. 새 업데이트를 통해 AI 에이전트는 동일한 JSON을 일반 응답 내부에 직접 일반 텍스트로 포함합니다. 추가적으로, 제누이 텍스트가 도착하면 점진적으로 구문 분석하고 자체 복구하여 전체 페이로드가 완료되기 전에 구성 요소를 렌더링합니다.
3. A2A 통합 패키지가 재구축되었습니다.
이번 업데이트 이전에는 연결을 위한 전용 패키지가 있었습니다. 제누이 이미 존재하는 원격 A2A 서버에 genui_a2ui. WebSocket 연결, 메시지 구문 분석, 세션 상태 및 이벤트 라우팅을 처리했지만 이전 ContentGenerator 기반 디자인을 통해 처리했습니다.
새로운 업데이트는 패키지 교체를 다음으로 변경했습니다. genui_a2a, 연결, 구문 분석 및 이벤트 처리를 담당합니다. 새로운 분리된 아키텍처에는 다음이 포함됩니다. A2uiAgentConnector WebSocket 레이어의 경우 대화 상호작용 파사드로서, 그리고 표면 컨트롤러/표면 렌더링을 위해. A2A 서버에 연결하는 기능의 이름이 바뀌고 재구축되었습니다. 콘텐츠 생성기 의존.
4. 파이프라인 커플링 변경
이번 업데이트 이전에는 렌더링 파이프라인이 별개의 단계를 거쳐 이동했습니다. 여기에는 수신 메시지를 구문 분석하는 전송 계층, 컨트롤러 관리 렌더링 상태 및 해당 상태에서 생성된 위젯이 포함됩니다. 옛날에는 genui_a2ui 패키지, 이건 통과했어 A2ui메시지 프로세서 에게 A2ui콘텐츠 생성기 에게 GenUi표면.
업데이트로 스테이지가 개편되지는 않았지만, 콘텐츠 생성기 해당 체인의 중간에서 제거됩니다. 그 결과 테스트가 더욱 간편해졌습니다. 파이프라인을 실행하기 위해 공급자 API를 호출하는 대신 이제 전송 계층에 직접 토큰 스트림을 주입할 수 있습니다.
5. 기본 대화형 구성 요소는 이제 기본 기능입니다.
이번 업데이트 이전과 이후 제누이의 원본 릴리스에서는 이미 에이전트가 날짜 선택기, 슬라이더, 양식, 카드 및 캐러셀을 포함하여 일반 텍스트가 아닌 구조화된 UI 설명을 생성할 수 있도록 했습니다. 이들 모두는 사용자가 수동으로 읽고 응답해야 하는 산문 대신 실제 기본 Flutter 위젯으로 렌더링되었습니다. 이것이 핵심 전제이다 제누이 이 릴리스에 추가된 기능이 아니라 이를 기반으로 구축되었습니다.
이 특정 기능에는 큰 변화가 없습니다. 그러나 업데이트는 해당 UI 설명을 전달하는 메시지가 에이전트에서 앱으로 이동하는 방식에 영향을 미칩니다. 이제 메시지는 구조화된 출력 전달에서 프롬프트 포함 JSON으로 이동합니다.
6. 상태 저장 동기화가 확장되었습니다.
제누이 이미 화면의 모든 요소가 연결된 중앙 집중식 인터페이스 데이터를 유지했습니다. 무언가 변경되면 전체 인터페이스 대신 해당 변경의 영향을 받는 화면의 특정 부분만 업데이트됩니다. 여기에는 사용자 입력이 포함됩니다. 예를 들어 누군가 양식 필드에 입력하면 해당 값이 자동으로 공유 데이터로 바로 다시 전달됩니다.
이 메커니즘은 프로토콜 수준의 A2UI 및 Flutter의 GenUI 패키지 업데이트에서 실제로 확장되었습니다. A2UI v0.9는 그 위에 두 가지 기능을 추가합니다. 첫 번째는 에이전트로 왕복하기 전에 데이터를 로컬에서 검증하기 위한 클라이언트 정의 기능입니다. 두 번째는 UI 상태가 다시 업스트림으로 흘러야 하는 공동 편집 시나리오를 지원하는 클라이언트-서버 데이터 동기화입니다. 둘 다 이미 존재하는 동기화 모델에 실제로 추가된 것이며 재구축이 아닙니다.
7. 공식 React 렌더러 및 공유 웹 코어 라이브러리
업데이트 이전에는 A2UI에 대한 React 지원이 커뮤니티 중심 작업으로만 존재했습니다. 예를 들어, React 클라이언트를 구축하는 개발자는 공식적으로 지원되는 구현 없이 자체 렌더러를 유지해야 했습니다. 여기서 문제는 각 브라우저 렌더러(Lit, Angular)가 유사한 구문 분석 및 렌더링 논리를 독립적으로 복제한다는 것입니다.
변경된 점은 v0.9가 버전이 향상된 Flutter, Lit 및 Angular 렌더러와 함께 공식 자사 React 렌더러를 제공한다는 것입니다. 이제 모든 브라우저 기반 렌더러는 새로운 공유 웹 코어 라이브러리 위에 위치하며, 이는 프레임워크별로 복제하는 대신 공통 구문 분석 및 렌더링 논리를 중앙 집중화합니다. 이는 Google 자체 렌더러 팀의 유지 관리 부담을 줄이고 핵심 메시지 처리 논리가 한 곳에 있기 때문에 커뮤니티 기반 렌더러에 보다 일관된 구축 기반을 제공합니다.
원천
8. A2UI 에이전트 SDK(파이썬)
이전에는 A2UI 통합의 에이전트 측을 구축하려면 수동으로 버전 협상, 카탈로그 처리, 캐싱 및 스트리밍 논리를 직접 구축해야 했습니다. 에이전트가 실행되는 언어에 관계없이 프로토콜의 서버/에이전트 측을 위한 자사 툴킷이 없었습니다.
새로운 업데이트는 v0.9에 변경 사항을 도입했으며 이제 방정식의 에이전트 측면을 다루는 완전히 새로운 Python 패키지인 A2UI Agent SDK를 제공합니다. 에이전트와 클라이언트가 호환되는 사양 버전에 자동으로 동의할 수 있도록 버전 협상을 처리합니다. 여기에는 사용자 권한이나 장치 제약 조건에 따라 런타임에 스키마를 전환하는 동적 카탈로그, 대기 시간을 줄이기 위한 캐싱 레이어, 부분 LLM 출력을 구문 분석하고 자체 복구하는 탄력적인 스트리밍이 포함됩니다.
데모 아키텍처에서 확장 가능한 인터페이스 계층으로 전환
이러한 A2UI 및 Flutter의 GenUI 패키지 업데이트의 중요성은 개별 API 변경보다는 에이전트 인터페이스 스택 전체에 걸쳐 설정되는 분리에 더 있습니다. 이러한 새로운 업데이트를 통해 이제 모델 연결, 프로토콜 전달, 상태 관리 및 기본 렌더링이 독립적으로 발전할 수 있습니다. 이를 통해 공급자 종속이 줄어들고 A2UI를 에이전트, 프레임워크, 장치 및 엔터프라이즈 환경 전반에 걸쳐 더 쉽게 확장할 수 있습니다.
그러나 아키텍처 유연성이 향상되면 더 많은 책임이 다음으로 전달됩니다. Flutter 개발팀. 프로덕션에서의 궁극적인 성공은 구성 요소 카탈로그를 얼마나 잘 관리하고, 스트리밍된 출력을 검증하고, 에이전트가 트리거하는 작업을 제어하고, 인터페이스 동작을 관찰하고, 결정적인 폴백을 제공하는지에 따라 달라집니다.
따라서 생성 UI의 가치는 에이전트가 생성할 수 있는 화면 수보다는 작업 완료, 상호 작용 효율성 및 사용자 신뢰도를 기준으로 측정되어야 합니다. A2UI와 Flutter GenUI는 고정 프레젠테이션에서 제어된 런타임 기능으로 전환하고 있으므로 기업이 이러한 적응성을 안전하고 운영상 측정 가능하게 만들 수 있는지 여부에 따라 장기적인 영향이 달라집니다.
