reopt designreopt design
DocsExploreToolsPricingBuilder
로그인
Explore/
opt-ui205opt-charts40opt-datagrid9opt-editor5opt-calendar4opt-filemanager4opt-chat6opt-shell14brandapp-ui8Examples12Builder Blocks
reopt designreopt design

AI 시대를 위한 디자인 시스템

  • 문서
  • 가격
  • 릴리즈 노트
  • GitHub
  • 소개
  • 문의
  • 서비스 약관
  • 개인정보처리방침

주식회사 리옵트사업자등록번호 217-88-02453contact@reopt.ai

© 2026 reopt Inc. All rights reserved.

Explore/opt-shell/Editor Adapter
Adapteropt-shell 예제

Editor Adapter

EditorWorkspace와 ShellEditorAdapter 조합으로 authoring chrome과 editor engine의 소유 경계를 분리합니다.

editoradapterauthoring
bun add @reopt-ai/opt-shell @reopt-ai/opt-editor @reopt-ai/opt-ui
ShellProviderEditorWorkspaceShellEditorAdapter
1024px

Compose memo

A focused authoring workspace with toolbar, status, inspector, and review handoff kept in one route.

Open review surface

Expansion memo draft

The editor is fixture-backed so the page stays deterministic, but it still behaves like a real authoring surface.

Fixture-backed
6 blocksVersion 3Review note pending

ℹ️

Publish checklist
2 of 3
Distribution
PrimaryCommercial committee memo
SecondaryRenewal review packet
Autosave rehearsal completed 09:16 KSTNext action: review the fullscreen surface pattern

관련 예제

opt-shell

DataGrid Adapter

opt-shell - Adapter

Examples
ShellProviderListWorkspace+1
opt-shell

Bottom Bar

opt-shell - Layout

Examples
ShellProviderShellBottomBar
opt-shell

Completeness Score

opt-shell - Scoring

Examples
computeCompletenessScore
이전DataGrid Adapter다음Fullscreen Review