Phase
생리 주기 및 여성 건강
GPT 6.1 Sol
4 · 디자인 사례
건강 및 피트니스 앱 디자인: 생리 주기, 수면, 트레이닝
생리 주기 추적, 수면 루틴, 러닝 회복, 수영 트레이닝을 살펴 보세요. 모든 화면을 대시보드로 만들지 않으면서 민감한 건강 데이터, 예측, 잦은 기록의 정보 위계와 어조를 어떻게 다루는지 확인하세요.
주목할 점
건강 인터페이스에는 명확함과 절제가 필요합니다. 예측과 기록된 사실을 구분하고, 추세를 설명할 수 있게 하며, 일상적인 기록에 필요한 탭 수를 세어 보고, 트레이닝 중이나 취침 전에도 읽기 쉬운지 확인하세요.
설치 및 사용 가이드 →
관련 가이드
시나리오 플레이북 · 모바일 앱 UI
모바일 앱 UI 플레이북
AI Agent가 데스크톱 웹페이지를 좁은 모바일 화면에 억지로 끼워 넣은 듯한 결과물을 만들지 않게 하세요. 나란히 배치한 screens.html 보드와 촉각적인 상태로 390×844 다중 화면 모바일 앱을 디자인하세요.
Agent 가이드 · Claude CodeClaude Code UI 디자인 가이드
Claude Code에 Oil UI Skill을 설치하고 명확한 브리프, 나란히 놓인 방향 비교 보드, 블라인드 스크린샷 리뷰로 웹사이트, 모바일 앱, UI 모듈을 디자인해 보세요.
디자인 방법 · 실제 화면 블라인드 리뷰실제 화면 블라인드 리뷰
편집기에서 JSX와 CSS만 검사하면 레이아웃 버그를 놓치는 이유를 알아보세요. Oil UI가 1440px/390px 브라우저 스크린샷, 200% 크롭, 흐린 블록 검사, 블라인드 서브에이전트를 사용하는 방법을 소개합니다.