프로토타입에 존재하는 모든 화면 + 상태 변형을 정리한 표입니다.
딥링크 컬럼은 design-prototype/index.html에 해시를 붙여 직접 열 수 있는 경로.
스크린샷 컬럼의 파일이 존재하면 자동으로 ux.html과 features.html에 표시됩니다.
docs/design-prototype/index.html을 브라우저로 엽니다 (Chrome 권장)design-prototype/index.html#homedocs/assets/screens/PXX-name.png (표의 파일명 그대로)
ℹ 일부 시트(?sheet=actions 등)는 화면 진입 후 ⋯ 버튼으로 직접 열어야 합니다.
나머지는 해시만으로 도달합니다.
| ID | 화면 | 딥링크 | 상태 변형 | 파일 |
|---|---|---|---|---|
| P01 | Login | #login |
기본 / 로그인 중 / 실패 | P01-login.png |
| P02 | Home | #home |
첫 사용자(빈) / 정상 / 오프라인 / 가득 / + 시트 | P02-home-*.png |
| P03 | All Cards (전체 씨앗) | #allcards |
기본 / 결과 0 / 전체 재생 중 | P03-allcards-*.png |
| P04 | Collection Detail | #collection/도쿄식당 |
기본 / 재생 중 / 이름 편집 / ⋯ 메뉴 / 받은 주머니 / 빈 | P04-collection-*.png |
| P05 | Card Detail | #card/c1 |
기본 / 내 표현 재생 중 / 대화 재생 중 | P05-card-*.png |
| P05a | Card — Actions Sheet | #card/c1?sheet=actions |
기본 | P05a-actions-sheet.png |
| P05b | Card — Move Sheet | #card/c1?sheet=move |
기본 / 체크 일부 | P05b-move-sheet.png |
| P05c | Card — Categories Sheet | #card/c1?sheet=categories |
기본 | P05c-categories-sheet.png |
| P05d | Card — Share Sheet | #card/c1?sheet=share |
기본 | P05d-share-sheet.png |
| P05e | Card — Delete Confirm | #card/c1?sheet=delete |
기본 | P05e-delete-confirm.png |
| P06 | Input Action Sheet | #input |
기본 / 가득 / 오프라인 | P06-input-action-*.png |
| P06a | Input — Typing | #input/typing |
placeholder / 입력 중 / 오프라인 | P06a-typing-*.png |
| P06b | Input — Voice | #input/voice |
첫 사용 / 녹음 중 / 변환 후 / 권한 거부 | P06b-voice-*.png |
| P06c | Input — Screenshot (플로우 전체) | #input/screenshot |
3단계 | P06c-flow.png |
| P06c1 | Screenshot — Source Sheet | #input/screenshot/source |
기본 / 최근 6개 | P06c1-source.png |
| P06c2 | Screenshot — Detect | #input/screenshot/detect |
스캐닝 / 영역 표시 / 일부 선택 | P06c2-detect-*.png |
| P06c3 | Screenshot — Confirm | #input/screenshot/confirm |
기본 / 항목 일부 삭제 | P06c3-confirm-*.png |
| P07 | Search | #search |
입력 전 / 결과 있음 / 결과 0 | P07-search-*.png |
| P08 | New Collection Sheet | #new-collection |
기본 / 미리보기 갱신 | P08-new-collection.png |
| P09 | Processing | #processing |
단건 / 여러 건 / 5초 후 / 에러 | P09-processing-*.png |
| P10 | Collections (목록) | #collections |
기본 / 정렬 / 뷰 토글 | P10-collections-*.png |
| P11 | Friends | #friends |
내 친구 / 받은 주머니 / 빈 / 요청 대기 | P11-friends-*.png |
| P12 | Me | #me |
기본 / 볼주머니 위젯 탭 후 (반응 5종) | P12-me-*.png |
| P13 | Settings | #settings |
기본 / 각 시트 (모드·글자·속도·목소리) | P13-settings-*.png |
| P14 | Help (FAQ) | #help |
기본 / 검색 / 아코디언 펼침 | P14-help-*.png |
| P15 | Info (About) | #info |
기본 | P15-about.png |
| P16 | Tweaks Panel | #tweaks |
기본 (개발용) | P16-tweaks.png |
docs/assets/screens/PXX-name.png 또는 상태 변형이 있으면 PXX-name-state.png (예: P02-home-empty.png)-dark.png 접미 (예: P05-card-dark.png) — 선택참조 칩을 클릭하면 해당 화면으로 점프