← 갤러리로 돌아가기

🕸 멀티 에이전트 협업

여러 에이전트가 작업을 나눠 동시에 처리하고, 결과를 하나로 합치는 과정을 보여드려요
💡 재생 버튼을 눌러보세요. 매니저가 작업을 3개로 나눠 동시에 맡기고, 끝나는 대로 결과를 종합합니다.
🧭 매니저 에이전트
"AI 트렌드 조사해서 발표 자료 초안 만들어줘" 요청을 3개 작업으로 나눔
↓ ↓ ↓
🔍 리서치 에이전트
대기 중
✍️ 작성 에이전트
대기 중
🔎 검토 에이전트
대기 중
↓ ↓ ↓
📄 결과 종합
모든 에이전트의 작업이 끝나면 여기에 최종 결과가 모아져요

💬 한 줄 정리

여러 에이전트가 동시에 서로 다른 하위 작업을 처리하면, 하나의 에이전트가 순서대로 다 하는 것보다 훨씬 빠르고, 각자 전문화된 역할(리서치/작성/검토)을 잘 수행할 수 있어요. 매니저 에이전트는 작업을 나누고, 끝난 결과들을 모아 하나로 정리하는 역할을 해요.

🧾 이 페이지, 이런 프롬프트로 만들었어요

아래 프롬프트를 복사해서 Claude·ChatGPT(GPT)·Gemini 어디에든 붙여넣고 직접 시도해보세요. 참고로 이건 예시 없이 지시만 담은 제로샷(zero-shot) 프롬프트예요 — 원하는 결과물의 예시를 1개 넣으면 원샷(one-shot), 여러 개 넣으면 퓨샷(few-shot) 프롬프팅이 되는데, 예시를 더할수록 결과가 원하는 스타일에 더 가까워지는 경우가 많아요.

"멀티 에이전트 협업"을 설명하는 단일 HTML 페이지를 만들어줘.

- 상단에 "매니저 에이전트" 박스, 그 아래 "리서치/작성/검토" 3개의 "워커 에이전트" 박스를 나란히 배치
- 맨 아래 "결과 종합" 박스
- "재생하기" 버튼을 누르면 3개 워커 박스의 진행바가 동시에(서로 다른 속도로) 채워지고,
  각각 완료되면 "완료" 상태로 바뀌게 해줘
- 모든 워커가 끝나면 맨 아래 "결과 종합" 박스가 활성화되면서 최종 결과 텍스트가 나타나게 해줘
- 마지막에 멀티 에이전트가 무엇인지 한 문단으로 쉽게 설명하는 요약을 추가해줘
- CSS·JS 전부 인라인으로 넣은 단일 HTML 파일로, 한국어로 출력해줘
이 페이지는 AI(Claude)가 만든 예시 자료입니다 — 강의 데모용