For the complete documentation index, see llms.txt. Markdown versions of documentation pages are available by appending .md to the page URL.
Navigation principale
Theme
Codex

Codex use case

Adoptez Liquid Glass

Utilisez Codex pour migrer une application SwiftUI existante vers Liquid Glass avec les API d’iOS 26 et Xcode 26.

Difficulty Advanced
Time horizon 1h

Avec Codex et le plugin Build iOS Apps, examinez l’interface existante sur iPhone et iPad et remplacez les superpositions de flous ou de matériaux personnalisés par les effets natifs de Liquid Glass. Pour sécuriser la migration, vérifiez la disponibilité des API d’iOS 26 et validez le résultat sur simulateur.

Best for

  • Applications SwiftUI existantes pour lesquelles de vagues orientations de refonte ne suffisent pas et qui nécessitent un plan concret de migration vers Liquid Glass sur iOS 26
  • Équipes qui souhaitent confier à Codex l’examen des cartes, feuilles de présentation, barres d’onglets, barres d’outils et boutons d’action personnalisés, puis lui faire réaliser la migration par étapes
  • Applications qui prennent encore en charge des versions antérieures d’iOS et doivent conserver un rendu de repli avec `#available(iOS 26, *)` pour éviter une refonte visuelle irréversible

Contents

    ← All use cases

    Adoptez Liquid Glass

    Utilisez Codex pour migrer une application SwiftUI existante vers Liquid Glass avec les API d’iOS 26 et Xcode 26.

    Avec Codex et le plugin Build iOS Apps, examinez l’interface existante sur iPhone et iPad et remplacez les superpositions de flous ou de matériaux personnalisés par les effets natifs de Liquid Glass. Pour sécuriser la migration, vérifiez la disponibilité des API d’iOS 26 et validez le résultat sur simulateur.

    Advanced
    1h

    Avec Codex et le plugin Build iOS Apps, examinez l’interface existante sur iPhone et iPad et remplacez les superpositions de flous ou de matériaux personnalisés par les effets natifs de Liquid Glass. Pour sécuriser la migration, vérifiez la disponibilité des API d’iOS 26 et validez le résultat sur simulateur.

    Advanced
    1h

    Best for

    • Applications SwiftUI existantes pour lesquelles de vagues orientations de refonte ne suffisent pas et qui nécessitent un plan concret de migration vers Liquid Glass sur iOS 26
    • Équipes qui souhaitent confier à Codex l’examen des cartes, feuilles de présentation, barres d’onglets, barres d’outils et boutons d’action personnalisés, puis lui faire réaliser la migration par étapes
    • Applications qui prennent encore en charge des versions antérieures d’iOS et doivent conserver un rendu de repli avec `#available(iOS 26, *)` pour éviter une refonte visuelle irréversible

    Skills & Plugins

    • Utilisez les Skills consacrés à Liquid Glass dans SwiftUI, aux modèles d’interface SwiftUI et au débogage sur simulateur pour moderniser les écrans iOS, intégrer les effets de verre natifs et vérifier le résultat sur des simulateurs iOS 26.
    Skill Why use it
    Build iOS Apps Utilisez les Skills consacrés à Liquid Glass dans SwiftUI, aux modèles d’interface SwiftUI et au débogage sur simulateur pour moderniser les écrans iOS, intégrer les effets de verre natifs et vérifier le résultat sur des simulateurs iOS 26.

    Starter prompt

    Utilisez le plugin Build iOS Apps et son Skill SwiftUI Liquid Glass pour migrer vers Liquid Glass un parcours fréquemment utilisé dans cette application. Contraintes : - Effectuez la migration avec Xcode 26 pour iOS 26. Utilisez `#available(iOS 26, *)` pour conserver un rendu sans effet de verre sur les versions antérieures d’iOS prises en charge. - Examinez d’abord le parcours. Repérez les arrière-plans personnalisés, les superpositions de flous, les pastilles, les boutons, les feuilles de présentation et les barres d’outils qui devraient adopter les effets natifs de Liquid Glass. Indiquez aussi les zones où le contenu devrait rester sans effet de verre. - Préférez les contrôles système et les API natives comme `glassEffect`, `GlassEffectContainer`, `glassEffectID`, `.buttonStyle(.glass)` et `.buttonStyle(.glassProminent)` aux flous personnalisés. Associez `glassEffectID` à `@Namespace` uniquement si une transition qui anime le passage d’une forme à une autre améliore le parcours. - Appliquez `glassEffect` après les modificateurs de mise en page et d’apparence. Gardez des formes cohérentes et réservez `.interactive()` aux contrôles qui réagissent au toucher. - Avec XcodeBuildMCP, compilez l’application, lancez-la sur un simulateur iOS 26 et faites des captures d’écran du parcours migré. Précisez le schéma Xcode et le simulateur utilisés, ainsi que les vérifications effectuées. Livrables : - Un plan de migration concis pour ce parcours - Le code du parcours migré vers Liquid Glass - Une description du comportement de repli sur les appareils équipés d’une version antérieure à iOS 26 - Les étapes de validation suivies sur simulateur et les captures d’écran utilisées
    Utilisez le plugin Build iOS Apps et son Skill SwiftUI Liquid Glass pour migrer vers Liquid Glass un parcours fréquemment utilisé dans cette application. Contraintes : - Effectuez la migration avec Xcode 26 pour iOS 26. Utilisez `#available(iOS 26, *)` pour conserver un rendu sans effet de verre sur les versions antérieures d’iOS prises en charge. - Examinez d’abord le parcours. Repérez les arrière-plans personnalisés, les superpositions de flous, les pastilles, les boutons, les feuilles de présentation et les barres d’outils qui devraient adopter les effets natifs de Liquid Glass. Indiquez aussi les zones où le contenu devrait rester sans effet de verre. - Préférez les contrôles système et les API natives comme `glassEffect`, `GlassEffectContainer`, `glassEffectID`, `.buttonStyle(.glass)` et `.buttonStyle(.glassProminent)` aux flous personnalisés. Associez `glassEffectID` à `@Namespace` uniquement si une transition qui anime le passage d’une forme à une autre améliore le parcours. - Appliquez `glassEffect` après les modificateurs de mise en page et d’apparence. Gardez des formes cohérentes et réservez `.interactive()` aux contrôles qui réagissent au toucher. - Avec XcodeBuildMCP, compilez l’application, lancez-la sur un simulateur iOS 26 et faites des captures d’écran du parcours migré. Précisez le schéma Xcode et le simulateur utilisés, ainsi que les vérifications effectuées. Livrables : - Un plan de migration concis pour ce parcours - Le code du parcours migré vers Liquid Glass - Une description du comportement de repli sur les appareils équipés d’une version antérieure à iOS 26 - Les étapes de validation suivies sur simulateur et les captures d’écran utilisées

    Partez de l’interface fournie par iOS 26

    Abordez l’adoption de Liquid Glass comme une migration vers iOS 26 et Xcode 26. Recompilez l’application avec le SDK d’iOS 26 et examinez les changements que les contrôles SwiftUI standard apportent automatiquement. Demandez ensuite à Codex de retravailler les éléments personnalisés qui paraissent encore trop plats, trop lourds ou mal intégrés à l’interface système.

    Si l’application prend toujours en charge des versions antérieures d’iOS, précisez cette contrainte dès le départ. Le skill SwiftUI Liquid Glass du plugin Build iOS Apps doit conditionner l’utilisation des nouvelles API propres à Liquid Glass à #available(iOS 26, *) et prévoir une interface de repli qui reste lisible sur les appareils plus anciens.

    Utilisez le plugin iOS

    Utilisez le plugin Build iOS Apps pour que Codex modifie l’interface SwiftUI et vérifie le résultat sur simulateur. Pour une migration vers Liquid Glass, demandez à Codex d’examiner un parcours utilisateur, de migrer quelques éléments d’interface, puis de lancer l’application sur un simulateur iOS 26 et de prendre des captures d’écran avant d’étendre la migration.

    Le skill SwiftUI Liquid Glass de ce plugin applique par défaut quelques règles que vous pouvez reprendre dans votre prompt :

    • Privilégiez les solutions natives comme glassEffect, GlassEffectContainer, les styles de boutons en verre et les transitions avec glassEffectID plutôt que les vues personnalisées qui appliquent un flou.
    • Appliquez .glassEffect(...) après les modificateurs de mise en page et d’apparence pour que le matériau épouse la forme finale souhaitée.
    • Regroupez les éléments en verre associés dans un GlassEffectContainer lorsque plusieurs surfaces s’affichent ensemble.
    • Réservez .interactive() aux boutons, aux pastilles et aux contrôles qui réagissent effectivement au toucher.
    • Harmonisez la forme des angles, les teintes et les espacements dans toute la fonctionnalité pour éviter de multiplier les variantes de l’effet de verre.
    • Conservez une solution de repli sans effet de verre pour les versions antérieures à iOS 26.

    Pour en savoir plus sur l’installation des plugins et des skills, consultez notre documentation sur les plugins et les skills.

    Regardez les sessions de la WWDC

    Ces sessions de la WWDC25 vous serviront de référence avant de demander à Codex de remanier un parcours déjà en production :

    Demandez un plan de migration, puis la mise en œuvre d’une première partie

    Une migration vers Liquid Glass se déroule mieux quand Codex traite séparément la question « Où utiliser l’effet de verre ? » et la consigne « Écrivez tout le code maintenant. » Demandez d’abord un audit rapide, puis laissez l’agent migrer une partie autonome de l’interface et la vérifier sur simulateur.

    Conseils pratiques

    Réservez l’effet de verre aux éléments qui en ont besoin

    Liquid Glass doit permettre de distinguer clairement les contrôles qui se superposent au contenu. Évitez de transformer chaque carte en panneau lumineux. Demandez à Codex de supprimer les arrière-plans décoratifs qui s’accordent mal avec les matériaux système, de garder une présentation sobre là où la lisibilité prime et de réserver les teintes aux éléments dont la couleur souligne le sens ou aux actions principales.

    Commencez par un parcours fréquemment utilisé

    Pour une première migration, il est généralement préférable de choisir l’écran principal d’un onglet, un écran de détail, une feuille modale, une interface de recherche ou un parcours de prise en main plutôt que de traiter toute l’application d’un coup. Vous pourrez ainsi examiner plus facilement le résultat et déterminer quels choix de conception liés à Liquid Glass méritent d’être repris dans des composants réutilisables.

    Vérifiez le comportement de l’interface de repli

    Si votre cible de déploiement est antérieure à iOS 26, demandez à Codex de présenter l’implémentation de repli à côté de la version Liquid Glass. Cette vérification permet de repérer les appels accidentels à des API indisponibles sur les versions prises en charge et d’éviter de livrer une migration qui ne fonctionne que sur le simulateur le plus récent.

    Tech stack

    Need

    API d’interface de Liquid Glass

    Default options

    SwiftUI avec glassEffect, GlassEffectContainer et les styles de boutons à effet de verre

    Why it's needed

    Le Skill doit privilégier ces API natives pour que Codex puisse supprimer les couches de flou personnalisées et s’appuyer sur le système de matériaux existant.

    Need

    Versions de référence

    Default options

    iOS 26 et Xcode 26

    Why it's needed

    Le SDK d’iOS 26 introduit Liquid Glass. Codex doit compiler l’application avec Xcode 26 et prévoir explicitement un rendu de repli pour les versions antérieures d’iOS.

    Need

    Validation sur simulateur

    Default options

    XcodeBuildMCP

    Why it's needed

    Lors d’une migration visuelle, il est important de compiler et de lancer l’application, de faire des captures d’écran et d’examiner les journaux, surtout pour vérifier le rendu dans différents états de l’interface et sur plusieurs tailles d’écran.

    Need Default options Why it's needed
    API d’interface de Liquid Glass SwiftUI avec glassEffect , GlassEffectContainer et les styles de boutons à effet de verre Le Skill doit privilégier ces API natives pour que Codex puisse supprimer les couches de flou personnalisées et s’appuyer sur le système de matériaux existant.
    Versions de référence iOS 26 et Xcode 26 Le SDK d’iOS 26 introduit Liquid Glass. Codex doit compiler l’application avec Xcode 26 et prévoir explicitement un rendu de repli pour les versions antérieures d’iOS.
    Validation sur simulateur XcodeBuildMCP Lors d’une migration visuelle, il est important de compiler et de lancer l’application, de faire des captures d’écran et d’examiner les journaux, surtout pour vérifier le rendu dans différents états de l’interface et sur plusieurs tailles d’écran.

    Related use cases