reopt designreopt design
DocsExploreToolsPricingBuilder
Login
Explore/
opt-ui165opt-charts33opt-datagrid6opt-editor5opt-calendar4opt-filemanager4opt-chat6opt-shell14brandapp-ui8Examples12Builder Blocks
Overview165Core59Shells75Blocks31
reopt designreopt design

A design system for the AI era

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

reopt Inc.Business registration no. 217-88-02453contact@reopt.ai

© 2026 reopt Inc. All rights reserved.

Explore/Blocks/ItemDetail

ItemDetail

Block

상품/아이템 상세 페이지. 태그, 저자, 콘텐츠, 리뷰 섹션 포함.

display
Related docs
npx @reopt-ai/opt-cli block add item-detail
100%
  1. 에이전트 목록/
  2. 코드 리뷰 에이전트
🤖

코드 리뷰 에이전트

PR 코드를 자동 분석하고 리뷰 코멘트를 생성합니다.

Free
코드리뷰자동화v1.2.0
AAlice
1234 다운로드4.8 평점
text
1You are a code review agent. Analyze the PR diff and provide constructive feedback.

리뷰(2)

AAlice
2026-03-10

정말 유용합니다! 코드 리뷰 시간이 절반으로 줄었어요.

BBob
2026-03-08

대체로 좋지만 가끔 오탐이 있습니다.

컴포넌트 의존 관계

깊이
▼ USES (6)ItemDetailbadgebreadcrumbavatarbuttonstar-ratingtextarea

테스트 커버리지

2026년 7월 9일

생성된 테스트 결과를 찾지 못했습니다.

ItemDetail 항목이 문서 메타에 연결되어 있지만 현재 생성 파일에는 없습니다.

테스트를 추가한 뒤 `bun run generate:test-results`를 실행하거나 `testDescribe` 매핑을 다시 확인하세요.

Related components

ProjectSettings

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

Display

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
PreviousMarketplaceCatalogNextDataExplorer

기본 사용

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' });