<aside> 📱
my_girlfriend 최신 코드 화면 기준 사용설명서 (2026-09-11 스냅샷).
로컬 http://127.0.0.1:3001 · 모바일 430px 셸.
대상: 만 18세 이상. 실존 인물 재현 없음. 가상 캐릭터만.
피그마 디테일 작업용 SSOT 화면 레퍼런스.
</aside>
관련: IP-Adapter Face ID — 개념 정리, Character Consistency
한 명의 그녀를 고르고, 메신저처럼 짧게 대화하고, 초상·앨범으로 장면을 남기는 모바일 웹뷰 앱이다. 범용 챗봇 UI가 아니다.
| 경로 | 탭 | 역할 |
|---|---|---|
/ |
홈 | 현재 그녀 히어로 + 상태 + 장면 썸네일 |
/chat |
채팅 | 대화 (인사로 시작) |
/album |
앨범 | 이벤트별 초상 잠금/해금 |
/me |
그녀 | 기본 3명 + 추가 |
/me/new |
(그녀 하위) | 사용자 정의 캐릭터 카드 생성 |
하단 탭 (모바일 lg 미만): 홈 / · 채팅 /chat · 앨범 /album · 그녀 /me
데스크톱 (lg+): 좌측 사이드바 280px — 브랜드 MY Girl Friend, 활성 캐릭터(핑크 점 + 지금 대화할 수 있어요), 동일 4메뉴, 하단 배지 만 18+. 홈 제외 본문 헤더에 타이틀.
셸: NeonClubBackdrop + data-shell="dark".
| 이름 | 나이 | MBTI | 말투 | 인사 | 생일 |
|---|---|---|---|---|---|
| 지은 | 24 | ENFP | 친한 반말 | 왔어? 나 지금 좀 한가해. 오늘 어땠어. | 03-14 |
| 하린 | 26 | ISTJ | 담백한 반말 | 왔구나. 밥은 먹었어. | 11-02 |
| 수아 | 23 | INFP | 조심스러운 반말 | 어, 왔어. 나 지금 방 정리하고 있었어. | 06-21 |
/피그마 (완료) — Screens / Home 63:2
스펙 요약: 390×844 · 마진 20 · 히어로 radius 24 · FilmStrip 4:5 gap 12 · 선택 stroke 2px #7F56D9 · Name SemiBold 30/38 · BottomNav 56+safe.
코드 갭: FilmStrip selected ring 미반영 · daypart 숨김 가능 · 히어로 3:4가 Figma(~400)보다 커 스크롤(~467@350w).