expo-liquid-glass
✓在 Expo React Native 應用程序中設計並實現美觀、流暢的 Liquid Glass 界面。涵蓋四個路徑：(1) 用於 UIKit 支持的玻璃表面的 expo-glass-effect，(2) 用於本機 SwiftUI 玻璃修改器和高級過渡的 @expo/ui SwiftUI 集成，(3) 用於系統 Liquid Glass 選項卡欄的 Expo Router 不穩定本機選項卡，以及 (4) @callstack/liquid-glass 作為第三方替代方案。當任務提及“液體玻璃”、“玻璃效果”、“磨砂/半透明 UI”、“iOS 26 設計”、“本機選項卡”、“expo-ui”、“Expo 中的 SwiftUI”時使用，或者在發布具有強大回退、可訪問性檢查、HIG 感知設計決策（基礎、模式、組件、輸入）和跨平台降級的 Apple 風格玻璃時使用。
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:
在 Expo React Native 應用程序中設計並實現美觀、流暢的 Liquid Glass 界面。涵蓋四個路徑：(1) 用於 UIKit 支持的玻璃表面的 expo-glass-effect，(2) 用於本機 SwiftUI 玻璃修改器和高級過渡的 @expo/ui SwiftUI 集成，(3) 用於系統 Liquid Glass 選項卡欄的 Expo Router 不穩定本機選項卡，以及 (4) @callstack/liquid-glass 作為第三方替代方案。當任務提及“液體玻璃”、“玻璃效果”、“磨砂/半透明 UI”、“iOS 26 設計”、“本機選項卡”、“expo-ui”、“Expo 中的 SwiftUI”時使用，或者在發布具有強大回退、可訪問性檢查、HIG 感知設計決策（基礎、模式、組件、輸入）和跨平台降級的 Apple 風格玻璃時使用。 來源：devanshudesai/agent-skills。
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/devanshudesai/agent-skills --skill expo-liquid-glass- 分類
- *創意媒體
- 認證
- ✓
- 收錄時間
- 2026-02-10
- 更新時間
- 2026-02-18
快速解答
什麼是 expo-liquid-glass？
在 Expo React Native 應用程序中設計並實現美觀、流暢的 Liquid Glass 界面。涵蓋四個路徑：(1) 用於 UIKit 支持的玻璃表面的 expo-glass-effect，(2) 用於本機 SwiftUI 玻璃修改器和高級過渡的 @expo/ui SwiftUI 集成，(3) 用於系統 Liquid Glass 選項卡欄的 Expo Router 不穩定本機選項卡，以及 (4) @callstack/liquid-glass 作為第三方替代方案。當任務提及“液體玻璃”、“玻璃效果”、“磨砂/半透明 UI”、“iOS 26 設計”、“本機選項卡”、“expo-ui”、“Expo 中的 SwiftUI”時使用，或者在發布具有強大回退、可訪問性檢查、HIG 感知設計決策（基礎、模式、組件、輸入）和跨平台降級的 Apple 風格玻璃時使用。 來源：devanshudesai/agent-skills。
如何安裝 expo-liquid-glass？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/devanshudesai/agent-skills --skill expo-liquid-glass 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪？
https://github.com/devanshudesai/agent-skills