Liquid Glass Design
affaan-m/everything-claude-codeThe Liquid Glass design system is a new look for iOS 26 apps. It creates a dynamic glass material that blurs content behind it and reflects colors and light. The material also reacts to touch and pointer movements.
You can use this system in SwiftUI, UIKit, and WidgetKit. It works for buttons, cards, toolbars, and containers. You can even create smooth morphing transitions between glass elements.
This skill shows the core patterns to add Liquid Glass effects. Start with a simple glassEffect modifier and build up to custom shapes and interactive styles.
Add Liquid Glass Design skill to your workflow
Global
mkdir -p ~/.claude/skills/liquid-glass-designProject
mkdir -p .claude/skills/liquid-glass-designSource Repository
More Design & UI/UX Claude Code Skills
Sleek Design Mobile Appssleekdotdesign/agent-skills
Turn your app ideas into mobile screens just by describing them
Lark Whiteboardlarksuite/cli
View, edit, and export Lark whiteboards as images or code easily
Brainstormingobra/superpowers
Brainstorm your ideas into a clear design and get approval before building anything
Ui Ux Pro Maxnextlevelbuilder/ui-ux-pro-max-skill
All-in-one UI/UX design assistant with styles, colors, fonts, and guidelines for any platform
Prototypemattpocock/skills
Quick throwaway prototypes to test logic or UI before building
Redesign Existing Projectsleonxlnx/taste-skill
Upgrade your existing website or app with a professional design audit
Extract Design Systemarvindrk/extract-design-system
Reverse engineer a website's design into ready-to-use token files
Stitch Design Tasteleonxlnx/taste-skill
Create premium, non-generic UI designs with strict color, typography, and layout rules