reopt designreopt design
DocsExploreToolsPricingBuilder
Explore/
opt-ui161opt-charts21opt-datagrid5opt-editor5opt-chat6opt-shell14brandapp-ui8Examples12
Overview161Core55Blocks75Pages31
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.

Explore/Pages/ProjectSettings

ProjectSettings

Page

프로젝트 설정 Surface. SettingsForm + DataTable + CodeSnippetViewer + Retention Policy + Cleanup Preview + Storage Usage 조합.

display
Related docs
npx @reopt-ai/opt-cli surface add project-settings
100%

기본 사용

Project Settings

Project Settings

API Keys

Data Table

NameAPI KeyCreated
Productionpk_live_abc123...2024-01-15
Developmentpk_test_xyz789...2024-02-01

SDK Integration

Installation
1npm install @reopt-ai/sdk\n\nimport { init } from '@reopt-ai/sdk';\ninit({ apiKey: 'pk_live_abc123' });

Dependencies

shellssettings-formshellsdata-tableshellscode-snippet-viewershellsconfirm-dialogcoreloading-overlaycorebuttoncoreprogress

Related components

CustomDashboard

커스텀 대시보드 Surface. WidgetGrid + ReportBuilder + ReportWidget + FilterBar 조합.

Display

DebugWorkspace

E2E 테스트 디버깅 워크스페이스. 2-pane 레이아웃 — 사이드바 테스트 목록 + 탭 콘텐츠 뷰어 (Video/Screenshots/Network/Console/Trace).

Display

VisualDiffManager

스크린샷 비주얼 리그레션 관리 + 승인 워크플로우. 3-column 레이아웃 — 스냅샷 리스트 + 이미지 diff 뷰어.

Display

UserDetail

사용자 상세 프로필 Surface. Avatar + StatCard + GaugeChart + Progress + DataTable + FilterBar 조합.

Display

ProjectOverview

프로젝트 개요 Surface. SummaryRow + NavCards + LineChart + BarChart + DataTable + CodeSnippetViewer + Dashboard CRUD 조합.

Display

MarketplaceCatalog

카드 그리드 기반 마켓플레이스 카탈로그. 검색, 탭 필터, 정렬 지원.

Display
PreviousBillingPageNextAnalyticsDashboard

기본 사용

Dashboard

Filters
Dashboard

Total Revenue

$124,500↑+12%

Active Users

8,432↑+5%

Weekly Trend

Loading chart...

Top Events

Loading chart...

기본 사용

Debug Workspace

Auth
E2E
Settings
5 tests

No test selected

Select a test from the sidebar to view details.

기본 사용

Visual Regression

Total5→
Match1↑
Diff2↓
New1→
Select all

No snapshot selected

Select a snapshot from the list to view the diff.

기본 사용

User Profile

User ProfileJD
Jane DoeActive

jane@example.com

ID: usr_abc123

power-userbeta
User Stats
Total Events2,340↑ +15%
Sessions128↑ +8%
First SeenJan 5→
Last Seen2 min ago→

Engagement Score

78Engagement Score
Recency
92
Frequency
65
Monetary
54

Properties

CountrySouth KoreaBrowserChrome 121DeviceDesktopOSmacOS 14.3PlanProSignup2025-01-05

Event Timeline

Data Table

EventPathTime
page_view/dashboard2 min ago
click/settings5 min ago
form_submit/profile12 min ago

기본 사용

Project Overview

Total Events1.2M↑ +12%
Active Users8,420↑ +5.3%
Sessions24.5K↓ -2.1%
Error Rate0.12%↓ -8%

Trends

Breakdown

Top Events

Data Table

EventCountChange
page_view45,200+8.2%
button_click32,100-3.1%
form_submit18,400+12.5%
api_request12,300+1.8%
error_thrown1,520-15.2%

Recent Events

Data Table

EventTimeUser
page_view2026-02-23T10:30:00Zuser_abc
button_click2026-02-23T10:29:45Zuser_def
form_submit2026-02-23T10:29:30Zuser_abc
api_request2026-02-23T10:29:15Zuser_ghi
error_thrown2026-02-23T10:29:00Zuser_jkl

Dashboards

Data Table

NameLast Updated
Marketing Overview2026-02-22T08:00:00Z
Engineering Metrics2026-02-21T16:30:00Z
Growth Dashboard2026-02-20T12:00:00Z

SDK Integration

Installation
1import posthog from 'posthog-js'
2posthog.init('phc_xxx', { api_host: 'https://app.posthog.com' })

마켓플레이스

에이전트와 스킬을 찾아보세요