LangChain, 콘텐츠 스튜디오 구축 과정 공개

LangChain의 GTM 엔지니어링팀과 디자인팀은 프롬프트를 바탕으로 브랜드 캠페인 자산을 만드는 디자인 에이전트 콘텐츠 스튜디오를 슬랙에서 구축했습니다. 디자인 원칙을 4개월간 학습시킨 뒤 자산 3,000개 이상과 슬라이드 자료 80개 이상을 생성했다고 회사는 밝혔습니다. 생성된 슬라이드 자료 하나는 유기적 유입으로 가장 많이 시청된 유튜브 영상에 쓰였습니다. 콘텐츠 스튜디오 시각물을 활용한 게시물은 엑스에서 약 450만 회 조회됐으며, 랭체인 계정의 해당 게시물은 다른 게시물보다 좋아요 약 2배, 북마크 3.7배를 기록했습니다. 요청 4건 중 3건은 이제 마케팅 부서 외부에서 들어오고, 사용자의 75%는 매주 다시 이용합니다. 요청당 모델 지출 중간값은 9월 중순 약 8달러에서 약 50센트로 줄었으며, 마이그레이션 뒤 코드 규모는 약 80% 감소했습니다.

LangChain은 모델이 HTML과 CSS, 차트 명세, 애니메이션 타임라인을 작성할 수 있었지만, 처음에는 차별화된 디자인을 만들 회사 맥락이 부족했다고 밝혔습니다. 팀은 색상 토큰과 글꼴 굵기, 간격 및 정렬 지침을 추가한 뒤 각 프레임에 핵심 초점을 하나만 두는 원칙, 흔한 AI 디자인 유형을 막는 안전장치, 디자이너 피드백의 근거도 입력했습니다. 디자이너가 캠페인의 강도나 메시지의 명확성, 관객 반응을 주관적으로 판단하면 팀은 그 근거를 기술로 기록해 다음 초안에 반영하도록 했습니다. 자동 검사는 검토 과정에서 자주 발견되던 대소문자 오류를 빠짐없이 찾아냅니다.

콘텐츠 스튜디오는 슬랙 대화 스레드마다 별도의 랭스미스 샌드박스에서 실행됩니다. 샌드박스는 파일 시스템과 셸을 갖춘 격리된 리눅스 컴퓨터이며, 프로젝트 파일은 해당 스레드에서 계속 유지됩니다. 에이전트와 서브에이전트는 이 파일을 수정하고 자산 일부를 다시 렌더링할 수 있으며, 기획 요약과 계획, 장면 코드, 오디오 및 렌더 결과는 하나의 프로젝트 폴더에 저장됩니다. 영상 제작에는 영상을 웹 페이지처럼 다루는 오픈소스 프레임워크 하이퍼프레임스와 클립, 자막, 텍스트의 움직임을 제어하는 지에스에이피 타임라인을 씁니다. 별도의 모션 스튜디오 캔버스 엔진은 코드로 프레임을 그리며, 각 프레임에서 최대 16개 순간을 섞어 움직임을 흐리게 표현할 수 있습니다. 두 엔진 모두 타임스탬프별로 프레임을 렌더링하므로 에이전트가 개별 장면을 확인하고 여러 프레임을 병렬로 생성합니다. 오디오도 타임라인을 공유해 내레이션, 음악, 효과음을 맞춥니다.

LangChain은 처음에 제목과 레이아웃, 애니메이션용 재사용 구성요소 115개와 사용 지침을 갖춘 디자인 시스템을 만들었습니다. 브랜드 일관성에는 도움이 됐지만 레이아웃과 애니메이션이 반복되는 문제가 생겼습니다. Opus 5.5가 나온 뒤 팀은 디자인 원칙과 상위 수준의 지침은 남기고 고정 규칙 대부분을 없앴으며, 결과의 다양성이 늘고 반복은 줄었다고 밝혔습니다. 회사는 모델의 약점을 보완하는 규칙은 모델이 개선될수록 효용이 줄지만, 주변 도구와 맥락, 사람들이 작업을 안내하는 방식은 여전히 중요하다고 설명했습니다. 랭체인은 에이전트 저장소를 오픈소스로 공개했으며, 팀들은 이를 복제해 브랜드 토큰과 글꼴, 기술을 추가하고 매니지드 딥 에이전츠를 통해 슬랙에 배포할 수 있습니다.

LangChain의 GTM 엔지니어링팀과 디자인팀은 프롬프트를 바탕으로 브랜드 캠페인 자산을 만드는 디자인 에이전트 콘텐츠 스튜디오를 슬랙에서 구축했습니다. 디자인 원칙을 4개월간 학습시킨 뒤 자산 3,000개 이상과 슬라이드 자료 80개 이상을 생성했다고 회사는 밝혔습니다. 생성된 슬라이드 자료 하나는 유기적 유입으로 가장 많이 시청된 유튜브 영상에 쓰였습니다. 콘텐츠 스튜디오 시각물을 활용한 게시물은 엑스에서 약 450만 회 조회됐으며, 랭체인 계정의 해당 게시물은 다른 게시물보다 좋아요 약 2배, 북마크 3.7배를 기록했습니다. 요청 4건 중 3건은 이제 마케팅 부서 외부에서 들어오고, 사용자의 75%는 매주 다시 이용합니다. 요청당 모델 지출 중간값은 9월 중순 약 8달러에서 약 50센트로 줄었으며, 마이그레이션 뒤 코드 규모는 약 80% 감소했습니다.

LangChain은 모델이 HTML과 CSS, 차트 명세, 애니메이션 타임라인을 작성할 수 있었지만, 처음에는 차별화된 디자인을 만들 회사 맥락이 부족했다고 밝혔습니다. 팀은 색상 토큰과 글꼴 굵기, 간격 및 정렬 지침을 추가한 뒤 각 프레임에 핵심 초점을 하나만 두는 원칙, 흔한 AI 디자인 유형을 막는 안전장치, 디자이너 피드백의 근거도 입력했습니다. 디자이너가 캠페인의 강도나 메시지의 명확성, 관객 반응을 주관적으로 판단하면 팀은 그 근거를 기술로 기록해 다음 초안에 반영하도록 했습니다. 자동 검사는 검토 과정에서 자주 발견되던 대소문자 오류를 빠짐없이 찾아냅니다.

콘텐츠 스튜디오는 슬랙 대화 스레드마다 별도의 랭스미스 샌드박스에서 실행됩니다. 샌드박스는 파일 시스템과 셸을 갖춘 격리된 리눅스 컴퓨터이며, 프로젝트 파일은 해당 스레드에서 계속 유지됩니다. 에이전트와 서브에이전트는 이 파일을 수정하고 자산 일부를 다시 렌더링할 수 있으며, 기획 요약과 계획, 장면 코드, 오디오 및 렌더 결과는 하나의 프로젝트 폴더에 저장됩니다. 영상 제작에는 영상을 웹 페이지처럼 다루는 오픈소스 프레임워크 하이퍼프레임스와 클립, 자막, 텍스트의 움직임을 제어하는 지에스에이피 타임라인을 씁니다. 별도의 모션 스튜디오 캔버스 엔진은 코드로 프레임을 그리며, 각 프레임에서 최대 16개 순간을 섞어 움직임을 흐리게 표현할 수 있습니다. 두 엔진 모두 타임스탬프별로 프레임을 렌더링하므로 에이전트가 개별 장면을 확인하고 여러 프레임을 병렬로 생성합니다. 오디오도 타임라인을 공유해 내레이션, 음악, 효과음을 맞춥니다.

LangChain은 처음에 제목과 레이아웃, 애니메이션용 재사용 구성요소 115개와 사용 지침을 갖춘 디자인 시스템을 만들었습니다. 브랜드 일관성에는 도움이 됐지만 레이아웃과 애니메이션이 반복되는 문제가 생겼습니다. Opus 5.5가 나온 뒤 팀은 디자인 원칙과 상위 수준의 지침은 남기고 고정 규칙 대부분을 없앴으며, 결과의 다양성이 늘고 반복은 줄었다고 밝혔습니다. 회사는 모델의 약점을 보완하는 규칙은 모델이 개선될수록 효용이 줄지만, 주변 도구와 맥락, 사람들이 작업을 안내하는 방식은 여전히 중요하다고 설명했습니다. 랭체인은 에이전트 저장소를 오픈소스로 공개했으며, 팀들은 이를 복제해 브랜드 토큰과 글꼴, 기술을 추가하고 매니지드 딥 에이전츠를 통해 슬랙에 배포할 수 있습니다.