Montage

Montage는 템플릿을 서버에서 컴파일하고 완성된 HTML, CSS, JS를 미리 내보낸다. 실행 시점에 해석되는 것은 없다. 속도와 토큰 절감이 여기서 나온다. 모델이 조각조각 맞추는 동안 버벅이는 대신 빠르게 로드되는 에이전트 UI를 얻는다는 뜻이다.

왜 이게 중요할까. 안정성 때문이다. 이 플랫폼은 모델에게 에이전트 UI를 처음부터 쓰게 하는 대신 템플릿을 채운다. 안정적인 인터페이스와 실행마다 조금씩 밀리는 인터페이스의 차이가 이것이다. 레이아웃은 제자리에 머문다. 모델은 틀릴 수도 있는 마크업이 아니라 당신의 데이터에 힘을 쓴다.

Montage에는 타입이 있고 shadow 스코프를 가지며 테마를 인식하는 컴포넌트가 많이 들어 있다. shadow 스코프는 스타일을 격리하므로 삽입된 산출물이 호스트 페이지의 CSS와 충돌하지 않는다. 기존 제품에 출력을 안전하게 넣을 수 있는 이유가 이 격리다.

주요 색상이나 타이포그래피 같은 자체 제품 토큰을, 보내는 의도를 바꾸지 않고 넘길 수 있다. 생성된 UI가 브랜드를 반영하므로 흔해 빠진 모습을 내보내지 않는다. 성숙한 디자인 시스템을 가진 팀이 여기서 가장 많은 것을 얻는다.

React SDK는 격리된 iframe 안에서 Montage 출력을 렌더링하는 HtmlBlock 컴포넌트를 제공한다. 가져와서 HTML 문자열을 넘기면 표시된다. CSS 충돌을 걱정할 일이 없다. 이미 React를 쓰는 팀이라면 API 호출에서 눈에 보이는 기능까지 가는 길이 짧다.

Montage는 REST 화면과 같은 의도 스키마로 만든 SDK를 모두 제공한다. SDK는 createMontageTools 같은 도구를 제공해 실행을 감싸 준다. HTTP API가 좋다면 같은 요청 형식이 그대로 쓸 수 있다. 하나의 통합 방식에 묶이지 않는다.