Phase
Cycle and women's health
GPT 6.1 Sol
4 · Design examples
Health and Fitness App Design: Cycles, Sleep and Training
Explore cycle tracking, sleep routines, running recovery and swim workouts. Study hierarchy and tone for sensitive health data, predictions and frequent logging without turning every screen into a dashboard.
What to look for
Health interfaces need clarity and restraint. Separate predictions from recorded facts, make trends explainable, count the taps needed for a routine entry, and check legibility in workout and bedtime contexts.
Installation & usage guide →
Luma
Meditation and sleep
GPT 6.1 Sol
Pulse
Fitness and recovery app
GPT 6.1 Sol
Splitwater
Swimming workout watch app
GPT 6.1 Sol
Related guides
Scenario Playbook · Mobile App UI
Mobile App UI Playbook
Stop AI agents from building squished desktop webpages for mobile. Design 390×844 multi-screen mobile apps with side-by-side screens.html boards and tactile states.
Agent Guide · Claude CodeClaude Code UI Design Guide
Install Oil UI Skill in Claude Code to design websites, mobile apps and UI modules using side-by-side direction boards, clear briefs and blind screenshot reviews.
Design Method · Real-Screen Blind ReviewReal-Screen Blind Review
Why inspecting JSX and CSS in the editor misses layout bugs. Learn how Oil UI uses 1440px/390px browser screenshots, 200% crops, blurred block checks and blind subagents.