동적 AI를 위한 동적 UI: 신흥 A2UI 모델 내부

Source: VentureBeat

번역을 진행하려면 번역이 필요한 전체 텍스트를 제공해 주세요. 텍스트를 주시면 요청하신 대로 한국어로 번역해 드리겠습니다.

소개

에이전트형 AI는 기업이 보다 역동적으로 운영될 수 있게 합니다. 전통적인 사전 프로그래밍된 봇과 정적인 규칙과 달리, 에이전트는 “think”하고 보이지 않는 상황에 직면했을 때 대체 경로를 고안할 수 있습니다. FIBO(Financial Industry Business Ontology)와 같은 비즈니스 도메인 온톨로지를 활용하면 에이전트를 가드레일 내에 유지하고 원치 않는 행동을 방지할 수 있습니다.

UX 병목 현상

에이전트가 온톨로지를 기반으로 데이터 드리프트에 적응하는 동안, 사용자 경험(UX) 레이어는 종종 정적인 상태를 유지합니다. 고정된 필드와 구성은 에이전트의 창의적 자유를 제한할 수 있습니다. AG‑UI(Agent User Interface)와 같은 최신 표준은 UX와 에이전트 간의 커뮤니케이션을 간소화하지만, 화면은 여전히 설계 단계에서 미리 정의되어야 합니다.

A2UI: 에이전트‑투‑사용자‑인터페이스

새로운 기술인 A2UI(Agent‑to‑User‑Interface)는 에이전트가 생성한 콘텐츠를 기반으로 사용자 화면을 동적으로 렌더링할 수 있게 함으로써 한 단계 더 나아갑니다.

• UX schema: 구성 요소가 어떻게 렌더링되어야 하는지를 정의하는 느슨하게 결합된 스키마.
• Renderer: 에이전트는 JSON을 실시간으로 생성하여 인터랙티브 화면을 구축하는 A2UI‑준수 렌더러와 통신합니다.
• Bidirectional communication: 화면은 AG‑UI를 통해 원본 에이전트에게 이벤트를 다시 보낼 수 있습니다.

Copilotkit과 같은 기업들은 JSON 사양으로 UI를 구성하고 이를 AG‑UI를 통해 에이전트와 연결하는 A2UI 렌더러를 구축하고 있습니다.

TOON을 이용한 압축

**Token Object Notation (TOON)**과 같은 최신 압축 표준은 JSON 페이로드를 매우 효율적으로 인코딩할 수 있게 하여 온톨로지와 A2UI 사양을 컨텍스트 프롬프트에 포함시킬 수 있게 합니다. 모델이 점점 더 똑똑해짐에 따라, 사전 학습 단계에서 A2UI와 AG‑UI를 준수하는 화면을 자동으로 생성할 수 있게 될 것입니다.

아키텍처 개요

아래 도식은 이 아키텍처의 한 가지 뷰를 보여줍니다.

• 비즈니스 온톨로지 (예: FIBO)는 대출, 당사자, 이자 조건, 계약 조항 및 조건과 같은 핵심 개념을 정의합니다.
• A2UI 사양은 이러한 개념에 대해 UI 구성 요소가 어떻게 렌더링되어야 하는지를 설명합니다.
• 에이전트는 A2UI 스키마에 맞는 JSON 페이로드를 생성합니다.
• 렌더러는 JSON을 소비하고, 인터랙티브 화면을 구축하며, AG‑UI를 통해 원본 에이전트와 연결을 유지합니다.
• 상호작용 루프: 사용자 행동(버튼 클릭, 폼 제출)은 에이전트에게 다시 전송되어, 단일 화면(종종 전통적인 챗봇 인터페이스) 내에서 실시간 응답을 가능하게 합니다.

혜택

1. Single source of truth – 개별 화면이 아니라 A2UI 사양에서 변경이 이루어져 애플리케이션 전반에 걸쳐 일관성을 보장합니다.
2. Reduced UI maintenance – 동적 화면이 필요에 따라 생성되어 UX 디자이너와 UI 개발자의 부담을 줄입니다.
3. Regulatory compliance – 온톨로지와 A2UI 사양에 준수 규칙을 삽입함으로써 UI 구성 요소를 자동으로 렌더링하여 표준(예: ISO 9241‑110)을 충족시킬 수 있습니다.
4. Scalability – 비즈니스 전반의 업데이트(예: 인수 후 새로운 로고 추가)가 사양을 통해 자동으로 전파되어 수천 개의 양식에 대한 수동 편집을 없앱니다.
5. Improved productivity – 재사용 가능한 구성 요소를 한 번 만들고 여러 상황에서 재사용함으로써 개발 주기를 가속화합니다.

예시 사용 사례: 대출 승인

• Ontology layer: Loan, Borrower, InterestRate, Covenant와 같은 엔터티를 정의합니다.
• A2UI layer: 대출 승인 양식이 각 엔터티에 대한 필드를 표시하고, 브랜드 패널에 상태 메시지를 보여주며, ISO 규격에 맞는 레이아웃을 적용하도록 지정합니다.
• Agent workflow:
  1. 에이전트가 다양한 소스 시스템에서 대출 데이터를 가져옵니다.
  2. 에이전트가 양식 레이아웃과 사전 채워진 값을 설명하는 A2UI 호환 JSON 페이로드를 생성합니다.
  3. 렌더러가 채팅 인터페이스에 인터랙티브 양식을 구축합니다.
  4. 사용자가 양식을 제출하면, 해당 이벤트가 AG‑UI를 통해 에이전트에게 다시 전송되어 처리됩니다.

Source: …

미래 전망

• 모델 사전 학습 중 A2UI‑준수 화면의 자동 생성.
• TOON과 같은 압축 포맷의 더 긴밀한 통합을 통해 풍부한 컨텍스트를 삽입.
• 동적이고 온톨로지 기반 사용자 경험을 추구하는 산업 전반에 걸친 A2UI‑AG‑UI 스택의 보다 넓은 채택.