
Phase
经期与女性健康
GPT 6.1 Sol
4 · 设计案例
查看经期记录、睡眠放松、跑步恢复与游泳训练界面,参考敏感健康数据、趋势预测和高频记录在相同任务中的信息层级与表达方式。
健康界面既要易读,也要克制。检查预测与已记录事实是否区分、数据趋势能否解释、快速记录需要几步,以及运动或睡前场景下文字和控制是否容易看清。
安装与使用指南 →避免把手机 App 做成“压窄的桌面网页”。学习用 390×844 真实视口与多屏并排页(screens.html)设计冲浪预报、打车、数字银行与冥想等移动界面。
Agent 指南 · Claude Code在 Claude Code 中安装 Oil UI Skill,用真实任务提示词、多方向同屏对比和浏览器截图走查,设计网页、移动 App 与交互组件。
设计方法 · 真实截图与盲审光看 JSX 和 CSS 代码找不出文字截断、对比度发灰和版面头重脚轻。详解 Oil UI 如何通过 1440px/390px 真实浏览器截图、200% 局部放大、色块结构图和无上下文子 Agent 盲审把控界面质量。