Ship 26 NYC - FLORA의 프로덕션 환경 샌드박스
원제 · Ship 26 NYC - Sandboxes in Production at FLORA
핵심 요약
Flora는 예측 불가능한 AI의 유연성과 전문가 수준의 신뢰성 사이의 간극을 좁히기 위해 Vercel 샌드박스를 활용하여 세 가지 프로덕션 워크플로를 구축했다.
하이라이트
Flora는 200개가 넘는 AI 모델을 지원하는 노드 기반의 종합 크리에이티브 운영 체제이다.
나이키와 라이언즈게이트 필름 등의 고객사가 스케치로 360도 비디오를 제작하거나 가상 비디오를 만드는 데 Flora를 사용한다.
첫 번째 프로덕션 워크플로인 액션 기능은 Vercel 샌드박스 내부에서 ImageMagick과 Node, Python 생태계를 활용해 커스텀 미디어 변환을 수행한다.
두 번째 프로덕션 워크플로인 Flora MCP 서버는 18개의 툴 모델에서 문서 검색과 실행을 담당하는 2개의 툴 모델로 전환하여 컨텍스트 윈도우 문제를 해결했다.
세 번째 프로덕션 워크플로인 타임라인 편집기는 Remotion과 Vercel 샌드박스를 결합해 헤드리스 렌더 워크스테이션을 구축한다.
타임라인
Flora 개요 및 AI와 소프트웨어의 긴장감
Flora는 크리에이티브 전문가들이 워크플로를 조율할 수 있는 종합 운영 체제를 지향한다. 수십만 명의 사용자가 패션, 브랜드, 건축, 영화 등의 분야에서 이 도구를 사용하고 있다. 소프트웨어 엔지니어링의 결정론적인 특성과 AI의 적응형 특성을 조화시키는 것이 핵심 과제이다.
- Flora는 텍스트, 이미지, 오디오, 비디오 AI 생성을 위한 노드 기반 캔버스다.
- 소프트웨어 코드는 엄격하고 예측 가능하지만, AI는 유연하고 적응력이 높다는 본질적인 긴장감이 존재한다.
- 크리에이티브 전문가들은 아주 미세한 오차도 감지하므로 앱의 마감 완성도가 필수적이다.
첫 번째 워크플로: 액션과 미디어 변환
사용자는 캔버스에서 미디어 작업을 실행할 수 있으며, 내부적으로는 완전한 미디어 스택이 작동한다. 샌드박스는 네트워크를 잠근 상태에서 신뢰할 수 없는 코드를 실행하고, 제품은 그 출력값을 검증하여 안전한 Flora 에셋으로 되돌린다.
- 액션 기능은 사용자가 캔버스 내 에셋에 대해 커스텀 미디어 변환을 실행하는 방식이다.
- 샌드박스 내부의 코드는 네트워크 접근이 완전히 차단된 상태로 실행된다.
- ImageMagick, Node, Python 생태계를 통해 비디오 트랜스코딩과 프레임 추출 등의 미디어 파이프라인을 지원한다.
두 번째 워크플로: MCP 서버를 통한 에이전트 연동
초기에는 툴이 늘어나면서 컨텍스트 윈도우와 리콜 능력이 저하되는 문제가 발생했다. 이를 해결하기 위해 문서 검색과 실행이라는 2개의 툴 모델로 축소하고, 에이전트가 직접 TypeScript를 작성해 샌드박스에서 실행하는 구조로 개편했다.
- Flora MCP 서버는 외부 AI에서 Flora의 모든 기능에 접근할 수 있게 해준다.
- 기능당 하나의 툴을 가졌던 18개의 툴 모델은 에이전트의 회상 능력을 떨어뜨렸다.
- 문서 검색과 실행을 담당하는 2개의 툴 모델로 전환하여 TypeScript 코드를 샌드박스에서 실행한다.
세 번째 워크플로: 타임라인 편집기와 Vercel 샌드박스의 가치
브라우저 전용 비디오 편집의 한계를 극복하기 위해 Remotion과 샌드박스를 결합했다. 샌드박스는 비동기적 이점과 상태 유지 기능을 제공하여 대규모 비디오 내보내기 워크플로를 안정적으로 처리한다. 최종적으로 Vercel 샌드박스는 크리에이티브 전문가들의 눈높이를 맞추는 결정적인 기반이 된다.
- 타임라인 편집기는 Remotion과 Vercel 샌드박스를 결합한 헤드리스 렌더 워크스테이션이다.
- 샌드박스는 상태를 유지할 수 있어 중단된 지점에서 렌더링을 다시 이어갈 수 있다.
- Vercel 샌드박스는 유연한 AI와 예측 가능한 제품 완성도를 결합하는 다리 역할을 한다.
설명
Vercel.com