ViviDoc 시연: 인간-에이전트 협력을 통한 인터랙티브 문서 생성

Demonstrating ViviDoc: Generating Interactive Documents through Human-Agent Collaboration

인터랙티브 아티클은 독자들이 탐구를 통해 복잡한 아이디어에 참여하도록 돕지만, 제작에는 여전히 많은 비용이 소요되며, 전문 지식과 웹 개발 기술 모두 필요합니다. 최근 LLM 기반 에이전트는 콘텐츠 생성을 자동화할 수 있지만, 단순히 적용하는 것만으로는 제어 불가능하고 검증되지 않은 결과가 나올 수 있습니다. 본 논문에서는 단일 주제 입력을 기반으로 인터랙티브 교육 문서를 생성하는 인간-에이전트 협업 시스템인 ViviDoc을 소개합니다. ViviDoc은 플래너, 실행자, 평가자 등으로 구성된 다중 에이전트 파이프라인과 DocSpec이라는 사람이 읽을 수 있는 중간 표현을 도입합니다. DocSpec은 각 인터랙티브 시각화를 상태(State), 렌더링(Render), 전환(Transition), 제약 조건(Constraint) 구성 요소로 분해합니다. DocSpec을 통해 교육자는 코드가 생성되기 전에 생성 계획을 검토하고 개선할 수 있으며, 이를 통해 교육적 의도와 실행 가능한 결과 사이의 간극을 줄일 수 있습니다. 전문가 평가와 사용자 연구 결과, ViviDoc은 기존의 에이전트 기반 생성 방식보다 훨씬 우수한 성능을 보이며, 직관적인 편집 경험을 제공하는 것으로 나타났습니다. 프로젝트 홈페이지는 https://vividoc-homepage.vercel.app/ 에서 확인할 수 있습니다.

Interactive articles help readers engage with complex ideas through exploration, yet creating them remains costly, requiring both domain expertise and web development skills. Recent LLM-based agents can automate content creation, but naively applying them yields uncontrollable and unverifiable outputs. We present ViviDoc, a human-agent collaborative system that generates interactive educational documents from a single topic input. ViviDoc introduces a multi-agent pipeline (Planner, Executor, Evaluator) and the Document Specification (DocSpec), a human-readable intermediate representation that decomposes each interactive visualization into State, Render, Transition, and Constraint components. The DocSpec enables educators to review and refine generation plans before code is produced, bridging the gap between pedagogical intent and executable output. Expert evaluation and a user study show that ViviDoc substantially outperforms naive agentic generation and provides an intuitive editing experience. Our project homepage is available at https://vividoc-homepage.vercel.app/.