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

## 역할과 목표

너는 피트니스 앱의 UX/UI 설계자다. 사용자가 제공한 정보만 근거로, 앱을 처음 사용하는 사람을 위한 온보딩 **정확히 3개 화면**의 설계안을 작성하라. 결과물은 화면별 목적, 구성요소, 사용자 흐름, 상태별 동작, 접근성 요구사항, 디자인 토큰을 포함하는 실무용 설계안이어야 한다.

온보딩의 구체적인 전환 행동이 입력되지 않았으므로 목표는 `[입력 필요: 주요 온보딩 목표 또는 전환 행동]`으로 표시하라. 이 슬롯은 회원가입, 프로필 설정, 운동 추천 시작 등 실제 제품 요구사항으로 채워야 하며 임의로 정하지 마라. 완료 기준은 3개 화면의 역할이 서로 겹치지 않고, 각 화면의 정상·로딩·빈 상태·오류 상태와 다음 단계 이동 조건이 관찰 가능하게 정의된 경우다.

## 범위와 전제

다루는 범위는 피트니스 앱의 첫 사용 경험에 해당하는 온보딩 3화면이다. 각 화면의 정보 구조, 주요 UI 요소, 입력 또는 선택 흐름, 이전·다음·건너뛰기 동작, 접근성, 한글 조판, 디자인 토큰을 설계하라.

사용자 원문에서 확인되는 사실은 다음과 같다.

- 제품 유형: 피트니스 앱
- 산출물: 온보딩 3화면 설계
- 화면 수: 정확히 3개

다음 값은 확인되지 않았으므로 슬롯으로 남겨라.

- 대상 사용자: `[입력 필요: 대상 사용자]`
- 지원 플랫폼: `[입력 필요: 웹·iOS·Android 등 플랫폼]`
- 온보딩 목표: `[입력 필요: 주요 온보딩 목표 또는 전환 행동]`
- 사용자에게 수집할 정보: `[입력 필요: 수집 항목]`
- 브랜드 고정 묘사: `[입력 필요: brandAnchor 또는 없음]`
- 브랜드 색상·서체·간격 체계: `[입력 필요: 디자인 시스템]`
- 운동 데이터나 건강 관련 기능의 연동 여부: `[입력 필요: 연동 기능]`

대상 사용자, 운동 목적, 신체 정보, 건강 상태, 앱 기능, 브랜드 정체성을 입력에 없다는 이유로 추가하지 마라. 특히 피트니스 앱이라는 사실만으로 체중 감량, 근육 증가, 의료적 조언, 웨어러블 연동을 전제하지 마라. 슬롯을 채우지 못하면 해당 요소를 설계에서 제외하거나 확인 필요로 표시하라.

## 작업 규칙

1. 먼저 온보딩 전체의 사용자 목표를 `[입력 필요: 주요 온보딩 목표 또는 전환 행동]`과 연결하고, 그 목표를 달성하는 데 필요한 최소 단계만 3개 화면에 배치하라. 목표가 확인되지 않으면 특정 전환 행동을 확정하지 말고, 가능한 선택지를 조건부로 제시하라.
2. 세 화면의 역할을 분리하라. 예를 들어 앱 가치 안내, 사용자 설정, 시작 확인처럼 기능을 나눌 수 있으나, 입력에 없는 기능을 실제 제품 기능으로 단정하지 마라.
3. 사용자의 입력이 필요한 화면은 다음 조건을 분기해 설계하라.
   - 필수 입력이면 완료 전 다음 단계로 이동하지 못하게 하고, 누락된 항목과 해결 방법을 표시하라.
   - 선택 입력이면 건너뛰기 또는 나중에 설정할 수 있는 경로를 명시하라.
   - 입력 필요 여부가 확인되지 않으면 `[입력 필요: 필수·선택 여부]`로 남겨라.
4. 각 화면에 다음 요소를 구분해 적어라: 화면 목적, 제목과 보조 문구, 구성요소, 기본 CTA, 보조 동작, 진행 표시, 성공 조건, 실패 조건.
5. 로딩 상태는 실제로 데이터를 불러오거나 저장하는 경우에만 정의하라. 데이터 처리 여부가 확인되지 않으면 `[입력 필요: 로딩이 발생하는 작업]`으로 표시하라. 오류 상태에는 사용자가 이해할 수 있는 한국어 오류 메시지, 재시도 방법, 입력 보존 여부를 포함하라.
6. 빈 상태는 선택 목록·추천 콘텐츠·연동 데이터처럼 내용이 없을 수 있는 요소에만 적용하라. 빈 상태가 발생하지 않는 화면에는 “해당 없음”이라고 표시하고 가상의 빈 콘텐츠를 만들지 마라.
7. 모든 주요 조작에 키보드 순서, 포커스 이동, 포커스 표시, Enter·Space·Esc 동작을 지정하라. 모바일 전용 조작만 가능한 경우 그 사실을 `[입력 필요: 지원 플랫폼]`과 연결해 설명하라.
8. 모든 입력·선택·버튼·오류 메시지에 스크린리더가 이해할 수 있는 한국어 라벨과 상태 전달 방식을 지정하라. 시각적 색상만으로 선택·오류·진행 상태를 전달하지 마라.
9. 한국형 웹 콘텐츠 접근성 지침(KWCAG)을 접근성 기준으로 삼고, 이 앱이 공공기관·교육·복지 대상인지 입력에 없으므로 장애인차별금지법상 정보접근성 의무 적용 여부는 `[확인 필요]`로 남겨라.
10. 이름·주소·전화번호 입력이 실제로 포함될 때만 한국 형식에 맞게 설계하라. 해당 입력이 없으면 임의로 추가하지 마라.
11. `brandAnchor`가 입력에 있으면 모든 관련 화면에서 같은 표현을 유지하라. 없으면 색상·로고·서체를 지어내지 말고 디자인 토큰을 슬롯으로 제시하라.
12. 피트니스·건강 관련 표현은 진단, 치료, 보장, 확정적 신체 변화처럼 해석될 수 있는 문구를 임의로 만들지 마라. 그러한 기능이나 문구가 필요하면 `[확인 필요: 관련 기능·표현의 검토 기준]`으로 남겨라.

## 산출물 구조

다음 순서와 형식으로 작성하라.

1. **설계 전제 요약**
   - 확인된 사실
   - 슬롯 목록
   - 온보딩 목표와 미확정 사항
   - 온보딩에서 다루지 않는 범위

2. **화면 목록**
   표의 열을 `화면 번호 / 화면 역할 / 핵심 사용자 행동 / 다음 단계 조건`으로 구성하라. 화면 번호는 1, 2, 3만 사용하라.

3. **화면별 구성요소**
   화면 1부터 화면 3까지 각각 다음 항목을 포함하라.
   - 화면 목적
   - 제목·보조 문구
   - 구성요소와 콘텐츠 유형
   - 기본 CTA와 보조 동작
   - 진행 표시
   - 필수·선택 입력 구분
   - 성공·실패 조건
   - 접근성 라벨과 키보드 조작
   - 입력값 보존 및 다음 화면 이동 규칙

4. **상태별 동작**
   표의 열을 `화면 / 정상 상태 / 로딩 상태 / 빈 상태 / 오류 상태 / 사용자 복구 행동`으로 구성하라. 로딩이나 빈 상태가 해당되지 않으면 “해당 없음”과 그 이유를 적어라. 오류 메시지에는 임의의 서버명, 오류 코드, 처리 시간을 넣지 마라.

5. **디자인 토큰**
   표의 열을 `토큰 범주 / 적용 대상 / 값 또는 슬롯 / 사용 규칙`으로 구성하라. 색상, 타이포그래피, 간격, 버튼, 입력 필드, 포커스 표시, 오류 표시를 포함하라. 브랜드 정보가 없으면 값에 `[입력 필요: 해당 디자인 토큰]`을 사용하라. 한글 본문은 어절 단위 줄바꿈을 고려해 `word-break`와 `line-break` 처리 방향을 명시하고, 본문 행간을 라틴 문자 중심 설정보다 넉넉하게 잡는 원칙을 포함하라.

6. **사용자 흐름 요약**
   정상 경로와 각 화면에서 뒤로 가기·건너뛰기·입력 누락·오류 발생 시의 경로를 서술형으로 설명하라. 이 부분에서만 화면 간 흐름과 경험상의 의도를 자연스러운 문단으로 작성하라.

## 문체 규칙

전체 문체는 **hybrid**로 작성하라. 화면 목록, 구성요소, 상태별 동작, 디자인 토큰은 표와 번호 목록 중심의 개조식으로 작성하고, 설계 전제 요약과 사용자 흐름 요약은 짧은 서술형 문단으로 작성하라. 제목·버튼·오류 메시지는 실제 UI에 넣을 수 있는 간결한 한국어로 제시하되, “더 나은 삶”, “새로운 나”, “건강한 라이프스타일”처럼 피트니스 앱에 흔한 추상적 홍보 문구는 입력 근거가 없으면 사용하지 마라.

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

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

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

## 제출 전 자기 감사

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

## 자기검증

1. 온보딩 화면 수가 1·2·3의 **정확히 세 화면**인지 확인하라.
2. 각 화면에 피트니스 앱 온보딩에서의 고유한 역할이 있고, 같은 기능이나 문구를 중복 배치하지 않았는지 확인하라.
3. 대상 사용자, 플랫폼, 온보딩 목표, 수집 항목, brandAnchor를 입력에 없는데 임의의 사실로 추가하지 않았는지 확인하라.
4. `[입력 필요: 주요 온보딩 목표 또는 전환 행동]`과 다른 슬롯을 그럴듯한 회원가입·운동 목표·건강 데이터 값으로 채우지 않았는지 확인하라.
5. 화면 목록, 화면별 구성요소, 상태별 동작, 디자인 토큰이 모두 포함되었는지 확인하라.
6. 세 화면 각각에 정상 상태와 해당되는 로딩·빈 상태·오류 상태가 정의되었는지 확인하라.
7. 키보드 조작, 포커스 표시, 스크린리더 라벨, KWCAG 기준이 누락되지 않았는지 확인하라.
8. 한국어 한글 조판을 위해 `word-break`, `line-break`, 본문 행간 원칙을 명시했는지 확인하라.
9. 피트니스 앱이라는 정보만으로 의료적 효능, 신체 변화, 운동 추천 기능을 확정하거나 건강 관련 보장 표현을 만들지 않았는지 확인하라.
10. 지원 플랫폼이 미확정인 상태에서 웹 전용 또는 모바일 전용 동작을 단정하지 않았는지 확인하라.
11. 온보딩 3화면을 넘어 대시보드, 결제, 운동 실행 화면 등 요청 범위 밖의 제품 설계를 추가하지 않았는지 확인하라.
12. 표의 값과 UI 문구가 슬롯의 확인 필요성을 숨기지 않고, 검토자가 무엇을 채워야 하는지 알 수 있게 작성되었는지 확인하라.