Safe Area Handling
by cap-go2cfb277a1488No license72 starsListed Oct 8, 2026Updated Oct 8, 2026Repository updated today
Complete guide to handling safe areas in Capacitor apps for iPhone notch, Dynamic Island, home indicator, and Android cutouts. Covers CSS, JavaScript, and native solutions. Use this skill when users have layout issues on modern devices.
Only the file list is public. File contents are available once the skill is installed in a workspace.
| Path | Size | Type |
|---|---|---|
| metadata.json | 662 B | application/json |
| SKILL.md | 12.9 KB | text/markdown |
Source and attribution
Source:cap-go/capgo-skillsinskills/safe-area-handlingat commit2cfb277
License: No license
Content belongs to its original authors. SourceWeft indexes it from a public repository.
More from cap-go/capgo-skills
Webapp To Capacitor
cap-go
Guides migration of an existing web app, PWA, or SPA into a store-ready Capacitor iOS and Android app.
Tailwind Capacitor
cap-go
Guides styling of Capacitor mobile apps with Tailwind CSS, covering safe areas, touch targets, dark mode and performance.
Konsta Ui
cap-go
Guide to building iOS and Material Design interfaces with Konsta UI components in React, Vue, and Svelte apps.
Ios Android Logs
cap-go
Guide to viewing and filtering iOS and Android device logs for Capacitor app debugging.
Ionic Design
cap-go
Reference guide for building Ionic Framework mobile UIs with Capacitor, covering components, theming and platform styling.
Debugging Capacitor
cap-go
Guides debugging of Capacitor mobile apps: WebView inspection, native debuggers, crash logs, and common issues.
More in Software Development
Playground
anthropics
Builds self-contained interactive HTML playgrounds with controls, live preview, and copyable prompt output.
M5 Onboard
anthropics
Provisions M5Stack ESP32 boards by detecting them on USB, flashing UIFlow 2.0 firmware, and installing a MicroPython app bundle.
Cardputer Buddy
anthropics
Guides iterating on a Cardputer-Adv MicroPython app bundle: adding apps, pushing files over USB-serial, tailing logs, and running REPL commands.
Web Design Guidelines
vercel-labs
Reviews UI code against Web Interface Guidelines fetched from a remote source and reports findings as file:line entries.
Vercel React Native Skills
vercel-labs
React Native and Expo best-practice rules covering list performance, animation, navigation, UI patterns, state, and monorepo setup.
Vercel React Best Practices
vercel-labs
Vercel's React and Next.js performance guidelines, organized as 70 rules for writing, reviewing, and refactoring code.