와이어프레임 / 35-화면설계 / wireframes / 화면-03-02-페르소나-프로필-커스터마이징

페르소나 프로필 커스터마이징 — 와이어프레임

파이프라인 ③단계 · 구조 뼈대(SOT) · 신설 · Figma 확정 디자인(#281) 반영 · 클릭 가능(prototype)
출처: Figma Oruli.ai UI_Master ✨ (04_02 진입 · 04_07 보관함 · 04_07_01 업로드 · 04_07_02 후보 · 04_06 완료)
허브 노트: 화면-03-02-페르소나-프로필-커스터마이징.md · 명세: 화면설계-03-02-페르소나-프로필-커스터마이징.md
상위 결정: [[결정-페르소나-의상입력-방식]] (D19) — 입력 방식 옵션②(참조 이미지 → 프롬프트 추출 → 생성) · 관련 이슈 #281 · #248 · #249 · #458 · #731 · #760 · #743 · #783
최종 갱신: 2026-07-28 — 후보 선택 이탈 경고의 적용 범위를 브라우저 물리 뒤로가기까지 넓혔다(#760). 옵션시트 첫 항목 이름에 확정 이모지 🧖‍♀️를 적었다(#743, 정본 확정은 #730). CUSTOM_01 옵션시트의 옛 제목 문구 무엇을 만들까요?를 지웠다 — 확정 디자인(Figma 04_02 노드 4451-4341·4451-4374)에는 해당 제목이 없다(#783, #670 후속).
7개 섹션 · 18개 상태 프레임 · 기기 375×812 · 최종 테마: 다크(와이어프레임은 구조만 회색으로 본다)
주의: 시각 디자인은 #281에서 확정됐으나 코드 구현·엔드포인트·도메인 필드는 아직 없다. 미확정 항목은 주석에 needs-verification으로 적는다.

▶ 흐름 모드: 요소를 눌러 화면 이동 ▦ 전체 모드: 핫스팟 클릭 시 대상으로 스크롤 ①②③ 요소 번호 = 아래 주석 동작·이동·데이터·규칙·상태 유형 태그

CUSTOM_01 · 진입 · Studio 옵션시트

채팅 화면 상단 Studio 버튼을 누르면 아래에서 옵션시트가 올라온다. Profile Customization 🧖‍♀️(프로필 커스터마이징) / Creation Studio 👑(크리에이션 스튜디오 — 대화에 넣을 이미지를 만드는 갈래) 두 갈래 중 앞의 것을 골라 이 흐름으로 들어온다. 초안의 '캐릭터 프로필 화면 커스터마이징 버튼' 진입은 폐기됐다(#281 확정). 근거 Figma 04_02 채팅 > generate 팝업 선택(node 488-2372).

옵션시트 · default
‹
페르소나 이름
✨ Studio1
뭐 하고 있어?
새 옷 보여줄까?
2
◧

프로필 커스터마이징 🧖‍♀️ 3

프로필 외형을 새로 만들어요 (Profile Customization 🧖‍♀️)

◨

크리에이션 스튜디오 👑 4

대화에 넣을 이미지를 만들어요 (Creation Studio 👑)

  • 주석 · 진입(Studio 옵션시트)
  • 1요소채팅 화면 상단 Studio 버튼. 커스터마이징 진입점이다. 동작누르면 옵션시트가 올라온다. 근거 Figma 04_02·확정(#281).
  • 2요소진입 직후 아래에서 올라오는 옵션시트. 배경은 딤(어둡게) 처리. 두 갈래를 고른다.
  • 3이동'프로필 커스터마이징 🧖‍♀️' → 옵션시트 선택 상태(오른쪽) → 보관함(CUSTOM_07). 이 화면군이 다루는 갈래. 근거 [[페르소나-프로필-커스터마이징]].
  • 4이동'크리에이션 스튜디오 👑(Creation Studio)' → 인라인 이미지 생성(이 화면군 밖, [[화면-04-03-인라인미디어]] 계열). 여기서는 다루지 않는다.
  • ·규칙이미 만든 페르소나의 외형을 바꾸는 갈래. 근거 [[페르소나-생성-여정]]. 실제=보라 CTA·다크 테마, 와이어프레임은 회색.
  • ·규칙두 항목 이름에는 이모지가 붙는다 — 첫 항목 프로필 커스터마이징 🧖‍♀️(Profile Customization 🧖‍♀️), 둘째 항목 크리에이션 스튜디오 👑(Creation Studio 👑). 첫 항목 이모지는 #730에서 디자이너가 정본으로 확정했다. 근거 Figma 04_02 노드 4451-4341·4451-4374. 코드도 정본과 일치한다(arwen_fe origin/dev 커밋 6914a30, #736 · src/locales/en/persona/profile.ts 48행 · ko/persona/profile.ts 52행).
옵션시트 · selected
‹
페르소나 이름
✨ Studio
✓

프로필 커스터마이징 🧖‍♀️ 1

프로필 외형을 새로 만들어요 (Profile Customization 🧖‍♀️)

◨

크리에이션 스튜디오 👑

대화에 넣을 이미지를 만들어요 (Creation Studio 👑)

OK 2
  • 1상태'프로필 커스터마이징 🧖‍♀️'을 고른 상태. 테두리·체크로 선택 표시(실제=강조 테두리). 근거 Figma 04_02 > selected.
  • 2이동'OK' → 프로필 목록·전환(보관함, CUSTOM_07). 여기서 새 프로필을 만들거나 기존 프로필로 전환한다.

CUSTOM_07 · 프로필 목록·전환(보관함)

신규 화면(#281 확정, Figma 04_07 node 4451-5086). 만든 프로필 썸네일을 그리드로 모아 보는 '보관함'이다. 현재 쓰는 프로필은 흰 테두리(활성), 만들고 있는 프로필은 로딩으로 표시한다. ＋ 새 프로필(Add Profile)로 새로 만들고, 이 프로필 사용(Apply Profile)으로 활성 프로필을 바꾼다. 흐름상 진입(CUSTOM_01) 바로 다음, 업로드(CUSTOM_03) 앞에 온다(번호 07은 신규 추가 순서일 뿐). 삭제·크게 보기 기능은 개발 범위 밖이라 빈 상태(0개)는 없다.

보관함 · default
‹ 프로필
◆ 120 5
1현재
◐

생성중… 2

＋ 새 프로필 3
이 프로필 사용 4
  • 주석 · 보관함(프로필 목록)
  • 1상태현재 활성 프로필 = 흰 테두리 + '현재' 배지(실제=흰 테두리, 와이어프레임은 진한 테두리로 표현). 근거 확정(#281)·Figma 04_07.
  • 2상태만드는 중인 프로필 = 로딩 썸네일. 본 생성(비동기)이 끝나면 정상 썸네일로 바뀐다.
  • 3이동＋ 새 프로필(Add Profile) → 새 프로필 생성 안내(CUSTOM_02). 크레딧이 부족하면 안내 대신 크레딧 부족 팝업으로 간다(오른쪽 상태).
  • 4동작이 프로필 사용(Apply Profile) = 고른 프로필을 활성으로 전환. 프로필을 고르기 전에는 비활성(회색). 근거 확정(#281·활성 전환).
  • 5요소보유 크레딧 표시(◆N). 새 프로필 만들기(10크레딧)의 가능 여부를 여기서 먼저 가늠한다. 근거 [[크레딧]].
  • ·규칙썸네일은 3열 그리드(격자 배치)에 정사각 카드(가로세로 비율 1대 1)로 놓는다. 375px 화면에서 한 칸이 109px이라 카드는 109×109다(109×3 + 8×2 = 343, 간격 8px). 근거 arwen_fe origin/dev src/views/persona/profile/ProfileStorageView.vue 290~298행.
  • ·규칙기존 프로필로 '전환'은 재생성이 없으므로 크레딧이 들지 않는다. 크레딧 10은 새로 '만들 때'만 든다. 근거 확정(#281).
보관함 · 프로필 선택
‹ 프로필
◆ 120
현재
1
◐

생성중…

＋ 새 프로필
이 프로필 사용 2
  • 1상태현재 활성이 아닌 프로필을 골랐다. 선택 표시는 우측 상단 체크 배지만 붙는다 — 테두리는 붙지 않는다(활성 프로필만 흰 테두리를 가진다). 근거: `arwen_fe` `origin/dev` `ProfileStorageView.vue`(커밋 `d07619c`, #595) — `.is-active`만 `border-color`를 갖고 `.is-selected`에는 테두리 규칙이 없다.
  • 2상태프로필을 고르면 이 프로필 사용이 활성된다. 이동누르면 적용 성공 팝업(오른쪽). 전환은 즉시·무료.
보관함 · 이미지 로드 실패 (예외)
‹ 프로필
◆ 120
현재
✕ ▨

1이미지 생성에
실패했어요.

이 프로필 사용
  • 주석 · 보관함 이미지 로드 실패(예외, #837)
  • 1상태썸네일 이미지를 불러오지 못하면(네트워크 끊김·파일 부재) 그 슬롯 하나만 대체 이미지로 채운다. 빈 칸이나 깨진 이미지 아이콘을 그냥 두지 않는다. 새로 만든 상태가 아니라 Figma 04_07 default 프레임에 이미 있던 generate image-fail 슬롯(노드 5311:6173)을 그대로 쓴다 — 아이콘·문구 모두 이미지 생성 실패 때와 동일. 생성 실패와 로드 실패를 화면에서 구분하지 않는다(디자인 결정, #837).
  • ·규칙이 상태는 슬롯 단위다 — 그리드의 다른 칸(현재·정상 썸네일·생성중)은 영향받지 않는다.
  • ·주의업로드 실패(이미지 업로드 실패 안내, CUSTOM_03)와는 다른 상태다 — 그건 참조 사진 업로드가 세이프가드 검열에 걸렸을 때고, 여기는 이미 만든 프로필 썸네일이 안 열릴 때다.
보관함 · 크레딧 부족 안내 팝업 (예외)
‹ 프로필
◆ 3

크레딧이 부족해요

새 프로필 만들기에는 10 크레딧이 필요해요.

충전하러 가기 1
닫기
  • 1이동크레딧이 10보다 적을 때 ＋ 새 프로필을 누르면 이 팝업이 뜬다. '충전하러 가기'(Add Credits) → 멤버십·크레딧 화면(이 화면군 밖, [[화면-06-멤버십-크레딧]]). 근거 확정(#281)·예외 처리.
보관함 · 프로필 적용 성공 팝업
‹ 프로필
◆ 120
현재
✓

프로필을 적용했어요 1

이제 이 프로필로 대화해요.

확인 2
  • 1상태이 프로필 사용으로 활성 프로필을 바꾼 결과. 골랐던 프로필이 '현재'(흰 테두리)로 바뀐다. 근거 확정(#281·활성 전환).
  • 2이동'확인' → 보관함 유지 또는 채팅 복귀. 전환은 재생성 없이 즉시라 크레딧이 들지 않는다.

CUSTOM_02 · 새 프로필 생성 안내 · 혜택·크레딧

보관함에서 ＋ 새 프로필(Add Profile)을 누르면 뜨는 단일 안내 팝업이다(#586 — 보관함에 중복으로 그려져 있던 프레임을 제거하고 여기로 단일화). 기능 혜택과 소모 크레딧(10)을 진행 전에 미리 고지한다.

안내 · 팝업
‹ 프로필

새 프로필 만들기 1

원하는 의상 사진을 올려 프로필 의상을 바꿀 수 있어요
프로필 이미지와 채팅 속 라이브 감정 표현 영상까지 모두 적용돼요 2
◆ 10 크레딧 소모 3
닫기 4
계속하기 5
  • 주석 · 새 프로필 생성 안내(혜택·크레딧)
  • 1요소보관함에서 ＋ 새 프로필을 누르면 아래에서 올라오는 안내 팝업. 배경은 딤 처리.
  • 2요소혜택 고지 — 참조 의상 사진으로 프로필 의상 변경 + 프로필 이미지·채팅 라이브 감정 표현 영상 자동 적용. 근거 [[페르소나-프로필-커스터마이징]]·[[PersonaVariationInfo]].
  • 3규칙소모 크레딧 10을 진행 전 미리 고지. 실제 차감은 최종 확정 시 1회. 근거 [[크레딧]]·확정(#281·D19).
  • 4이동닫기 → 보관함(CUSTOM_07) 복귀(흐름 종료).
  • 5이동계속하기 → 업로드(CUSTOM_03).
  • ·상태실제=보라 CTA·딤 오버레이. 와이어프레임은 회색.

CUSTOM_03 · 업로드 · 참조 사진

참조 사진을 올리는 화면이다. 권장·금지 안내를 함께 둔다. 업로드하면 세이프가드 검열 → 프롬프트 추출(비노출) → 후보 생성으로 이어진다. 근거 Figma 04_07_01(node 4451-5743).

업로드 · default
‹ 참조 사진 올리기
＋ 사진 올리기 1

권장 · 캐릭터에게 입히고 싶은 옷이 잘 보이는 사진 2

옷 전체가 선명하게 나올수록 좋아요.

이런 사진은 피해주세요

· 선정적·폭력적이거나 불법적인 이미지

· 다른 사람이 주인공인 사진 (얼굴·신원은 쓰지 않아요)

· 브랜드 로고·캐릭터 그림이 크게 박힌 옷 (그 부분은 반영되지 않아요)

· 옷이 가려지거나 흐릿·어두운 사진

업로드 3
  • 주석 · 업로드(참조 사진)
  • 1동작참조 사진 선택·업로드. '+ 사진 올리기' 영역을 누른다.
  • 2규칙권장 = 캐릭터에 입힐 의상이 선명한 사진. 피해야 할 사진 = 선정·폭력·불법(세이프가드 거부) / 타인이 주인공 / 로고·캐릭터 프린트 / 의상 불명확. 로고·저작 프린트는 업로드 거부가 아니라 추출 단에서 제외.
  • 3데이터업로드 → 세이프가드 검열 → 프롬프트 추출(사용자 비노출) → 후보 생성(CUSTOM_04). 입력 방식 = 옵션② 근거 [[결정-페르소나-의상입력-방식]](D19). 엔드포인트·도메인 필드 미확정(needs-verification).
  • ·규칙업로드 이미지·생성 이미지는 [[세이프가드]]가 검열한다. 검열 부적합 시 재업로드(오른쪽 카드).
업로드 · filled
‹ 참조 사진 올리기

권장 · 캐릭터에게 입히고 싶은 옷이 잘 보이는 사진

옷 전체가 선명하게 나올수록 좋아요.

이런 사진은 피해주세요

· 선정적·폭력적이거나 불법적인 이미지

· 다른 사람이 주인공인 사진 (얼굴·신원은 쓰지 않아요)

· 브랜드 로고·캐릭터 그림이 크게 박힌 옷 (그 부분은 반영되지 않아요)

· 옷이 가려지거나 흐릿·어두운 사진

업로드
  • ·상태사진을 올리면 미리보기가 채워지고 업로드 CTA가 활성된다.
업로드 · 세이프가드 검열 로딩
‹ 참조 사진 올리기
◐

사진을 확인하고 있어요 1

잠시만 기다려 주세요.

  • 주석 · 세이프가드 검열 로딩 (#781·#789)
  • 1상태업로드한 사진을 [[세이프가드]]가 검열하는 동안 뜨는 대기 화면. 검열을 통과하면 프롬프트 추출을 거쳐 후보 생성(CUSTOM_04)으로, 부적합하면 이미지 업로드 실패 안내(오른쪽 카드)로 간다. 근거 Figma 04_07_01 노드 5225-4126(#781 실측) · 명세 77행(#789).
업로드 · 뒤로가기 시 생성 초기화 확인 (예외)
‹ 참조 사진 올리기
＋ 사진 올리기

권장 · 캐릭터에게 입히고 싶은 옷이 잘 보이는 사진

· 선정적·폭력적이거나 불법적인 이미지

알림 1

뒤로 가시면 프로필 이미지 생성이
초기화됩니다. 계속하시겠습니까?

취소 2계속 3
  • 주석 · 뒤로가기 시 생성 초기화 확인 (#585 후속 보완 · #704 문구 통일 · #789 정합)
  • 1규칙업로드 후 후보 생성이 진행되는 동안(세이프가드 검열 → 프롬프트 추출 → 후보 생성) 사용자가 뒤로가기를 누르면, 진행 중인 생성이 초기화된다는 확인 팝업을 띄운다. 기획·와이어프레임에 누락돼 있던 항목이라 디자인 검토 중 발견해 보완했다(디자인 [[#585]]). 팝업 문구는 후보 선택 단계(CUSTOM_04) 팝업과 같은 문구로 통일한다 — 제목 "알림", 본문 "뒤로 가시면 프로필 이미지 생성이 초기화됩니다. 계속하시겠습니까?", 버튼 취소·계속(디자인 결정 #704, #789에서 옛 문구를 정정).
  • 2이동취소 → 생성을 그대로 계속 진행(화면 유지, 초기화 없음).
  • 3이동계속 → 생성 초기화 + 뒤로가기(보관함 복귀).
업로드 · 이미지 업로드 실패 안내 (예외)
‹ 참조 사진 올리기
이 사진은 사용할 수 없어요. 다른 사진을 올려주세요. 1
다시 올리기
  • 1상태세이프가드 검열 부적합 → 재업로드 유도('이미지 업로드 실패 안내 팝업'). 근거 [[세이프가드]]·확정(#281·예외 3종).

CUSTOM_04 · 결과 후보 · 선택

만들어진 후보 이미지를 보고 1개를 확정하는 화면이다. 다른 결과를 원하면 [이미지 교체](참조 의상 재등록)로 새로 만든다 — 단순 재생성은 폐지([[결정-프로필-재생성-이미지교체]] D40, #584). 확정 시점에만 크레딧 10이 1회 빠진다. 이미지 교체는 횟수 제한 없이 반복 가능(#584·D40, #596). 재생성 잔여 카피·최대횟수 상태 카드는 제거함.

결과 · 후보 (이미지 교체 가능)
‹ 후보 선택
1

마음에 안 들면 이미지 교체로 다시 만들 수 있어요 · 횟수 제한 없음 2

이미지 교체 3
이 이미지로 진행 4
  • 주석 · 결과 후보·선택
  • 1요소생성된 후보 프로필 이미지. 세이프가드 검열을 통과한 결과.
  • 2규칙마음에 안 들면 [이미지 교체]로 다시 만든다 — 교체 횟수 제한 없음(#584·D40, #596). 재생성 잔여 카피 폐지. 규칙커스텀 프로필 표시 비율 = 골반라인 위 상반신(손 미노출), 기본은 흉상 유지. 근거 [[결정-프로필-표시비율]](D42, #583).
  • 3동작[이미지 교체] — 참조 의상 이미지를 다시 등록(업로드 단계로)해 새 후보를 만든다. 횟수 제한 없이 반복 가능. 재생성 잔여 횟수 개념 폐지(#584·D40).
  • 4이동이 이미지로 진행 → 크레딧 차감 확인 팝업(#585). 확인 시 이 시점에 크레딧 10을 1회 차감(생성 시점 아님) → 비동기 진행 안내(CUSTOM_05). 근거 [[크레딧]]·확정(#281). 엔드포인트 미확정(needs-verification).
  • ·규칙크레딧 부족은 앞선 보관함(CUSTOM_07)에서 미리 거른다. 이미지 교체는 횟수 제한 없음, 크레딧은 최종 확정 시 1회만 차감. 후보 생성 실패·타임아웃은 예외 처리(오른쪽 실패 팝업).
결과 · 크레딧 차감 확인 팝업
‹ 후보 선택

새 프로필을 만들까요? 1

해당 이미지로 새 프로필 생성을 진행합니다.
확인을 누르면 10크레딧이 차감됩니다.

2보유 크레딧 120

취소확인 3
  • 주석 · 크레딧 차감 확인
  • 1규칙[이 이미지로 진행] = 실질 크레딧 차감 시점이므로 단순 안내가 아니라 선택 팝업(확인/취소)으로 확정받는다. 근거 회의 14번(#585).
  • 2요소문구 "확인을 누르면 10크레딧이 차감됩니다" + 보유 크레딧 표시.
  • 3이동확인 → 크레딧 10 차감 + 비동기 진행 안내(CUSTOM_05). 취소 → 후보로 복귀(차감 없음).
결과 · 이미지 생성 실패 안내 (예외)
‹ 후보 선택
이 이미지로 진행

이미지를 만들지 못했어요

잠시 후 다시 시도해 주세요.

다시 시도 1
닫기
  • 1상태후보 생성이 실패·타임아웃한 예외('이미지 생성 실패 팝업'). '다시 시도'로 재생성. 재시도 횟수 제한 없음(이미지 교체 무제한), 크레딧은 확정 시 1회만. 근거 확정(#281·예외 3종).
결과 · 뒤로가기 이탈 경고 (예외, #587)
‹ 후보 선택

알림 1

뒤로 가시면 프로필 이미지 생성이
초기화됩니다. 계속하시겠습니까?

취소 2계속 3
  • 주석 · 후보 선택 뒤로가기 이탈 경고 (#587·#612·#704·#760)
  • 1규칙후보 선택(CUSTOM_04)에서 뒤로가기를 하면 이탈 경고 팝업을 띄운다("뒤로 가시면 프로필 이미지 생성이 초기화됩니다. 계속하시겠습니까?"). 업로드 단계(CUSTOM_03) 팝업과 같은 문구로 통일한다(플로우 전체 패턴 통일, #704 디자인 결정). 적용 범위는 헤더 뒤로가기 버튼과 브라우저 물리 뒤로가기 둘 다다(#760). 기기·브라우저의 뒤로 버튼을 누르거나 화면 가장자리를 스와이프해 나가려 할 때도 같은 팝업을 띄운다. 두 경로의 결과는 같다.
  • 2이동취소 → 후보 화면(CUSTOM_04) 유지. 물리 뒤로가기도 같다.
  • 3이동계속 → 생성 결과 초기화 + 업로드(CUSTOM_03) 이동(router.replace). 진입 팝업(CUSTOM_02) 미노출(#586 정합). 물리 뒤로가기는 원래 가려던 이동을 취소하고 업로드(CUSTOM_03)로 직접 보낸다(#760) — 후보 화면의 히스토리(브라우저가 쌓는 화면 방문 기록) 직전 항목이 업로드가 아니라 보관함(CUSTOM_07)이라, 그냥 통과시키면 규칙이 정한 목적지와 다른 화면으로 간다.

CUSTOM_05 · 비동기 진행 안내

확정 직후 뜨는 진행 안내다(Figma 04_07_02의 '프로필 적용 안내 팝업'). 본 생성(프로필 + 감정 베리에이션)은 백그라운드에서 비동기로 돌고, 완료는 채팅 토스트로 알린다.

비동기 · 진행 안내
‹
1

적용을 시작했어요

완료되면 채팅에서
알려드릴게요.

확인 2
  • 주석 · 비동기 진행 안내
  • 1이동(시뮬) 아이콘 클릭 = 본 생성 완료 푸시 시뮬 → 채팅 완료 토스트(CUSTOM_06). 실제는 백그라운드 비동기라 사용자 조작이 아니다.
  • 2이동확인 → 화면 닫고 서비스 계속 이용(이 화면군 밖). 만드는 동안 보관함 썸네일은 '생성중' 로딩으로 보인다.
  • ·규칙본 생성 = 프로필 이미지 + 감정 베리에이션. 비동기 처리 후 완료 토스트로 알림. 근거 확정(#281)·[[PersonaVariationInfo]]. 본 생성 실패 시 재시도(최대 5회), 크레딧 롤백 여부 미정(needs-verification).

CUSTOM_06 · 완료 토스트 · 채팅

본 생성이 끝나면 채팅 화면 위쪽에 완료 토스트를 띄우고, 갱신된 프로필을 별도 승인 없이 자동 반영한다. 근거 Figma 04_06(node 4451-4584).

완료 · 토스트·채팅
‹
페르소나 이름 3
✓ 프로필이 새롭게 단장했어요 1
오늘 옷 잘 어울린다!
고마워 2
메시지 입력
  • 주석 · 완료 토스트·채팅
  • 1상태본 생성 완료 시 채팅 상단에 완료 토스트 푸시("프로필이 새롭게 단장했어요"). 실제 = 다크 pill 토스트(다크 테마 정합, 성공은 ✓ 아이콘·카피로 전달), 와이어프레임은 회색. 근거 확정(#281).
  • 2규칙감정 베리에이션까지 끝나면 별도 승인 없이 자동 반영. 새 외형이 대화에 자연스럽게 묻어난다. 근거 [[PersonaVariationInfo]]·[[PersonaAppearance]].
  • 3이동채팅 화면은 이 화면군 밖([[화면-04-01-채팅]]). 뒤로·입력창은 채팅 화면의 소관.

이 와이어프레임은 파이프라인 뼈대(SOT)이자 클릭 가능한 프로토타입이다. 번호 주석은 곧 ②화면설계 단계의 실질(동작·이동·규칙)이다. 시각 디자인은 #281에서 확정됐고(Figma Oruli.ai UI_Master), 이 뼈대는 그 7화면 구성(진입 Studio 옵션시트 · 보관함 · 안내 · 업로드 · 후보 · 비동기 · 완료)을 회색으로 옮긴 것이다 — needs-verification 주석은 코드·엔드포인트 확정 후 근거를 코드로 바꾼다. 화면 구조가 바뀌면 이 파일을 갱신하고, 명세 화면설계-03-02-페르소나-프로필-커스터마이징.md의 wireframe: 필드가 이 파일을 가리킨다.