AIコーディング向けLiquid Glass・グラスモーフィズムスキルおすすめ（2026年）
AIコーディング向けのLiquid Glass・グラスモーフィズムスキルで最もおすすめなのはliquid-glass-designです（GitHubスター29.9万・1.3万インストール）。有力な代替候補はcoinglassとliquid-glass-designです。
Apple iOS 26のLiquid GlassとCSSグラスモーフィズムのスキルを、実際の利用データ（インストール数、次にGitHubスター数）でランキングしています。フロントエンド・デザインカテゴリの一部です。全体のおすすめデザインスキル厳選リストもご覧ください。
ランキング：Skillselion · 利用データ：skills.shレジストリとGitHub
Liquid Glass・グラスモーフィズムスキル トップ12
| # | スキル | 対応エージェント | スター | インストール数 |
|---|---|---|---|---|
| 1 | liquid-glass-designコレクションaffaan-m · affaan-m/ECCイチオシ Quickly implement Apple's iOS 26 Liquid Glass material with blur, reflection, and interactive morphing across SwiftUI, UIKit, and WidgetKit. | Claude CodeCursorCodexGrok | 29.9万 | 1.3万 |
| 2 | coinglassコレクションStarchild-ai-agent · Starchild-ai-agent/official-skills Give their AI coding agents real-time access to crypto derivatives market data such as funding rates, open interest, long/short ratios, liquidations, and futures OHLC h | Claude CodeCursorCodexGrok | 32 | 1.1万 |
| 3 | liquid-glass-designコレクションaffaan-m · affaan-m/ECC Rapidly implement Apple's iOS 26 Liquid Glass material with blur, reflection, tint, and interactive morphing across SwiftUI, UIKit, and WidgetKit. | Claude CodeCursorCodexGrok | 29.9万 | 6703 |
| 4 | swiftui-liquid-glassコレクションDimillian · Dimillian/Skills Quickly implement or review Liquid Glass visual effects in SwiftUI iOS apps. | Claude CodeCursorCodexGrok | 4025 | 5892 |
| 5 | swiftui-liquid-glassコレクションdpearson2699 · dpearson2699/swift-ios-skills Quickly apply the new Liquid Glass translucent material to custom SwiftUI views with live blur, reflection, and interaction effects. | Claude CodeCursorCodexGrok | 1280 | 4302 |
| 6 | app-iconコレクションCode-with-Beto · Code-with-Beto/skills Automatically generate production-ready app icons with iOS 26 Liquid Glass styling and Expo configuration for React Native apps. | Claude CodeCursorCodexGrok | 146 | 2169 |
| 7 | expo-liquid-glassコレクションdevanshuDesai · devanshuDesai/agent-skills Helps with ai & agent building tasks. | Claude CodeCursorCodexGrok | 12 | 491 |
| 8 | ios-liquid-glassコレクションPrisma-Labs-Dev · Prisma-Labs-Dev/apple-skills Implement Apple Liquid Glass materials, depth, and motion in SwiftUI/UIKit while keeping legibility, performance, and system-adaptive behavior on modern iOS releases. | Claude CodeCursorCodexGrok | 356 | 438 |
| 9 | liquid-glassコレクションCasper-Studios · Casper-Studios/casper-marketplace Builds native macOS and iOS apps using Apple's Liquid Glass design language and Human Interface Guidelines in SwiftUI. | Claude CodeCursorCodexGrok | 15 | 336 |
| 10 | swiftui-liquid-glassコレクションsteipete · steipete/agent-scripts Use swiftui-liquid-glass for development tasks | Claude CodeCursorCodexGrok | 7470 | 269 |
| 11 | axiom-liquid-glassコレクションCharlesWiltgen · CharlesWiltgen/Axiom Applying Apple's Liquid Glass design language—translucent materials, depth, and motion—to SwiftUI interfaces for modern iOS releases. | Claude CodeCursorCodexGrok | 1253 | 232 |
| 12 | axiom-liquid-glass-refコレクションCharlesWiltgen · CharlesWiltgen/Axiom Apply Apple Liquid Glass materials, depth, and motion when building modern iOS interfaces. | Claude CodeCursorCodexGrok | 1253 | 193 |
よくある質問
Liquid Glass・グラスモーフィズムで最もおすすめのスキルはどれですか？
Liquid Glass・グラスモーフィズム分野の第1位はliquid-glass-designです（1.3万インストール・GitHubスター29.9万）。Quickly implement Apple's iOS 26 Liquid Glass material with blur, reflection, and interactive morphing across SwiftUI, UIKit, and WidgetKit.
これらのLiquid Glass・グラスモーフィズムスキルはどのようにランキングされていますか？
Apple iOS 26のLiquid GlassとCSSグラスモーフィズムのスキルに該当するスキルを、実際の利用データ（インストール数を第1基準、GitHubスター数を第2基準）でランキングしています。データはskills.shレジストリとGitHubに基づきます。
liquid-glass-designはどうやってインストールしますか？
次のコマンドを実行します: npx skills add https://github.com/affaan-m/ECC --skill liquid-glass-design