Moda, Deep Agents를 활용한 프로덕션급 AI 디자인 에이전트 구축 방법

Moda는 비전문가를 위한 AI 네이티브 디자인 플랫폼으로, Cursor 스타일의 AI 사이드바를 통해 2D 벡터 캔버스에서 디자인을 직접 생성하고 수정할 수 있는 기능을 제공한다.

이 시스템의 핵심은 Deep Agents 기반의 멀티 에이전트 구조이며, LangSmith를 통해 관측성(observability)을 확보하여 빠른 반복과 안정적인 배포를 지원한다.

Moda의 에이전트 시스템은 다음과 같이 세 가지 역할을 수행한다:

• Design Agent: 캔버스 위에서 실시간 디자인 생성 및 반복 작업을 담당한다.
• Research Agent: 외부 소스에서 구조화된 콘텐츠를 가져와 사용자 파일 시스템에 저장한다.
• Brand Kit Agent: 브랜드 자산(색상, 폰트, 로고 등)을 학습하여 디자인의 일관성을 유지한다.

시각적 디자인은 HTML/CSS와 달리 레이아웃 추상화가 부족하고 XML 기반의 절대 좌표(XY)를 사용하기 때문에 LLM이 처리하기 어렵다. 이를 해결하기 위해 Moda는 원시 좌표 대신 LLM이 구조를 이해하기 쉬운 **커스텀 DSL(Domain Specific Language)**을 개발하여 토큰 비용을 줄이고 품질을 높였다.

모든 요청은 먼저 가볍고 저렴한 Haiku 모델을 사용하는 Triage(선별) 단계를 거친다. 여기서 출력 형식을 분류하고 관련 Skills(디자인 가이드라인 등)를 미리 로드하여 메인 에이전트의 효율성을 극대화한다.