الدليل الكامل للتعامل مع المناطق الآمنة في تطبيقات Capacitor لأجهزة iPhone notch وDynamic Island ومؤشر المنزل وفتحات Android. يغطي CSS وJavaScript والحلول الأصلية. استخدم هذه المهارة عندما يواجه المستخدمون مشكلات في التخطيط على الأجهزة الحديثة.
ثبّت مهارة الذكاء الاصطناعي 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 notch وDynamic Island ومؤشر المنزل وفتحات Android. يغطي CSS وJavaScript والحلول الأصلية. استخدم هذه المهارة عندما يواجه المستخدمون مشكلات في التخطيط على الأجهزة الحديثة. المصدر: cap-go/capgo-skills.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/cap-go/capgo-skills --skill safe-area-handlingالدليل الكامل للتعامل مع المناطق الآمنة في تطبيقات Capacitor لأجهزة iPhone notch و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 بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/cap-go/capgo-skills