Skip to content

A2UI Logo

A2UI Logo

에이전트 주도 인터페이스를 위한 프로토콜

A2UI는 AI 에이전트가 임의의 코드를 실행하지 않고도 웹, 모바일, 데스크톱에서 네이티브하게 렌더링되는 풍부하고 대화형인 사용자 인터페이스를 생성할 수 있도록 합니다.

상태: 초기 단계 퍼블릭 프리뷰

A2UI는 현재 v0.8 (Public Preview) 단계입니다. 명세와 구현체는 작동 가능한 상태이지만 여전히 발전 중입니다. 협업을 장려하고, 피드백을 수집하며, 기여(예: 클라이언트 렌더러)를 요청하기 위해 프로젝트를 공개합니다. 변경 사항이 발생할 수 있음을 유의해 주세요.

한눈에 보기

A2UI는 현재 v0.8 버전이며, Apache 2.0 라이선스를 따릅니다. CopilotKit 및 오픈 소스 커뮤니티의 기여와 함께 Google에서 제작되었으며, GitHub에서 활발히 개발되고 있습니다.

A2UI가 해결하고자 하는 문제는 다음과 같습니다: AI 에이전트가 신뢰 경계를 넘어 풍부한 UI를 안전하게 보낼 수 있는 방법은 무엇인가?

텍스트 전용 응답이나 위험한 코드 실행 대신, A2UI는 에이전트가 클라이언트가 자체 네이티브 위젯을 사용하여 렌더링할 수 있는 선언적 컴포넌트 설명을 보낼 수 있게 합니다. 이는 에이전트가 공용 UI 언어를 구사하는 것과 같습니다.

이 저장소에서다음을 찾을 수 있습니다: - A2UI 명세 - 클라이언트 측의 렌더러 (예: Angular, Flutter 등) 구현체 - 에이전트와 클라이언트 간의 A2UI 메시지를 전달하는 전송 계층(Transports) (예: A2A 등)

  • 설계부터 보안 중심

    실행 가능한 코드가 아닌 선언적 데이터 형식입니다. 에이전트는 카탈로그에서 사전 승인된 컴포넌트만 사용할 수 있으므로 UI 주입 공격으로부터 안전합니다.

  • LLM 친화적

    쉬운 생성을 위해 설계된 평면적이고 스트리밍 가능한 JSON 구조입니다. LLM은 한 번에 완벽한 JSON을 만들지 않고도 UI를 점진적으로 구축할 수 있습니다.

  • 프레임워크 독립적

    하나의 에이전트 응답이 모든 곳에서 작동합니다. 동일한 UI를 Angular, Flutter, React 또는 네이티브 모바일에서 여러분만의 스타일이 적용된 컴포넌트로 렌더링하세요.

  • 점진적 렌더링

    UI 업데이트가 생성되는 대로 스트리밍합니다. 사용자는 전체 응답이 완료될 때까지 기다리는 대신 실시간으로 인터페이스가 구축되는 과정을 볼 수 있습니다.

5분 만에 시작하기

동작 방식

  1. 사용자가 AI 에이전트에게 메시지를 보냅니다.
  2. 에이전트가 UI를 설명하는 A2UI 메시지(구조 + 데이터)를 생성합니다.
  3. 메시지가 클라이언트 애플리케이션으로 스트리밍됩니다.
  4. 클라이언트가 네이티브 컴포넌트(Angular, Flutter, React 등)를 사용하여 렌더링합니다.
  5. 사용자가 UI와 상호작용하고, 액션을 에이전트에게 다시 보냅니다.
  6. 에이전트가 업데이트된 A2UI 메시지로 응답합니다.

엔드-투-엔드 데이터 흐름

A2UI 실제 사례

조경 설계자(Landscape Architect) 데모

에이전트가 조경 설계용 애플리케이션의 모든 인터페이스를 생성하는 과정을 확인해 보세요. 사용자가 사진을 업로드하면 에이전트가 Gemini를 사용해 이를 이해하고 조경 요구 사항에 맞는 맞춤형 양식을 생성합니다.

커스텀 컴포넌트: 대화형 차트 및 지도

에이전트가 수치 요약 질문에 답변하기 위해 차트 컴포넌트를 선택하여 응답하는 과정을 확인해 보세요. 그런 다음 에이전트는 위치 질문에 답변하기 위해 Google 지도 컴포넌트를 선택합니다. 두 가지 모두 클라이언트에서 제공하는 커스텀 컴포넌트입니다.

A2UI Composer

CopilotKit의 공개된 A2UI 위젯 빌더도 체험해 볼 수 있습니다.

A2UI Composer