Build Generative UI Apps with A2UI & CopilotKit Agents

문제 & 배경: 기존 에이전트는 여행 상품이나 항공편을 대부분 글로만 보여줘 사용자가 목록 선택, 지도 확인, 날짜 입력 같은 작업을 대화 밖의 별도 화면에서 해야 했다.

기술 & 해결책: 에이전트가 실행 가능한 코드 대신 JSON 형태로 화면 구성을 설명하면 A2UI가 미리 등록된 신뢰할 수 있는 컴포넌트로 이를 그려 주고, CopilotKit과 AG-UI가 에이전트의 화면 생성 결과와 사용자의 입력을 양방향으로 전달한다.

교훈 & 주의점: 컴포넌트 목록과 입력 형식을 미리 정의하면 보안과 디자인 일관성을 지키면서도 여러 프레임워크에서 재사용할 수 있으며, 클라이언트 검증과 잘못된 생성 결과의 자동 수정·실패 처리를 함께 준비해야 한다.