AI 프롬프트 뷰어/헬퍼. 변수 입력 → 실시간 치환 → 복사 기능.
AI에게 대시보드를 생성하도록 요청하는 프롬프트
@reopt-ai/opt-ui와 @reopt-ai/opt-ui-surface를 사용해서 이커머스 대시보드 Surface를 만들어줘. 요구사항: - SurfaceLayout으로 루트 래핑 (loading prop 포함) - SummaryRow로 핵심 지표 4개 표시 - TrendChart로 시계열 추이 - DataTable로 상세 목록 - 시맨틱 스페이싱 토큰 사용 (gap-section, gap-group, gap-element)
이 컴포넌트를 opt-ui 가이드라인에 맞게 리뷰해줘. 체크리스트: - Surface는 SurfaceLayout 래퍼 사용하는가 - loading prop 지원하는가 - 시맨틱 스페이싱 토큰 사용하는가 - Tab 순서가 논리적인가
[
{
"id": "1",
"key": "DATABASE_URL",
"value": "postgres://localhost:5432/mydb"
},
{
"id": "2",
"key": "API_KEY",
"value": "sk-1234567890",
"isSecret": true
},
{
"id": "3",
"key": "NODE_ENV",
"value": "production"
}
]항목이 없습니다. 추가 버튼을 눌러주세요.