safe-area-handling
✓Guide complet sur la gestion des zones de sécurité dans les applications Capacitor pour l'encoche iPhone, Dynamic Island, l'indicateur d'accueil et les découpes Android. Couvre CSS, JavaScript et les solutions natives. Utilisez cette compétence lorsque les utilisateurs rencontrent des problèmes de mise en page sur les appareils modernes.
Installation
SKILL.md
Handle iPhone notch, Dynamic Island, home indicator, and Android cutouts properly.
Safe areas are the regions of the screen not obscured by:
| safe-area-inset-top | Notch/Dynamic Island/status bar | | safe-area-inset-bottom | Home indicator/navigation bar | | safe-area-inset-left | Left edge (landscape) | | safe-area-inset-right | Right edge (landscape) |
Guide complet sur la gestion des zones de sécurité dans les applications Capacitor pour l'encoche iPhone, Dynamic Island, l'indicateur d'accueil et les découpes Android. Couvre CSS, JavaScript et les solutions natives. Utilisez cette compétence lorsque les utilisateurs rencontrent des problèmes de mise en page sur les appareils modernes. Source : cap-go/capacitor-skills.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/cap-go/capacitor-skills --skill safe-area-handling- Source
- cap-go/capacitor-skills
- Catégorie
- </>Développement
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que safe-area-handling ?
Guide complet sur la gestion des zones de sécurité dans les applications Capacitor pour l'encoche iPhone, Dynamic Island, l'indicateur d'accueil et les découpes Android. Couvre CSS, JavaScript et les solutions natives. Utilisez cette compétence lorsque les utilisateurs rencontrent des problèmes de mise en page sur les appareils modernes. Source : cap-go/capacitor-skills.
Comment installer safe-area-handling ?
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/cap-go/capacitor-skills --skill safe-area-handling Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Où se trouve le dépôt source ?
https://github.com/cap-go/capacitor-skills
Détails
- Catégorie
- </>Développement
- Source
- skills.sh
- Première apparition
- 2026-02-01