safe-area-handling
✓Vollständiger Leitfaden zum Umgang mit sicheren Bereichen in Kondensator-Apps für iPhone-Notch, Dynamic Island, Home-Indikator und Android-Ausschnitte. Behandelt CSS, JavaScript und native Lösungen. Nutzen Sie diese Fähigkeit, wenn Benutzer auf modernen Geräten Probleme mit dem Layout haben.
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) |
Vollständiger Leitfaden zum Umgang mit sicheren Bereichen in Kondensator-Apps für iPhone-Notch, Dynamic Island, Home-Indikator und Android-Ausschnitte. Behandelt CSS, JavaScript und native Lösungen. Nutzen Sie diese Fähigkeit, wenn Benutzer auf modernen Geräten Probleme mit dem Layout haben. Quelle: cap-go/capacitor-skills.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/cap-go/capacitor-skills --skill safe-area-handling- Quelle
- cap-go/capacitor-skills
- Kategorie
- </>Entwicklung
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-01
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist safe-area-handling?
Vollständiger Leitfaden zum Umgang mit sicheren Bereichen in Kondensator-Apps für iPhone-Notch, Dynamic Island, Home-Indikator und Android-Ausschnitte. Behandelt CSS, JavaScript und native Lösungen. Nutzen Sie diese Fähigkeit, wenn Benutzer auf modernen Geräten Probleme mit dem Layout haben. Quelle: cap-go/capacitor-skills.
Wie installiere ich safe-area-handling?
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/cap-go/capacitor-skills --skill safe-area-handling Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor
Wo ist das Quell-Repository?
https://github.com/cap-go/capacitor-skills
Details
- Kategorie
- </>Entwicklung
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-01