reopt designreopt design
DocsExploreToolsPricingBuilder
Start
Overview
Start
Core Concepts
Core Concepts
Surface
Surface 카탈로그
Build & Operate
서버 계약
Production readiness
Obrandapp-ui
reopt designreopt design

A design system for the AI era

  • Docs
  • Pricing
  • Releases
  • GitHub
  • Terms of Service
  • Privacy Policy

© 2026 reopt-ai. All rights reserved.

Package Docs · copy-paste surfaces

@reopt-ai/brandapp-ui

brandapp-ui는 컴파일된 런타임 패키지가 아니라 BrandApp SDK 기능을 opt-ui 위에 조립한 copy-paste Surface 저장소입니다. 소비자는 opt surface add로 소스 파일을 프로젝트에 복사하고, 그 뒤에는 자기 제품 코드로 소유합니다.

개요시작하기핵심 개념Surface 카탈로그서버 계약Production readiness

시작하기

env, Better Auth, auth-client, opt surface add까지 첫 설치 순서를 정리합니다.

핵심 개념

copy-paste Surface 모델, consumer ownership, SDK/server/UI 책임 경계를 설명합니다.

Surface 카탈로그

인증, AI, EAV, 운영 콘솔 Surface를 선택 기준과 설치 명령으로 분류합니다.

서버 계약

OAuth, AI, 이미지 생성, EAV proxy처럼 secret을 서버에 고정해야 하는 contract를 정리합니다.

Production readiness

registry rebuild, package tests, auth state matrix, consumer smoke 기준을 배포 전 체크리스트로 묶습니다.

도입 순서

1. SDK foundation

brandapp-sdk-init 또는 수동 설정으로 env, Better Auth, auth route, auth-client를 먼저 만듭니다.

2. Copy Surface

opt surface add <slug>로 필요한 Surface 소스만 소비자 프로젝트에 복사합니다.

3. Wire server contract

AI/EAV처럼 clientSecret이 필요한 기능은 서버 route로 프록시하고 Surface에는 endpoint만 전달합니다.

4. Own the copy

복사된 파일은 소비자 앱 코드입니다. 제품 copy, fallback, loading, error 정책을 프로젝트 기준으로 수정합니다.

Auth & session

Reopt OAuth 로그인, 세션 메뉴, 보호 화면, 세션 만료 재인증 UI

SignInWithReoptButtonReoptUserMenuSignInGateSessionExpiredDialog

AI surfaces

brandapp-sdk AI credit, model/agent list, typed error를 opt-chat과 opt-ui로 렌더

ReoptAiChatReoptAiImageStudio

Data & operations

EAV 레코드 탐색과 BrandApp 운영 콘솔을 위한 copy-paste 출발점

ReoptRecordTableBrandApp Control Center
Reopt 연동을 한 줄로 제품 UI에 심으려는 프런트엔드 구현자brandapp-ui

brandapp-sdk 기능을 opt-ui 위에 조립한 copy-paste Surface 모음. 소비자는 opt surface add로 소스 파일을 자기 프로젝트에 복사해 자유롭게 개조합니다.

인증 Surface(사인인 버튼, 사용자 메뉴, 보호 화면, 세션 만료)AI Surface(채팅, 이미지 생성)와 BrandApp credit UIEAV 레코드 테이블과 운영 콘솔 예제opt-cli registry 기반 copy-paste 배포