AI Briefing

대화로 UI를 생성하는 Open Generative UI 공개

Open Generative UI: AI 에이전트가 대화로 인터랙티브 UI를 생성하는 오픈소스 프로젝트

·2026.07.27 10:30

AI 에이전트가 대화 맥락에 맞춰 실시간 인터랙티브 UI 컴포넌트를 생성하는 오픈소스 프로젝트가 공개되었습니다.

Open Generative UI는 CopilotKitLangChain Deep Agents를 결합하여, 텍스트 기반의 답변 대신 사용자의 요청에 따라 직접적인 HTML/SVG 컴포넌트를 생성하고 렌더링하는 프로젝트입니다.

주요 특징은 다음과 같습니다:

  • 인터랙티브 컴포넌트 생성: 알고리즘 시각화, 3D 장면(Three.js), 차트(Chart.js), 데이터 위젯 등을 샌드박스 iframe 내에서 실시간으로 구현합니다.
  • 지능형 출력 결정: 에이전트가 요청의 성격에 따라 SVG 순서도, 선 그래프, 3D 모델 등 최적의 시각화 도구를 스스로 선택합니다.
  • MCP(Model Context Protocol) 지원: 독립 실행형 MCP 서버를 통해 Claude Desktop, Cursor 등 다양한 클라이언트에서 디자인 시스템과 스킬 지침을 활용할 수 있습니다.
  • 기술 스택: Next.js 16, React 19, Tailwind 4 기반의 모노레포 구조로 설계되었습니다.

이 프로젝트는 복잡한 시각적 정보를 효과적으로 전달하기 위해 고성능 LLM(Claude 3.5 Sonnet 등) 사용을 권장하며, 에이전트가 점진적으로 스킬을 공개하는 방식으로 동작합니다.

이 요약은 원문 이해를 돕기 위한 큐레이션입니다. 저작권은 원저작자에게 있으며, 정확한 내용과 맥락은 원문을 확인하세요.

요약 오류, 출처 표기 문제, 삭제 요청은 문의 · 건의로 알려주세요.