참고팁X
Andrej Karpathy의 조언: AI 답변을 가독성 높은 UI로 변환하는 방법
AI의 텍스트 답변을 Zod 스키마 기반의 인터랙티브 UI로 렌더링하여 에이전트 UX를 개선하는 구체적인 구현법.
요약
Andrej Karpathy는 현재 AI의 가장 큰 어려움으로 텍스트 해석을 꼽으며, 모델에게 텍스트 대신 다이어그램이나 HTML 기반의 대화형 UI를 요청할 것을 제안했다. 이러한 방식은 ChatGPT에서 Intelligent UI로 구현되었으나, 특정 모델과 앱에 국한된다는 한계가 있다. 이를 범용적으로 해결하기 위해 오픈소스 도구인 OpenUI를 활용하면 개발자는 자체 에이전트에 맞춤형 UI 구성 요소를 등록하고 모델이 이를 출력하도록 설계할 수 있다. 구체적으로는 npx @openuidev/cli로 프로젝트를 생성하고 Zod 스키마로 UI 컴포넌트를 정의한 뒤, lib.prompt()를 통해 모델이 등록된 컴포넌트만 사용하도록 제한하는 방식이다. 이 방식을 사용하면 json-render 대비 토큰 사용량을 58% 절감할 수 있으며, 데이터 호출 후 UI를 그리는 순서를 지키면 에이전트의 효율을 극대화할 수 있다.
AI가 원문을 요약한 내용으로, 부정확할 수 있습니다.
원문 제목 @undefinedKi: Andrej Karpathy just said the hardest part of AI is now reading what it writes. His advice: ask the model for a diagram instead. A
원문 보기 ↗