Carry well-designed components into real screens by aligning flow, state, and information density. Customers can understand each screen quickly and use it comfortably, even as the product grows.
The core packages used directly in customer-facing screens: components, data grids, editors, and chat.
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 컴포넌트, 메시지 렌더링, 입력 인터페이스, 대화 상태 관리를 담당합니다.
Assemble product screens while aligning state, adapters, and design standards so the customer experience stays steady.
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를 담당합니다.
Supports reopt brandapp-sdk integration. Quickly implement product blocks such as auth and account flows to complete operational workflows.