expo-liquid-glass
✓Expo React Native アプリで美しく滑らかな液体ガラス インターフェイスを設計して実装します。 4 つのパスをカバーします: (1) UIKit で裏付けされたガラス サーフェスの expo-glass-effect、(2) ネイティブ SwiftUI ガラス モディファイアと高度なトランジションのための @expo/ui SwiftUI 統合、(3) システムのリキッド ガラス タブ バー用の 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 アプリで美しく滑らかな液体ガラス インターフェイスを設計して実装します。 4 つのパスをカバーします: (1) UIKit で裏付けされたガラス サーフェスの expo-glass-effect、(2) ネイティブ SwiftUI ガラス モディファイアと高度なトランジションのための @expo/ui SwiftUI 統合、(3) システムのリキッド ガラス タブ バー用の 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 アプリで美しく滑らかな液体ガラス インターフェイスを設計して実装します。 4 つのパスをカバーします: (1) UIKit で裏付けされたガラス サーフェスの expo-glass-effect、(2) ネイティブ SwiftUI ガラス モディファイアと高度なトランジションのための @expo/ui SwiftUI 統合、(3) システムのリキッド ガラス タブ バー用の 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 で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/devanshudesai/agent-skills