Need
Liquid Glass の UI API
Default options
glassEffect、GlassEffectContainer、Glass ボタンスタイルを使用する SwiftUI
Why it's needed
これらは、このスキルで最初に採用すべきネイティブ API です。これにより、Codex はマテリアルシステムを作り直すのではなく、カスタムのぼかしレイヤーを削除できます。
.md to the page URL.
Codex use case
Codex を使用し、iOS 26 の API と Xcode 26 で既存の SwiftUI アプリを Liquid Glass に移行します。
Codex と Build iOS Apps プラグインを使用して、iPhone と iPad の既存 UI を監査し、カスタムのぼかしやマテリアルのスタックをネイティブの Liquid Glass に置き換えます。iOS 26 の可用性チェックとシミュレータによる検証で、安全に移行できます。
Codex を使用し、iOS 26 の API と Xcode 26 で既存の SwiftUI アプリを Liquid Glass に移行します。
Codex と Build iOS Apps プラグインを使用して、iPhone と iPad の既存 UI を監査し、カスタムのぼかしやマテリアルのスタックをネイティブの Liquid Glass に置き換えます。iOS 26 の可用性チェックとシミュレータによる検証で、安全に移行できます。
Codex と Build iOS Apps プラグインを使用して、iPhone と iPad の既存 UI を監査し、カスタムのぼかしやマテリアルのスタックをネイティブの Liquid Glass に置き換えます。iOS 26 の可用性チェックとシミュレータによる検証で、安全に移行できます。
| Skill | Why use it |
|---|---|
| Build iOS Apps | SwiftUI Liquid Glass、SwiftUI UI patterns、simulator debugging の各スキルを使用して、iOS の画面をモダン化し、ネイティブの Glass エフェクトを導入して、iOS 26 シミュレータで結果を検証します。 |
まず、Liquid Glass を iOS 26 と Xcode 26 への移行プロジェクトとして扱います。iOS 26 SDK でアプリを再ビルドし、標準の SwiftUI コントロールから自動的に得られる外観を確認します。その後で初めて、平坦すぎる、重すぎる、またはシステム UI との一体感に欠けるカスタム部分だけを再設計するよう Codex に依頼します。
アプリが以前の iOS バージョンもサポートしている場合は、その制約を最初から明示してください。Build iOS Apps プラグイン の SwiftUI Liquid Glass スキルでは、Liquid Glass 専用の新しい API を #available(iOS 26, *) でガードし、旧バージョンのデバイスでも読みやすさを保てるフォールバックを維持する必要があります。
Build iOS Apps プラグイン を使用すると、Codex で SwiftUI の UI 変更とシミュレータによる検証を組み合わせられます。Liquid Glass への移行では、Codex に 1 つのフローを監査させ、少数の UI 領域を移行し、iOS 26 シミュレータで結果を起動して、対象範囲を広げる前にスクリーンショットを取得させるのが効果的です。
このプラグインには SwiftUI Liquid Glass スキルが含まれており、次の基本方針をプロンプトに盛り込むと効果的です:
glassEffect、GlassEffectContainer、Glass ボタンスタイル、glassEffectID による遷移を優先します。.glassEffect(...) を適用します。GlassEffectContainer で囲みます。.interactive() を使用します。プラグインとスキルのインストールについて詳しくは、プラグイン と スキル のドキュメントをご覧ください。
Codex に実際の本番フローをリファクタリングさせる前に、次の WWDC25 セッションを参照するとよいでしょう:
Liquid Glass への移行は、Codex が「Liquid Glass をどこに適用すべきか?」と「今すぐすべてのコードを書く」を分けて扱うことで、より円滑に進みます。まず簡単な監査を依頼し、その後、エージェントに独立して完結する 1 つの範囲をシミュレータで検証しながら実装させてください。
Liquid Glass は、すべてのカードを光るパネルに変えるのではなく、コンテンツの上に明確なコントロールレイヤーを作るためのものです。システムマテリアルと競合する装飾的な背景は Codex に削除させ、可読性が最も重要な箇所では装飾のないコンテンツを維持し、ティントは意味上の強調や主要アクションに限定してください。
最初の移行対象には、アプリ全体を一括で移行するよりも、タブのルート画面、詳細画面、シート、検索 UI、オンボーディングフローのいずれかが適しています。これによりレビューしやすくなり、Liquid Glass に関するどの判断を再利用可能なコンポーネントパターンとして採用すべきかが明確になります。
デプロイターゲットが iOS 26 未満の場合は、Liquid Glass 版と並べてフォールバック実装を表示するよう Codex に依頼してください。このレビューステップにより、API の可用性に関する意図しないリグレッションを検出し、最新のシミュレータでしか動作しない移行内容のリリースを避けられます。
Need
Default options
Why it's needed
Need
Liquid Glass の UI API
Default options
glassEffect、GlassEffectContainer、Glass ボタンスタイルを使用する SwiftUI
Why it's needed
これらは、このスキルで最初に採用すべきネイティブ API です。これにより、Codex はマテリアルシステムを作り直すのではなく、カスタムのぼかしレイヤーを削除できます。
Need
プラットフォームの基準環境
Default options
iOS 26 と Xcode 26
Why it's needed
Liquid Glass は iOS 26 SDK で導入されます。Codex は Xcode 26 でコンパイルし、以前の OS をサポートするために明示的なフォールバックを追加する必要があります。
Need
シミュレータでの検証
Default options
Why it's needed
ビジュアル移行では、ビルド、起動、スクリーンショット取得、ログ確認が重要です。複数の状態やデバイスサイズをレビューする場合は、特に重要です。
| Need | Default options | Why it's needed |
|---|---|---|
| Liquid Glass の UI API | glassEffect 、 GlassEffectContainer 、Glass ボタンスタイルを使用する SwiftUI | これらは、このスキルで最初に採用すべきネイティブ API です。これにより、Codex はマテリアルシステムを作り直すのではなく、カスタムのぼかしレイヤーを削除できます。 |
| プラットフォームの基準環境 | iOS 26 と Xcode 26 | Liquid Glass は iOS 26 SDK で導入されます。Codex は Xcode 26 でコンパイルし、以前の OS をサポートするために明示的なフォールバックを追加する必要があります。 |
| シミュレータでの検証 | XcodeBuildMCP | ビジュアル移行では、ビルド、起動、スクリーンショット取得、ログ確認が重要です。複数の状態やデバイスサイズをレビューする場合は、特に重要です。 |