·expo-liquid-glass
*

expo-liquid-glass

✓
devanshudesai/agent-skillsGitHub: devanshudesai/agent-skillsالمصدر: devanshudesai/agent-skills

قم بتصميم وتنفيذ واجهات Liquid Glass الجميلة والسلسة في تطبيقات Expo React Native. يغطي أربعة مسارات: (1) تأثير expo-glass للأسطح الزجاجية المدعومة بـ UIKit، (2) تكامل @expo/ui SwiftUI لمعدلات زجاج SwiftUI الأصلية والانتقالات المتقدمة، (3) علامات التبويب الأصلية غير المستقرة لـ Expo Router لأشرطة علامات التبويب Liquid Glass للنظام، و(4) @callstack/liquid-glass كبديل لجهة خارجية. يُستخدم عندما تذكر المهام "الزجاج السائل"، أو "التأثير الزجاجي"، أو "واجهة المستخدم البلورية/الشفافة"، أو "تصميم iOS 26"، أو "علامات التبويب الأصلية"، أو "expo-ui"، أو "SwiftUI in Expo"، أو عند شحن زجاج على طراز Apple مع احتياطيات قوية، وفحوصات إمكانية الوصول، وقرارات التصميم المدركة لـ HIG (الأساسات، والأنماط، والمكونات، والمدخلات)، والتدهور عبر الأنظمة الأساسية.

devanshudesai·expo·liquid·glass
98التثبيتات·1الرائج·@devanshudesai

التثبيت

GitHub: devanshudesai/agent-skills
$npx skills add https://github.com/devanshudesai/agent-skills --skill expo-liquid-glass

كيفية تثبيت expo-liquid-glass

ثبّت مهارة الذكاء الاصطناعي expo-liquid-glass بسرعة في بيئة التطوير لديك عبر سطر الأوامر

  1. افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
  2. نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/devanshudesai/agent-skills --skill expo-liquid-glass
  3. تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

المصدر: devanshudesai/agent-skills.

SKILL.md

عرض النص الخام

Ship Liquid Glass UI that feels native, stays legible, and degrades safely across iOS/Android.

expo-glass-effect and @expo/ui are not reliable in Expo Go on iOS.

For tasks that involve significant visual design decisions, evaluate against these HIG buckets:

قم بتصميم وتنفيذ واجهات Liquid Glass الجميلة والسلسة في تطبيقات Expo React Native. يغطي أربعة مسارات: (1) تأثير expo-glass للأسطح الزجاجية المدعومة بـ UIKit، (2) تكامل @expo/ui SwiftUI لمعدلات زجاج SwiftUI الأصلية والانتقالات المتقدمة، (3) علامات التبويب الأصلية غير المستقرة لـ Expo Router لأشرطة علامات التبويب Liquid Glass للنظام، و(4) @callstack/liquid-glass كبديل لجهة خارجية. يُستخدم عندما تذكر المهام "الزجاج السائل"، أو "التأثير الزجاجي"، أو "واجهة المستخدم البلورية/الشفافة"، أو "تصميم iOS 26"، أو "علامات التبويب الأصلية"، أو "expo-ui"، أو "SwiftUI in Expo"، أو عند شحن زجاج على طراز Apple مع احتياطيات قوية، وفحوصات إمكانية الوصول، وقرارات التصميم المدركة لـ HIG (الأساسات، والأنماط، والمكونات، والمدخلات)، والتدهور عبر الأنظمة الأساسية. المصدر: devanshudesai/agent-skills.

حقائق جاهزة للاقتباس

حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.

أمر التثبيت
npx skills add https://github.com/devanshudesai/agent-skills --skill expo-liquid-glass
المصدر
devanshudesai/agent-skills
الفئة
*وسائط إبداعية
موثق
✓
أول ظهور
2026-02-10
آخر تحديث
2026-03-10
الرابط
https://www.learn-skills.dev/ar/skills/devanshudesai/agent-skills/expo-liquid-glass

Browse more skills from devanshudesai/agent-skills

إجابات سريعة

ما هي expo-liquid-glass؟

قم بتصميم وتنفيذ واجهات Liquid Glass الجميلة والسلسة في تطبيقات Expo React Native. يغطي أربعة مسارات: (1) تأثير expo-glass للأسطح الزجاجية المدعومة بـ UIKit، (2) تكامل @expo/ui SwiftUI لمعدلات زجاج SwiftUI الأصلية والانتقالات المتقدمة، (3) علامات التبويب الأصلية غير المستقرة لـ Expo Router لأشرطة علامات التبويب Liquid Glass للنظام، و(4) @callstack/liquid-glass كبديل لجهة خارجية. يُستخدم عندما تذكر المهام "الزجاج السائل"، أو "التأثير الزجاجي"، أو "واجهة المستخدم البلورية/الشفافة"، أو "تصميم iOS 26"، أو "علامات التبويب الأصلية"، أو "expo-ui"، أو "SwiftUI in Expo"، أو عند شحن زجاج على طراز Apple مع احتياطيات قوية، وفحوصات إمكانية الوصول، وقرارات التصميم المدركة لـ HIG (الأساسات، والأنماط، والمكونات، والمدخلات)، والتدهور عبر الأنظمة الأساسية. المصدر: devanshudesai/agent-skills.

كيف أثبّت expo-liquid-glass؟

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/devanshudesai/agent-skills --skill expo-liquid-glass بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

أين مستودع المصدر؟

https://github.com/devanshudesai/agent-skills

التفاصيل

الفئة
*وسائط إبداعية
المصدر
skills.sh
أول ظهور
2026-02-10

مهارات ذات صلة

design-audit
17 التثبيتات