잘 설계한 컴포넌트가 실제 화면에서도 같은 품질로 이어지도록 흐름과 상태, 정보 밀도를 함께 맞춥니다. 고객은 화면이 바뀌어도 익숙하게 이해하고 편하게 사용할 수 있습니다.
컴포넌트, 데이터그리드, 에디터, 챗처럼 고객 화면에 직접 쓰이는 기본 패키지입니다.
Core, Shells, Surfaces
컴포넌트 선택, 테마, 접근성, Surface/Template 조합, opt-ui 도입 워크플로우를 담당합니다.
Charts, Visuals, Metrics
Recharts 기반 차트, SVG 시각화, chart-specific shell, 시각화 메타데이터와 예제를 담당합니다.
Editing, Scale, Remote Data
편집형 그리드, 성능 튜닝, 원격 연동 계약, 컬럼/selection 모델처럼 DataGrid 고유 문제를 담당합니다.
Blocks, Streaming, AI Authoring
블록 시스템, 스트리밍 프로토콜, Markdown 변환, AI 백엔드 연결과 커스텀 블록 확장을 담당합니다.
AI Chat, Streaming, Rich Parts
Chat UI 컴포넌트, 메시지 렌더링, 입력 인터페이스, 대화 상태 관리를 담당합니다.
제품 화면을 조립하고, 상태와 어댑터, 디자인 기준을 함께 맞춰 고객 경험이 흔들리지 않게 합니다.
Product Frame, State UX, Adapters
opt-ui 위에서 app shell, page rhythm, state boundary, datagrid/editor adapter처럼 제품 화면의 구조적 일관성을 담당합니다.
Surface CLI, Harness Checks
harness 계약 검증(opt harness check/doctor), 디자인 시스템·레이어·a11y lint 룰, completeness/coverage 스코어링과 SARIF 출력을 담당합니다.
Dev Overlay, Devtool Bridges
dev-only overlay, opt-ui debugger migration, datagrid/editor/harness bridge, cross-module inspection surface를 담당합니다.
리옵트 brandapp-sdk 연동을 지원합니다. 인증과 계정 같은 제품 블록을 빠르게 구현하여 운영 흐름을 완성합니다.