hgzero/claude/design-prompt.md

# 설계 프롬프트
아래 순서대로 설계합니다.  

## UI/UX 설계
command: "/design-uiux"
prompt:
```
@uiux 
UI/UX 설계를 해주세요:
- 'UI/UX설계가이드'를 준용하여 작성
```

---

# 프로토타입 작성
command: "/design-prototype"
prompt:
**1.작성**   
```
@prototype 
프로토타입을 작성해 주세요:
- '프로토타입작성가이드'를 준용하여 작성
```

---

**2.검증**  
command: "/design-test-prototype"
prompt:
```
@test-front 
프로토타입을 테스트 해 주세요. 
```

---

**3.오류수정**   
command: "/design-fix-prototype"
prompt:
```
@fix as @front  
'[오류내용]'섹션에 제공된 오류를 해결해 주세요.      
프롬프트에 '[오류내용]'섹션이 없으면 수행 중단하고 안내 메시지 표시 
{안내메시지}
'[오류내용]'섹션 하위에 오류 내용을 제공
```

---

**4.개선**   
command: "/design-improve-prototype"
prompt: 
```
@improve as @front  
'[개선내용]'섹션에 있는 내용을 개선해 주세요.     
프롬프트에 '[개선내용]'항목이 없으면 수행을 중단하고 안내 메시지 표시
{안내메시지}
'[개선내용]'섹션 하위에 개선할 내용을 제공 
```

---

**5.유저스토리 품질 높이기**   
command: "/design-improve-userstory"
prompt:
```
@analyze as @front 프로토타입을 웹브라우저에서 분석한 후,  
@document as @scribe 수정된 프로토타입에 따라 유저스토리를 업데이트 해주십시오.  
```

---

**6.설계서 다시 업데이트**  
command: "/design-update-uiux"
prompt: 
```
@document @front 
현재 프로토타입과 유저스토리를 기준으로 UI/UX설계서와 스타일가이드를 수정해 주세요. 
```

---

## 클라우드 아키텍처 패턴 선정 
command: "/design-pattern"
prompt: 
```
@design-pattern 
클라우드 아키텍처 패턴 적용 방안을 작성해 주세요:
- '클라우드아키텍처패턴선정가이드'를 준용하여 작성 
```

---

## 논리아키텍처 설계
command: "/design-logical"
prompt: 
```
@architecture 
논리 아키텍처를 설계해 주세요:
- '공통설계원칙'과 '논리아키텍처 설계 가이드'를 준용하여 설계 

```

---

## 외부 시퀀스 설계
command: "/design-seq-outer"
prompt: 
```
@architecture 
외부 시퀀스 설계를 해 주세요:
- '공통설계원칙'과 '외부시퀀스설계가이드'를 준용하여 설계 

```

---

## 내부 시퀀스 설계
command: "/design-seq-inner"
prompt: 
```
@architecture 
내부 시퀀스 설계를 해 주세요:
- '공통설계원칙'과 '내부시퀀스설계 가이드'를 준용하여 설계 

```

---

## API 설계
command: "/design-api"
prompt: 
```
@architecture 
API를 설계해 주세요:
- '공통설계원칙'과 'API설계가이드'를 준용하여 설계 

```

---

## 클래스 설계
command: "/design-class"
prompt: 
```
@architecture 
'공통설계원칙'과 '클래스설계가이드'를 준용하여 클래스를 설계해 주세요.   
프롬프트에 '[클래스설계 정보]'항목이 없으면 수행을 중단하고 안내 메시지를 표시합니다. 
{안내메시지}
'[클래스설계 정보]' 섹션에 아래 예와 같은 정보를 제공해 주십시오. 
[클래스설계 정보]
- 패키지 그룹: com.unicorn.tripgen
- 설계 아키텍처 패턴 
  - User: Layered 
  - Trip: Clean
  - Location: Layered 
  - AI: Layered
```

---

## 데이터 설계
command: "/design-data"
prompt: 
```
@architecture 
데이터 설계를 해주세요:
- '공통설계원칙'과 '데이터설계가이드'를 준용하여 설계
```

---

## High Level 아키텍처 정의서 작성  
command: "/design-high-level"
prompt: 
```
@architecture 
'HighLevel아키텍처정의가이드'를 준용하여 High Level 아키텍처 정의서를 작성해 주세요.  
'CLOUD' 정보가 없으면 수행을 중단하고 안내메시지를 표시하세요.  
{안내메시지}
아래 예와 같이 CLOUD 제공자를 Azure, AWS, Google과 같이 제공하세요.  
- CLOUD: Azure
```

---

## 물리 아키텍처 설계
command: "/design-physical"
prompt: 
```
@architecture 
'물리아키텍처설계가이드'를 준용하여 물리아키텍처를 설계해 주세요.  
'CLOUD' 정보가 없으면 수행을 중단하고 안내메시지를 표시하세요.  
{안내메시지}
아래 예와 같이 CLOUD 제공자를 Azure, AWS, Google과 같이 제공하세요.  
- CLOUD: Azure 
```

## 프론트엔드 설계
command: "/design-front"
prompt: 
```
@plan as @front
'프론트엔드설계가이드'를 준용하여 **프론트엔드설계서**를 작성해 주세요.
프롬프트에 '[백엔드시스템]'항목이 없으면 수행을 중단하고 안내 메시지를 표시합니다. 
{안내메시지}
'[백엔드시스템]' 섹션에 아래 예와 같은 정보를 제공해 주십시오. 
[백엔드시스템]
- 시스템: tripgen
- 마이크로서비스: user-service, location-service, trip-service, ai-service 
- API문서
  - user service: http://localhost:8081/v3/api-docs
  - location service: http://localhost:8082/v3/api-docs
  - trip service: http://localhost:8083/v3/api-docs
  - ai service: http://localhost:8084/v3/api-docs
[요구사항]
- 각 화면에 Back 아이콘 버튼과 화면 타이틀 표시
- 하단 네비게이션 바 아이콘화: 홈, 새여행, 주변장소검색, 여행보기
```