← ClaudeAtlas

liquid-glass-claude-skilllisted

Brand-agnostic design reasoning system for Liquid Glass and glassmorphic interfaces on any platform (web, SwiftUI, mobile). Use when asked to use, apply, or redesign with Liquid Glass, glassmorphism, frosted or translucent glass UI, or backdrop blur, or to make an interface more Apple-like or iOS 26 style.
Armitanemati/liquid-glass-claude-skill · ★ 3 · Web & Frontend · score 74
Install: claude install-skill Armitanemati/liquid-glass-claude-skill
# Liquid Glass Claude Skill A design reasoning system, not a snippet library. Liquid Glass is a **material and interaction language**: translucent material used intentionally to establish functional hierarchy above content. **Objective:** a clear, spatial, adaptive interface. Not "make it look like glass." **Success test:** people think "this feels incredibly clean and spatial," never "someone added blur to everything." Liquid Glass should be felt before it is noticed. This skill controls **material, hierarchy, spatial behavior, transparency, blur, depth, interaction.** The project's brand system controls **color, type, identity, imagery, tone.** Never mix the two. **References.** Primary: Apple's Liquid Glass principles (functional layering, translucency, material hierarchy, adaptive appearance, spatial separation, depth, continuity, visual hierarchy, clarity, consistency, contextual interaction). Supporting: glassmorphism practice on transparency, background blur, contrast, depth, edge definition, accessibility, readability. Understand the principles and apply them to the product at hand. Never produce an Apple clone. --- ## 0. Scope and safety This skill is guidance only. When it is active: - Work only inside the project the user has explicitly selected or shared. Do not read, scan, or modify anything outside it. - Do not read environment variables, credentials, keys, tokens, or account data. - Do not make network requests, install packages, or change global or syst