Agent Builder가 무엇인지 간략히 설명합니다. 시각적 노드 연결만으로 AI 워크플로우 설계, Evaluate(평가), 코드 내보내기 및 제품 통합까지 가능한 올인원 도구임을 안내합니다.
[00:00]
OpenAI의 Christina가 Agent Builder 101을 소개합니다. Agent Builder는 코드 작성 없이 노드를 연결하여 AI 워크플로를 구축하는 새로운 비주얼 도구로, 템플릿을 사용하거나 처음부터 구축할 수 있습니다.
[00:17]
Agent Builder는 내장된 평가 기능으로 에이전트 성능을 테스트할 수 있고, 완성된 워크플로를 코드로 내보내거나 제품에 바로 적용할 수 있는 올인원 공간입니다.
OpenAI 플랫폼에서 시작 노드를 추가하고 입력·상태 변수를 설정합니다. 기본값을 활용해 여행 에이전트 워크플로우 구축을 본격적으로 시작합니다.
[00:35]
첫 번째 프로젝트로 여행 일정 계획과 항공편 정보 조회를 도와주는 여행 에이전트를 구축합니다. OpenAI 플랫폼에서 시작하여 모든 워크플로의 기본이 되는 시작 노드를 설정합니다.
Classifier 노드를 연결해 사용자의 요청을 여정(Itinerary) 또는 비행 정보(Flight Info)로 분류하도록 구성합니다. 출력 포맷을 JSON으로 지정하고 classification 옵션을 정의합니다.
[00:57]
전문 여행 일정 에이전트와 항공편 에이전트를 구축하기 위해 분류기 에이전트를 연결합니다. 이 분류기는 메시지가 여행 일정에 관한 것인지 항공편에 관한 것인지 판단하는 여행 어시스턴트입니다.
[01:23]
분류기의 출력 형식을 JSON으로 설정하고, flight info 또는 itinerary 두 가지 옵션을 가지는 classification 속성을 추가합니다.
if-else 노드를 추가해 분류 결과에 따라 Flight Agent와 Itinerary Agent로 분기합니다. pars.classification 값을 기준으로 요청 경로를 설정합니다.
[01:39]
if else 노드를 추가하여 분류 결과에 따라 분기하도록 설정합니다. classification이 flight info라면 항공편 에이전트로, 그렇지 않으면 여행 일정 에이전트로 분기합니다.
Flight Agent 노드를 생성해 실시간 웹 검색 권한을 부여합니다. 공항 코드를 사용해 구체적인 항공편을 추천하도록 프롬프트를 작성합니다.
[02:01]
항공편 에이전트 노드를 생성하고, 공항 코드를 사용하여 특정 목적지로 가는 구체적인 항공편을 추천하는 여행 어시스턴트로 설정합니다. 최신 정보 제공을 위해 웹 검색 액세스도 부여합니다.
Itinerary Agent 노드를 만들고 간결한 여행 일정을 생성하도록 지시합니다. 사용자의 하루 일정을 빠르게 제안할 수 있는 에이전트를 구축합니다.
[02:32]
여행 일정 에이전트를 새로운 에이전트 노드로 구축하고, 간결한 여행 일정을 작성하는 여행 어시스턴트로 설정합니다.
[02:51]
완성된 여행 에이전트를 실행 미리보기에서 테스트합니다. '도쿄에서 하루 동안 무엇을 해야 하는지' 질문하면, 메시지가 분류기 에이전트를 통과하여 여행 일정 카테고리로 분류되고, 여행 일정 에이전트가 도쿄의 간결한 하루 여행 일정을 생성합니다.
Tokyo에서 하루 일정을 물어보는 프리뷰를 실행합니다. 메시지가 분류기를 거쳐 Itinerary Agent로 전달되어 간결한 도쿄 일정이 생성되는 과정을 확인합니다.
[03:17]
항공편 에이전트의 경우 단순한 텍스트 대신 더 풍부한 사용자 경험을 위해 위젯 스튜디오에서 항공편 정보 표시용 위젯을 구축할 계획입니다.
Widget Studio에서 Flight 정보 위젯을 디자인·다운로드해 에이전트에 업로드합니다. 배경 색상과 시간대 표시 등 커스터마이즈 옵션을 추가합니다.
[03:29]
사전에 디자인한 항공편 정보 위젯을 다운로드하여 에이전트에 통합하는 과정을 설명합니다. 위젯 스튜디오에서 만든 항공편 템플릿을 에이전트의 출력 형식으로 추가합니다.
[03:56]
에이전트를 더욱 개인화하기 위해 목적지에 따라 창의적으로 배경색을 선택하고, 시간대 및 오전/오후 정보를 포함하도록 설정을 조정합니다.
[04:21]
SFO에서 도쿄로 가는 10월 7일 항공편을 테스트하여 에이전트의 작동 과정을 확인합니다. 분류 에이전트가 요청을 분석하고 웹 검색을 통해 항공편을 찾아 시각적으로 표시하는 전체 워크플로우를 보여줍니다.
“SFO to Tokyo on October 7th” 예시로 프리뷰를 실행합니다. 분류기→Flight Agent→웹 검색→위젯 표시 과정을 통해 풍부한 UI 출력을 확인합니다.
완성된 ‘travel agent’를 퍼블리시하고 SDK 예제 코드를 살펴봅니다. Workflow ID를 제품에 직접 삽입해 간편하게 통합하는 방법을 안내합니다.
[00:00]
안녕하세요 여러분, OpenAI의 Christina입니다.
[00:02]
Agent Builder 101에 오신 것을 환영합니다.
[00:05]
Agent Builder는 AI 워크플로를 구축하기 위한 새로운 비주얼 도구입니다.
[00:08]
노드를 연결하고
[00:10]
코드 작성 없이 에이전트를 생성할 수 있습니다.
[00:12]
템플릿부터 시작하거나
[00:15]
처음부터 직접 구축할 수도 있습니다.
[00:17]
또한 내장된 평가 기능으로
[00:19]
에이전트의 성능을 테스트하고 파악할 수 있습니다.
[00:22]
준비가 되면
[00:23]
워크플로를 코드로 내보내거나
[00:26]
제품에 바로 적용할 수 있습니다.
[00:28]
기본적으로 AI 에이전트를
[00:31]
시각적이고 빠르게 설계, 테스트, 출시하는 올인원 공간입니다.
[00:35]
오늘은
[00:36]
첫 번째 에이전틱 워크플로를 구축하는 방법을 보여드리겠습니다.
[00:38]
도움이 되는 여행 에이전트로
[00:40]
여행 일정을 계획하거나
[00:42]
항공편 정보를 조회해 드립니다.
[00:44]
OpenAI 플랫폼에서 시작하겠습니다.
[00:47]
모든 워크플로는 시작 노드부터 시작됩니다.
[00:49]
여기서 입력 변수나
[00:51]
상태 변수를 설정할 수 있습니다.
[00:53]
오늘 여행 에이전트의 기본값은 훌륭합니다.
[00:57]
다음으로 분류기 에이전트를 연결하겠습니다.
[00:58]
전문 여행 일정 에이전트와
[01:01]
전문 항공편 에이전트를 구축할 예정입니다.
[01:03]
먼저 어떤 에이전트로
[01:05]
라우팅해야 하는지 결정하고 싶습니다.
[01:06]
이것을 분류기라고 부르겠습니다.
[01:10]
당신은 메시지가
[01:13]
여행 일정에 관한 것인지
[01:17]
항공편에 관한 것인지 분류하는 도움이 되는 여행 어시스턴트입니다.
[01:23]
여기서 출력 형식을
[01:26]
JSON으로 지정하고 classification이라는
[01:29]
속성을 추가하겠습니다.
[01:31]
flight info 또는 itinerary 두 가지 옵션을
[01:33]
가질 것입니다.
[01:38]
좋습니다.
[01:39]
다음으로 if else 노드를 추가해서
[01:42]
분류에 따라 분기하도록 하겠습니다.
[01:45]
만약
[01:47]
classification이 flight info라면
[01:52]
항공편 에이전트로 분기하고
[01:55]
그렇지 않으면
[01:58]
여행 일정 에이전트로 분기합니다.
[02:01]
항공편 에이전트에서
[02:03]
새로운 노드를 생성하고
[02:07]
flight agent라고 부르겠습니다.
[02:09]
당신은 여행 어시스턴트입니다.
[02:12]
항상 특정 목적지로 가는 구체적인 항공편을
[02:17]
추천하세요.
[02:19]
공항 코드를 사용하세요.
[02:23]
여기서 웹 검색 액세스도 제공해서
[02:25]
항공편에 대한 최신 정보를
[02:27]
제공할 수 있도록 하겠습니다.
[02:32]
좋습니다. 여행 일정 에이전트의 경우
[02:36]
새로운 에이전트 노드로
[02:39]
여행 일정 에이전트를 구축하겠습니다.
[02:42]
당신은 여행 어시스턴트입니다.
[02:45]
간결한 여행 일정을
[02:49]
작성해 주세요.
[02:51]
좋습니다. 여행 에이전트를 시작하는데
[02:52]
필요한 모든 것이 갖춰진 것 같습니다.
[02:55]
실행 미리보기에서
[02:57]
도쿄에서 하루 동안 무엇을 해야 하는지 물어보겠습니다.
[03:01]
방금 만든 워크플로를 통해
[03:03]
메시지가 진행되는 것을 볼 수 있습니다.
[03:04]
분류기 에이전트를 통과하고
[03:06]
어떤 카테고리로 갈지 결정하고
[03:09]
여행 일정에 대해 물어본다는 것을 파악한 후
[03:11]
여행 일정 에이전트로 전달해서
[03:13]
도쿄의 간결한
[03:15]
하루 여행 일정을 만들어줍니다.
[03:17]
멋진 하루가 될 것 같네요. 이제 항공편 에이전트의 경우
[03:20]
단순한 텍스트 대신
[03:22]
항공편 정보를 보여주는 더 풍부한 경험을
[03:24]
원합니다. 이를 위해
[03:26]
위젯 스튜디오에서 위젯을 구축할 수 있습니다.
[03:27]
여기서 실제로
[03:29]
이미 항공편 정보를 보여주는 위젯을 디자인해 놓았습니다.
[03:32]
한 지역에서 다른 지역으로 가는 항공편의
[03:34]
모든 세부사항과 함께 말이죠.
[03:36]
항공편에 대한 모든 세부사항과 함께요.
[03:38]
다운로드를 클릭하기만 하면
[03:40]
이 전체 템플릿을 다운로드해서
[03:42]
방금 만든 에이전트에 바로 가져올 수 있습니다.
[03:45]
위젯 출력 형식으로 추가하겠습니다.
[03:48]
방금 가져온 항공편 위젯을 업로드하겠습니다.
[03:51]
미리보기를 해보니 모든 것이 좋아 보입니다.
[03:54]
실제로 이것을 좀 더 맞춤화하고 싶습니다.
[03:56]
그래서 에이전트에게
[03:58]
목적지에 따라 창의적으로 배경색을 선택하라고 지시하겠습니다.
[04:02]
창의적으로
[04:07]
목적지에 따라서요.
[04:12]
그리고 시간대와 오전/오후도 포함하도록
[04:16]
요청하겠습니다.
[04:21]
좋습니다. 테스트해보죠.
[04:26]
10월 7일 SFO에서 도쿄로 가는 항공편입니다.
[04:30]
여기서 다시 분류 에이전트가 진행되는 것을 볼 수 있습니다.
[04:31]
항공편이나 여행 계획에 대해 묻고 있는지 결정하고
[04:34]
항공편에 대해 묻고 있다고 판단하여
[04:37]
항공편 에이전트를 선택하고
[04:39]
항공편에 대해 묻고 있다고 결정하여
[04:41]
웹을 검색하여 항공편을 찾고
[04:43]
이렇게 풍부하고
[04:45]
상호작용적인 방식으로 보여줍니다.
[04:46]
이 경우, 노란색이
[04:49]
도쿄의 색상이라고 결정했나 보네요.
[04:51]
그래서 배경색으로 사용했습니다.
[04:53]
배경색으로 말이죠.
[04:56]
좋습니다. 이제 만족스러운 에이전트를 구축했고
[04:58]
바로 게시할 수 있습니다.
[05:00]
여행 에이전트라고 부르겠습니다.
[05:02]
여기에서요.
[05:03]
이제 완전히 배포된 에이전트가 있고
[05:05]
사용할 준비가 되었습니다.
[05:08]
에이전트 SDK를 사용할 수도 있고요.
[05:10]
여기서 보시다시피 제가 직접 관리하기에는
[05:12]
꽤 많은 코드입니다.
[05:15]
또는 이 워크플로우 ID를 가져다가
[05:17]
Jacket을 사용해서 제품에 바로 넣을 수도 있습니다.
[05:19]
이게 전부입니다. 도움이 되었기를 바라며
[05:21]
댓글로 피드백을 남겨주시고
[05:23]
OpenAI devs 구독도 잊지 마세요.
[05:25]
더 많은 제품 업데이트를 위해서요.
[05:27]
감사합니다.
