하나의 제품, 완전한 스택
UI 컴포넌트, 데이터 그리드, 콘텐츠 에디터, AI 채팅, 디자인 거버넌스까지 — 제품 인터페이스에 필요한 모든 것이 하나의 패키지 에코시스템 안에 있습니다.
핵심 모듈
제품 인터페이스의 기반이 되는 핵심 패키지
opt-ui
UI 컴포넌트 라이브러리
접근성 프리미티브부터 풀 페이지 템플릿까지. Core → Shells → Surfaces 구조로 설계된 공유 UI 시스템.
opt-charts
차트와 데이터 시각화
Recharts 기반 차트, heatmap, funnel, metric shell을 opt-ui 밖의 전문 패키지로 제공합니다.
opt-shell
런타임 프레임
워크스페이스 레시피·정책·어댑터로 부품을 일관된 제품 화면으로 조립하는 런타임 프레임.
opt-editor
AI 콘텐츠 에디터
비주얼 WYSIWYG + AI StreamCompiler 듀얼 모드. 15개 블록, NDJSON 스트리밍, Markdown 변환.
opt-datagrid
데이터 그리드
키보드 퍼스트 편집 가능 그리드. 가상화, 셀 편집, 클립보드, 원격 동기화 내장.
확장 모듈
AI, 디버깅, 하네스 거버넌스를 위한 전문 모듈
opt-chat
AI 채팅 UI
Vercel AI SDK 기반 스트리밍 채팅. 28종 렌더러, 음성 입력, 모델 라우팅.
opt-devtool
인스펙터 오버레이
실시간 테마, 컴포넌트 트리, 크로스 모듈 상태 시각화. 프로덕션 자동 제거.
opt-cli
하네스
제품 화면을 하네스 계약에 묶습니다 — check·doctor, audit 스코어링, 그리고 UI가 커져도 규격과 AI 빌더블을 유지하는 디자인 시스템 lint 룰.
Playground
브라우저에서 바로 실험할 수 있는 인터랙티브 환경
Deck Studio Playground
36장 샘플, 직접 편집, AI 수정, 발표와 파일 출력
열기DataGrid Playground
데이터 생성, async 시나리오, 편집 플로우를 실험합니다.
열기Editor Playground
블록 편집, 스트리밍, AI authoring을 검증합니다.
열기Chat Playground
AI 채팅 스트리밍, 렌더러, 입력 인터페이스를 테스트합니다.
열기Calendar Playground
일정, 예약, 타임존, 원격 데이터와 AI draft 검토를 실험합니다.
열기File Manager Playground
탐색, 업로드, capability 제한, 지연·실패와 복구를 검증합니다.
열기최신 릴리즈
최근 업데이트와 변경 사항을 추적하세요
opt-chat 입력창이 쓰는 흐름을 끊지 않게 바뀌었습니다. eve 에이전트 세션 렌더러와 실행 기록 컴포넌트도 추가했습니다.
모델이 쓰는 표를 지켜보며 함께 고칩니다.
opt-datagrid 1.8: 행 아래에 분할 영역을 펼쳐 중첩 그리드까지 한 키보드로 다루고, 선택한 셀에 한글을 바로 입력할 수 있습니다. opt-charts는 애니메이션을 끄면 y축 라벨이 잘리던 문제를, opt-editor는 선택 강조가 에디터 밖으로 번지던 문제를 고쳤습니다.
opt-ui 3.0 · opt-chat 2.0 · opt-shell 2.0: optional peer가 필요한 컴포넌트를 전용 엔트리로 분리해, 그 peer를 설치하지 않은 Next 앱도 webpack·Turbopack에서 빌드됩니다.
opt-deck 1.0: 독립 슬라이드 편집·발표, 차트와 스프레드시트 확장, 접근성 읽기 경로와 설치본 검증.