# Prototypes

`uxui/prototypes/`는 `uxui/`에서 결정한 화면과 상호작용을 HTML/CSS/JS로 확인하는 공간이다.

---

## 역할

Prototype은 결정 원본이 아니다. 실제 화면으로 검증하기 위한 도구다.

```text
uxui 결정
  ↓
prototype 작성
  ↓
검증 / 수정
  ↓
uxui 본문 반영
  ↓
fricle 코드 구현
```

---

## 폴더 규칙

```text
uxui/prototypes/
├── README.md
├── shared/
│   ├── fricle.css
│   └── prototype.js
└── {uxui-area}/
    ├── README.md
    ├── index.html
    ├── style.css
    └── script.js
```

예시:

- `05-menubar/`
- `04-mode-stage/`
- `12-marketplace/`

---

## Prototype README 포맷

각 prototype 폴더는 짧은 README를 둔다.

```markdown
# Prototype Name

## 기준 문서
- ../../02-canvas/...

## 목적
무엇을 눈으로 확인하는가

## 확인할 것
- 레이아웃
- 상호작용
- 반응형

## 상태
Draft / Reviewed / Accepted / Archived
```

`Accepted`가 되어도 최종 결정은 반드시 `uxui/` 본문에 반영한다.