eve 에이전트는 웹 채팅에서 답변을 결과 카드와 정렬 가능한 표 같은 화면 요소로 보여준다. 사용자는 대화 중에 질문에 답하거나 도구 사용을 승인할 수 있다.
eve는 TanStack Start와 React를 연결한 웹 채팅 템플릿으로 공개됐다. 연구 보조 도구나 자체 도구와 대화하는 인터페이스를 만들려는 팀이 출발점으로 쓸 수 있다. 포함된 에이전트는 웹을 검색하고 페이지를 읽으며, 정보가 더 필요하면 추가 질문을 한다.
이 템플릿은 어떻게 답변을 화면에 보여주나?
생성형 UI는 에이전트가 답변을 어떤 화면 구성으로 보여줄지 선택하는 방식이다. json-render는 이를 앱에서 정한 화면 요소 목록에 맞춰 구조화하며, React 구성 요소가 그 결과를 화면에 그린다. 화면 구성 요소 목록을 정해 두는 방식은 메뉴판을 떠올리면 쉽다. 에이전트는 메뉴판에 있는 요소를 골라 답변을 구성하고, 템플릿은 표시 전에 요소의 속성이 유효한지 확인한다.
대화와 에이전트는 어떻게 바꾸나?
대화는 응답을 스트리밍하고 도구 활동을 메시지 옆에 표시한다. 각 대화에는 URL이 있어 페이지를 새로고침한 뒤에도 같은 세션으로 돌아갈 수 있다. 질문 폼에서는 대화를 벗어나지 않고 선택지를 고르거나 답을 입력한다. 포함된 승인 데모에서는 도구가 사람의 결정을 기다린 뒤 작업을 이어간다.
에이전트의 지침을 수정해 역할을 정하고, 자체 서비스용 도구를 추가할 수 있다. 앱의 React 구성 요소도 맞춤 설정할 수 있다. 프런트엔드는 shadcn/ui와 Tailwind CSS를 사용하며, 정렬 가능한 데이터 표에는 TanStack Table을 쓴다. 제품 비교는 정렬 가능한 표로, 여행 계획은 순서가 있는 일정표로 표현할 수 있다.
배포 전에 무엇을 확인해야 하나?
TanStack Start 프런트엔드와 eve 에이전트는 Vercel Services를 통해 하나의 Vercel 프로젝트에 함께 배포된다. 배포한 에이전트 세션에는 Vercel Sandbox를 사용한다. 설정 중 EVE_ACCESS_PASSWORD 환경 변수를 지정한 다음 앱을 열고 로그인하면 대화를 시작할 수 있다. 브라우저 접근은 공용 비밀번호를 사용하며, 앱을 개발하면서 자체 인증 제공자로 교체할 수 있다.
원문은 가격이나 자체 인증 제공자의 구체적인 지원 범위를 밝히지 않는다.
댓글 (0)
로그인하면 이 기사에 내 생각을 남길 수 있어요