
Phase
生理周期と女性の健康
GPT 6.1 Sol
4 · デザイン事例
生理周期の記録、睡眠とリラクゼーション、ランニング後の回復、水泳トレーニングのUIを紹介します。敏感な健康データ、予測、頻繁な記録を扱う画面で、情報階層と表現のトーンをどう整えるかを確認できます。
健康UIには、分かりやすさと節度ある表現が必要です。予測と記録済みの事実が区別されているか、傾向を説明できるか、日常的な記録に何回タップが必要か、運動中や就寝前でも文字とコントロールが見やすいかを確かめます。
インストール・使用ガイド →
生理周期と女性の健康
GPT 6.1 Sol

瞑想と睡眠
GPT 6.1 Sol

フィットネス・回復アプリ
GPT 6.1 Sol

水泳ワークアウト用ウォッチアプリ
GPT 6.1 Sol
モバイルアプリを「幅を狭めたデスクトップWebページ」にしない方法を解説します。390×844の実ビューポートと複数画面ページscreens.htmlを使い、サーフ予報、配車、デジタルバンキング、瞑想などのモバイルUIを設計します。
エージェントガイド · Claude CodeClaude CodeにOil UI Skillをインストールし、実際のタスクプロンプト、複数方向の比較ページ、ブラウザーのスクリーンショットレビューを使って、Webサイト、モバイルアプリ、UIコンポーネントをデザインする方法を解説します。
デザイン手法 · 実際のスクリーンショットとブラインドレビューJSXとCSSを見るだけでは、文字の切り詰め、くすんだコントラスト、レイアウトの重心の偏りを見つけられません。Oil UIが1440px / 390pxの実ブラウザースクリーンショット、200%の部分拡大、色面構造図、コンテキストなしのサブエージェントレビューで品質を確認する方法を解説します。