axiom-liquid-glass
CommunityMaster Apple's Liquid Glass design system.
Software Engineering#debugging#design system#ui/ux#performance optimization#swiftui#liquid glass#apple design
Authorjoelhooks
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill helps developers and designers implement, debug, and optimize Apple's new Liquid Glass material design system, ensuring a consistent and high-quality user experience across all platforms.
Core Features & Use Cases
- Implementation Guidance: Provides API usage, design principles, and best practices for Liquid Glass effects.
- Debugging & Optimization: Offers solutions for visual artifacts, performance issues, and legibility challenges.
- Design Review Support: Equips users with frameworks to defend their implementation against common design pressure points.
- Use Case: A developer is struggling to make text legible over a Liquid Glass background. They consult this Skill to understand adaptive tinting and contrast rules, finding the solution to use the
.tint()modifier correctly.
Quick Start
Use the axiom-liquid-glass skill to understand how to implement the Regular variant of Liquid Glass on a SwiftUI button.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: axiom-liquid-glass Download link: https://github.com/joelhooks/joelclaw/archive/main.zip#axiom-liquid-glass Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.