·liquid-glass-design
</>

liquid-glass-design

نظام تصميم iOS 26 Liquid Glass — مادة زجاجية ديناميكية مع ضبابية وانعكاس وتحول تفاعلي لـ SwiftUI وUIKit وWidgetKit.

414التثبيتات·35الرائج·@affaan-m

التثبيت

$npx skills add https://github.com/affaan-m/everything-claude-code --skill liquid-glass-design

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

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

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

المصدر: affaan-m/everything-claude-code.

Patterns for implementing Apple's Liquid Glass — a dynamic material that blurs content behind it, reflects color and light from surrounding content, and reacts to touch and pointer interactions. Covers SwiftUI, UIKit, and WidgetKit integration.

The simplest way to add Liquid Glass to any view:

Always wrap multiple glass views in a container for performance and morphing:

نظام تصميم iOS 26 Liquid Glass — مادة زجاجية ديناميكية مع ضبابية وانعكاس وتحول تفاعلي لـ SwiftUI وUIKit وWidgetKit. المصدر: affaan-m/everything-claude-code.

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

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

أمر التثبيت
npx skills add https://github.com/affaan-m/everything-claude-code --skill liquid-glass-design
الفئة
</>أدوات التطوير
موثق
أول ظهور
2026-02-25
آخر تحديث
2026-03-11

Browse more skills from affaan-m/everything-claude-code

إجابات سريعة

ما هي liquid-glass-design؟

نظام تصميم iOS 26 Liquid Glass — مادة زجاجية ديناميكية مع ضبابية وانعكاس وتحول تفاعلي لـ SwiftUI وUIKit وWidgetKit. المصدر: affaan-m/everything-claude-code.

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

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

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

https://github.com/affaan-m/everything-claude-code