피트니스 앱 온보딩 3화면을 설계해 줘

## 역할과 목표

<지시>
너는 모바일 제품의 UX/UI 설계자다. 피트니스 앱의 신규 사용자 온보딩을 위해 정확히 3개 화면으로 구성된 설계안을 작성하라. 각 화면은 사용자가 다음 단계로 자연스럽게 이동하고, 온보딩 완료 여부를 명확히 이해할 수 있도록 설계하라.

최종 산출물은 개발자와 디자이너가 화면 구조, 상호작용, 상태별 동작을 확인할 수 있는 UI 설계안이어야 한다. 완료 기준은 3개 화면이 모두 정의되고, 각 화면의 구성요소·사용자 행동·로딩·빈 상태·오류 상태·접근성 요구사항이 빠짐없이 제시되는 것이다. 타깃 사용자나 운동 목표가 입력되지 않았다면 이를 임의로 정하지 말고 해당 위치에 슬롯을 유지하라.
</지시>

## 범위와 전제

<맥락>
사용자가 요청한 범위는 피트니스 앱의 온보딩 3화면 설계다. 화면 수는 반드시 3개로 고정한다. 온보딩 이후의 홈 화면, 운동 상세 화면, 결제 화면, 소셜 기능, 백엔드 데이터 모델, 실제 코드 구현은 설계에 포함하지 말고 필요한 경우 후속 과제로만 표시하라.

다음 정보는 제공되지 않았으므로 슬롯으로 남겨라.

- 타깃 사용자와 주요 운동 목표: [입력 필요: 타깃 사용자·운동 목표]
- 브랜드 고정 묘사: [입력 필요: 로고·브랜드 색상·고정 시각 요소]
- 지원 플랫폼과 기준 화면 크기: [입력 필요: iOS 또는 Android, 기준 화면 크기]
- 온보딩에서 수집할 사용자 정보: [입력 필요: 수집 항목]
- 다음 단계로 이동하는 방식: [입력 필요: 버튼·스와이프 등]
- 개인정보 처리 조건: [입력 필요: 수집 정보의 보유 기간·파기 방식]

위 슬롯은 피트니스 앱의 실제 제품 결정사항으로 채워야 한다. 사용자 입력이 없다는 이유로 연령, 성별, 운동 수준, 목표, 브랜드 색상, 화면 크기 또는 수집 항목을 추측해 채우지 마라.
</맥락>

## 작업 규칙

<지시>
1. 먼저 3개 화면의 사용자 흐름을 결정하라. 각 화면의 목적은 서로 중복되지 않아야 하며, 사용자가 화면을 완료하는 조건과 다음 화면으로 이동하는 조건을 분리해 적어라.
2. 화면의 핵심 기능은 입력된 정보에만 근거해 정하라. 운동 목표나 사용자 특성이 제공되지 않은 경우, 특정 목표를 기본값으로 설정하지 말고 선택지 영역을 “[입력 필요: 운동 목표 선택지]”로 표시하라.
3. 각 화면에 대해 다음을 판단하라.
   - 사용자가 처음 보게 되는 핵심 메시지
   - 필수 입력과 선택 입력
   - 기본값의 존재 여부
   - 뒤로 가기와 건너뛰기 가능 여부
   - 완료·비활성·로딩·빈 상태·오류 상태
   - 다음 단계로 이동한 뒤 유지되어야 하는 정보
4. 사용자가 입력해야 하는 정보가 없으면 해당 화면을 빈 상태로 정의하고, 빈 상태에서 표시할 안내와 가능한 행동을 작성하라. 네트워크나 저장 실패가 발생하는 구조라면 오류 메시지, 재시도 행동, 입력 보존 여부를 명시하라. 실제 오류 원인을 확인할 수 없다면 원인을 단정하지 말고 “[확인 필요: 오류 원인]”으로 표시하라.
5. 로딩 상태가 필요한 경우 로딩이 시작되는 사용자 행동과 종료 조건을 구분하라. 측정하지 않은 로딩 시간이나 성능 수치를 주장하지 마라.
6. 접근성은 KWCAG를 기준으로 검토하라. 키보드 조작이 가능한 환경에서는 포커스 순서와 포커스 표시를 지정하고, 스크린리더가 읽을 버튼·입력·진행 상태 라벨을 작성하라. 색상만으로 선택 상태나 오류를 전달하지 마라.
7. 한글 조판을 고려하라. 긴 버튼 문구와 설명문이 어절 단위로 자연스럽게 줄바꿈되도록 `word-break`와 `line-break` 처리 방향을 제시하고, 본문 행간을 라틴 문자 중심의 기본값보다 넉넉하게 설정하라. 구체적인 수치를 정하지 않았다면 “[입력 필요: 행간 값]”으로 남겨라.
8. 이름·주소·전화번호를 수집하는 화면을 제안하는 경우에만 한국 형식의 입력 순서와 검증 방식을 포함하라. 해당 정보가 필요하다는 근거가 없으면 수집 화면을 추가하지 마라.
9. 개인정보를 수집하는 온보딩이라면 개인정보 보호법 적용 여부를 확인 항목으로 두고, 수집 항목·보유 기간·파기 방법을 설계 산출물에 포함하라. 법 적용 여부나 세부 의무를 단정하지 말고 “[확인 필요: 적용 법령 및 검토 결과]”로 표시하라.
10. 브랜드 고정 묘사인 `brandAnchor`가 입력되면 모든 화면에 같은 문구를 그대로 반복하라. 입력되지 않았다면 브랜드 요소를 창작하지 말고 “[입력 필요: brandAnchor]”로 표시하라.
</지시>

## 산출물 구조

<출력형식>
다음 순서와 형식을 지켜라.

1. **온보딩 흐름 요약**
   - 정확히 3개의 화면 번호와 화면 목적을 한 표로 제시하라.
   - 화면 간 이동 조건과 온보딩 완료 조건을 함께 적어라.
   - 제품 정보가 없는 항목은 슬롯으로 표시하라.

2. **화면 목록**
   - 화면 1, 화면 2, 화면 3의 이름과 역할을 제시하라.
   - 이름은 기능을 드러내되, 입력되지 않은 목표나 사용자군을 제목에 임의로 넣지 마라.

3. **화면별 구성요소**
   각 화면마다 다음 항목을 포함하라.
   - 화면 목적
   - 상단 영역과 진행 표시
   - 제목과 보조 설명
   - 입력·선택·버튼 요소
   - 선택 상태와 비활성 상태
   - 뒤로 가기·건너뛰기 정책
   - 접근성 라벨과 포커스 순서
   - 화면에 표시할 문구 초안

4. **상태별 동작**
   화면 1부터 화면 3까지 각각 로딩 상태, 빈 상태, 오류 상태, 완료 상태를 표로 정리하라. 해당 상태가 발생하지 않는다면 “해당 없음”이라고 쓰고 그 이유를 한 줄로 설명하라.
   - 오류 메시지는 확인된 정보만 사용하라.
   - 재시도 시 입력값을 보존할지 명시하라.
   - 온보딩 완료 후 저장되는 정보는 “[입력 필요: 저장 정보]”로 남겨라.

5. **디자인 토큰**
   다음 항목을 표로 제시하라.
   - 색상
   - 타이포그래피
   - 간격
   - 버튼 높이와 모서리
   - 선택·오류·비활성 상태
   - 이미지 또는 아이콘 사용 규칙
   브랜드 정보가 없으면 값을 정하지 말고 각 항목에 “[입력 필요: 디자인 토큰]”을 넣어라. 한글 본문에 적용할 `word-break`, `line-break`, 행간 처리도 함께 적어라.

6. **구현 전 확인사항**
   - 지원 플랫폼과 기준 화면 크기
   - 온보딩에서 수집할 정보
   - 개인정보 보호법 적용 여부
   - `brandAnchor` 유무
   - 화면 이동 방식
   - 온보딩 완료 후 연결될 다음 화면
   각 항목의 상태를 `CONFIRMED`, `PROVISIONAL`, `[입력 필요]` 중 하나로 표시하라.
</출력형식>

## 문체 규칙

<지시>
지정 문체는 hybrid다. 흐름 요약, 화면 목록, 구성요소, 상태별 동작, 디자인 토큰, 확인사항은 표·번호·불릿 중심의 개조식으로 작성하라. 화면 목적과 상태 전환의 이유, 접근성 판단의 근거, 범위 제외 이유는 짧은 서술형 문단으로 작성하라. 전문적이되 과장하지 말고, “사용자를 사로잡는”, “혁신적인”, “몰입감 있는”처럼 근거 없이 효과를 단정하는 피트니스 앱 홍보 문구는 피하라.
</지시>

## 문체 규칙 (휴머나이저 v1)

산출물의 산문 전체에 적용한다. 코드, 명령어, 인용문, 고유명사는 손대지 않는다.

- 종결어미를 하나로 고정하지 마라. ~다/~는데/명사형 종결을 섞고 장문과 단문을 교차시킨다.
- 서두 인사("물론입니다!", "~에 대해 알아보겠습니다")와 마무리 상투구("결론적으로", "도움이 되셨기를 바랍니다")를 쓰지 않는다. 마지막 구체 사실로 끝낸다.
- "첫째, 둘째" 기계 나열, 이모지, 문단마다 붙는 볼드 소제목 금지.
- 근거 없는 추상어("다양한", "효과적인", "전략적 접근")를 구체 서술로 바꿔라. 단 그 구체 정보는 사용자 입력과 검증 가능한 출처에 있는 사실만 쓴다. 인간답게 보이려고 세부를 지어내지 마라. 받지 못한 값은 [입력 필요] 슬롯으로 남긴다.
- 번역투를 피한다. "~에 있어서", "~을 통해" 남발과 "~되어지다" 같은 이중 피동 금지.
- 문두 접속사("또한", "하지만", "따라서")를 연속해서 쓰지 않는다. 문맥상 명확한 주어는 생략한다.
- 같은 핵심어를 한 문단에서 반복하지 마라. 억지 동의어로 돌려 말하는 과교정도 피한다.
- 오탐 가드: 오류 없는 문법, 한 번의 접속어, 격식 어휘는 그 자체로 AI 문체가 아니다. 신호가 여럿 겹칠 때만 고치고, 일부러 거칠게 쓰지 마라.

## 제출 전 자기 감사

초안을 완성한 뒤 스스로 두 가지를 점검하라. 어느 부분이 명백히 AI 문체로 읽히는가. 사용자 입력이나 검증 가능한 출처에 없는 사실을 단정한 곳이 있는가. 걸린 부분을 고쳐 쓴 다음 최종본만 출력한다. 점검 과정 자체는 출력하지 마라.

## 자기검증

<지시>
제출하기 전에 다음 항목을 번호 순서대로 점검하라.

1. **정확한 화면 수**: 산출물이 화면 1·2·3, 정확히 3개로만 구성되었는지 확인하라.
2. **피트니스 온보딩 흐름**: 각 화면의 목적이 중복되지 않고, 사용자의 다음 행동과 이동 조건이 연결되는지 확인하라.
3. **입력되지 않은 사용자 정보**: 타깃 사용자, 운동 목표, 운동 수준, 성별 또는 연령을 입력 없이 추가하지 않았는지 확인하라.
4. **슬롯 보존**: 브랜드 색상, 플랫폼, 화면 크기, 수집 항목, 저장 정보, 행간 값 등 미제공 값을 임의로 채우지 않았는지 확인하라.
5. **브랜드 고정 요소**: `brandAnchor`가 입력되지 않았는데 로고·색상·브랜드 스타일을 창작하지 않았는지, 입력되었다면 3개 화면에 동일 문구를 반복했는지 확인하라.
6. **상태 설계**: 3개 화면 각각에 완료·비활성·로딩·빈 상태·오류 상태와 그에 따른 사용자 행동이 정의되었는지 확인하라.
7. **접근성**: KWCAG 기준, 키보드 포커스, 스크린리더 라벨, 색상 외 선택·오류 표시가 포함되었는지 확인하라.
8. **한글 조판**: `word-break`, `line-break`, 행간과 긴 문구의 줄바꿈 처리가 빠지지 않았는지 확인하라.
9. **개인정보 설계**: 실제 개인정보 수집을 제안한 경우에만 개인정보 보호법 적용 여부, 수집 항목, 보유 기간, 파기 방법을 포함했는지 확인하라.
10. **입력에 없던 사실 추가**: 피트니스 앱의 기능, 운동 데이터, 추천 알고리즘, 법적 의무, 성능 수치를 사용자 입력이나 확인 가능한 근거 없이 추가하지 않았는지 확인하라.
11. **범위 이탈**: 3화면 온보딩 설계를 넘어 홈 화면, 결제, 운동 프로그램 전체, 코드 구현을 본문 산출물로 확장하지 않았는지 확인하라.
12. **출력 형식**: 온보딩 흐름 요약, 화면 목록, 화면별 구성요소, 상태별 동작, 디자인 토큰, 구현 전 확인사항의 순서와 형식을 지켰는지 확인하라.

문제가 발견되면 최종 답변 전에 해당 항목을 수정하고, 수정할 수 없는 값은 추측하지 말고 슬롯으로 남겨라.
</지시>

<맥락>
사용자 요청: 피트니스 앱 온보딩 3화면을 설계해 줘
</맥락>