Skip to content
store
S

safe-area-handling

Fixes notch, Dynamic Island, home indicator, display cutout

by cap-goFree

Launch
#10281in AI Skills
0In stores

Description

Fixes notch, Dynamic Island, home indicator, display cutout, and system bar overlap in Capacitor apps. Covers `viewport-fit=cover` + `env(sa…

Ratings & Reviews

No ratings yet

Be the first to rate safe-area-handling.

People also visit

F

frontend-design

Instructs Claude to avoid "AI slop" or generic aesthetics

AI Skills
Launch
A

artifacts-builder

Suite of tools for creating elaborate

AI Skills
Launch
C

canvas-design

Design beautiful visual art in .png and .pdf formats using design philosophies

AI Skills
Launch
M

mcp-builder

Guide for creating high-quality MCP servers to integrate external APIs

AI Skills
Launch
P

pdf

Extract text, tables, metadata, merge & annotate PDFs

AI Skills
Launch
W

webapp-testing

Test local web applications using Playwright for UI verification and debugging

AI Skills
Launch
See all safe-area-handling alternatives

safe-area-handling FAQ

What is safe-area-handling?

Fixes notch, Dynamic Island, home indicator, display cutout, and system bar overlap in Capacitor apps. Covers `viewport-fit=cover` + `env(safe-area-inset-*)`,

Is safe-area-handling free?

Yes. safe-area-handling is free to use.

Do I need to download safe-area-handling?

No. safe-area-handling runs in your browser at skills.sh, so there's nothing to install.

Who makes safe-area-handling?

safe-area-handling is made by cap-go.

What are the best safe-area-handling alternatives?

Popular alternatives to safe-area-handling include frontend-design, artifacts-builder and canvas-design. See all safe-area-handling alternatives

Developer Stuff

Badges