PromptTemplate
shellAI 프롬프트 뷰어/헬퍼. 변수 입력 → 실시간 치환 → 복사 기능.
컴포넌트 의존 관계
깊이
100%
대시보드 Surface 생성
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 순서가 논리적인가
테스트 커버리지
2026년 2월 4일생성된 테스트 결과를 찾지 못했습니다.
PromptTemplate 항목이 문서 메타에 연결되어 있지만 현재 생성 파일에는 없습니다.
테스트를 추가한 뒤 `bun run generate:test-results`를 실행하거나 `testDescribe` 매핑을 다시 확인하세요.
PromptTemplate Props
| Prop | 타입 | 기본값 | 설명 |
|---|---|---|---|
title* | string | — | 프롬프트 제목 |
description | string | — | 프롬프트 설명 (헤더 아래 표시) |
template* | string | — | 프롬프트 템플릿. {변수명}으로 치환 가능 |
variables | PromptVariable[] | — | 변수 정의 배열. { name, label, placeholder?, defaultValue? } |
labels | PromptTemplateLabels | — | i18n용 라벨 오버라이드 |
Import
tsx
import { PromptTemplate } from "@reopt-ai/opt-ui";