Полное руководство по работе с безопасными зонами в приложениях Capacitor для выреза iPhone, Dynamic Island, индикатора дома и вырезов Android. Охватывает CSS, JavaScript и нативные решения. Используйте этот навык, когда у пользователей возникают проблемы с макетом на современных устройствах.
Быстро установите AI-навык safe-area-handling в вашу среду разработки через командную строку
Источник: cap-go/capgo-skills.
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) |
Полное руководство по работе с безопасными зонами в приложениях Capacitor для выреза iPhone, Dynamic Island, индикатора дома и вырезов Android. Охватывает CSS, JavaScript и нативные решения. Используйте этот навык, когда у пользователей возникают проблемы с макетом на современных устройствах. Источник: cap-go/capgo-skills.
Стабильные поля и команды для ссылок в AI/поиске.
npx skills add https://github.com/cap-go/capgo-skills --skill safe-area-handlingПолное руководство по работе с безопасными зонами в приложениях Capacitor для выреза iPhone, Dynamic Island, индикатора дома и вырезов Android. Охватывает CSS, JavaScript и нативные решения. Используйте этот навык, когда у пользователей возникают проблемы с макетом на современных устройствах. Источник: cap-go/capgo-skills.
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/cap-go/capgo-skills --skill safe-area-handling После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
https://github.com/cap-go/capgo-skills